/* =========================================================
   v22 — Accueil, menu et catégories pilotés par l'admin
   Uniquement des ajustements : couleurs, polices et cartes
   existantes sont réutilisées telles quelles.
========================================================= */

/* Menu desktop : avec beaucoup de catégories, la barre défile au lieu de couper
   les dernières (avant : débordement masqué → catégories invisibles). */
.navbar .container{overflow-x:auto;scrollbar-width:none;}
.navbar .container::-webkit-scrollbar{display:none;}
.navbar .nav-link{flex:none;white-space:nowrap;}

/* Catalogue : sous-catégories et description */
.categorie-description{margin:8px 0 0;max-width:720px;color:var(--gray);font-size:14px;line-height:1.6;}
.sous-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.sous-cat{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid var(--border);border-radius:999px;
  background:#fff;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;transition:border-color .18s ease,color .18s ease;}
.sous-cat:hover{border-color:var(--pink);color:var(--pink);}
.sous-cat.actif{background:var(--pink);border-color:var(--pink);color:#fff;}
.filtre-sous-cat{padding-left:22px;font-size:13px;}

/* Accueil : bouton « Voir toutes les catégories » sous la grille */
.voir-categories{display:flex;justify-content:center;margin-top:22px;}

@media (max-width:900px){
  .sous-categories{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 16px;padding:0 16px 2px;}
  .sous-categories::-webkit-scrollbar{display:none;}
  .sous-cat{flex:none;}
  .voir-categories{margin-top:16px;}
}