/* =========================================================
   GDM - SOCOGEM (Marché électronique) - Overrides UI légers
   ========================================================= */

:root {
  --socogem-primary: #22c55e;
  --socogem-secondary: #3b82f6;
  --socogem-gradient: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);
}

/* App bar: signature SOCOGEM subtile */
body:not(.light-mode) .app-bar {
  border-bottom: 1px solid rgba(34, 197, 94, 0.18);
}

/* Boutons catégories: ajouter les hover gradients pour l'électronique */
.category-btn[data-category="phone"]:hover::before {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.category-btn[data-category="tv"]:hover::before {
  background: linear-gradient(135deg, #3b82f6, #0ea5e9);
}

.category-btn[data-category="computer"]:hover::before {
  background: linear-gradient(135deg, #6366f1, #3b82f6);
}

.category-btn[data-category="audio"]:hover::before {
  background: linear-gradient(135deg, #a855f7, #ec4899);
}

.category-btn[data-category="gaming"]:hover::before {
  background: linear-gradient(135deg, #f59e0b, #ef4444);
}

.category-btn[data-category="appliance"]:hover::before {
  background: linear-gradient(135deg, #14b8a6, #22c55e);
}

.category-btn[data-category="accessory"]:hover::before {
  background: linear-gradient(135deg, #64748b, #94a3b8);
}