/* Header - Menus & Recherche (extrait de header.blade.php) */

/* Menu catégories (hors page d'accueil): masqué par défaut, affiché au survol du hamburger) */
.header__categories .cat-toggle { position: relative; }
.header__categories .cat__menu {
  display: none; position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 260px;
  background: #fff; border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.header__categories .cat-toggle:hover .cat__menu,
.header__categories .cat-toggle:focus-within .cat__menu { display: block; }
/* Mega menu interne: s'assurer qu'il se superpose correctement */
.header__categories .mega-menu { position: static; }
/* Liste propre */
.header__categories .cat__menu nav > ul { list-style: none; margin: 0; padding: 10px 0; }
.header__categories .cat__menu nav > ul > li > a {
  display: block; padding: 10px 16px; color: #111; text-decoration: none; white-space: nowrap;
}
.header__categories .cat__menu nav > ul > li > a:hover { background: rgba(0,0,0,0.04); }

/* Suggestions de recherche */
.search-suggest a { display: block; padding: 8px 12px; color: #111; text-decoration: none; }
.search-suggest a:hover { background: rgba(0,0,0,0.04); }
.search-suggest .empty { padding: 8px 12px; color: #666; }

/* Menu Compte (inspiré Jumia) */
.account-menu { position: relative; }
.account-menu .account-trigger { color:#111; text-decoration:none; padding:6px 10px; border-radius:4px; }
.account-menu .account-trigger:hover { background: rgba(0,0,0,0.04); }
.account-menu .account-icon i {
  /* Taille légèrement augmentée */
  font-size:18px;
  /* Dégradé vert olive -> blanc appliqué au glyphe */
  background: linear-gradient(135deg, #556B2F 0%, #6B8E23 60%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent; /* Fallback géré ci-dessous par @supports */
  display: inline-block;
}

/* Fallback pour navigateurs ne supportant pas background-clip:text */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .account-menu .account-icon i { color: #6B8E23; }
}
.account-menu .dropdown-caret { font-size:12px; opacity:.7; }
.account-menu .account-dropdown {
  display:none; position:absolute; top:100%; right:0; min-width:240px; background:#fff;
  border:1px solid rgba(0,0,0,0.08); box-shadow:0 8px 24px rgba(0,0,0,0.12); border-radius:6px; overflow:hidden; z-index:1100;
}
.account-menu:hover .account-dropdown,
.account-menu:focus-within .account-dropdown { display:block; }
.account-dropdown-header { padding:12px 14px; background:#f9fafb; border-bottom:1px solid rgba(0,0,0,0.06); }
.account-dropdown-header .title { font-weight:600; font-size:14px; color:#111; }
.account-dropdown-header small { color:#666; }
.account-dropdown-body { padding:6px 0; }
.account-dropdown .dropdown-item { display:flex; align-items:center; gap:8px; padding:10px 14px; color:#111; text-decoration:none; }
.account-dropdown .dropdown-item:hover { background:rgba(0,0,0,0.04); }
.account-dropdown .dropdown-divider { height:1px; background:rgba(0,0,0,0.06); margin:6px 0; }

/* Ajustements barre de recherche (desktop) */
.header__search-box input { font-size:16px; }
.header__search-box input::placeholder,
.offcanvas__search input::placeholder { font-size:14px; color:#aaa; opacity:1; }
.header__search-box input::-webkit-input-placeholder,
.offcanvas__search input::-webkit-input-placeholder { color:#aaa; opacity:1; }
.header__search-box input:-ms-input-placeholder,
.offcanvas__search input:-ms-input-placeholder { color:#aaa; opacity:1; }
.header__search-box input::-ms-input-placeholder,
.offcanvas__search input::-ms-input-placeholder { color:#aaa; opacity:1; }
.header__search-box input + button { border-left: none !important; }
.header__search-box input { border-right: none !important; }
.search-clear-btn:hover { color:#777; }
.search-clear-btn:focus { outline:none; color:#666; }