/*aielectronics premium-features.css (min)*/.ag-annonce {
  background: linear-gradient(90deg,#0a0a0c,#1a1a1f,#0a0a0c);
  color:#f3f3f5;
  text-align:center;
  font-family:var(--ag-head),sans-serif;
  font-size:.8rem;
  letter-spacing:.04em;
  padding:.55rem 2.4rem .55rem 1rem;
  position:relative;
  border-bottom:1px solid rgba(230, 57, 70,.35)
}
.ag-annonce__x {
  position:absolute;
  right:.7rem;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:0;
  color:#9a9aa2;
  font-size:1.3rem;
  line-height:1;
  cursor:pointer
}
.ag-annonce__x:hover {
  color:var(--ag-gold-ink)
}
html.ag-annonce-hidden .ag-annonce {
  display:none
}
.ag-totop,.ag-dark-toggle {
  position:fixed;
  right:27px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(230, 57, 70,.5);
  background:rgba(10,10,12,.85);
  color:#f2f2f3;
  font-size:1.2rem;
  line-height:1;
  cursor:pointer;
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
  transition:all .25s
}
.ag-totop {
  bottom:96px;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px)
}
.ag-totop.is-show {
  opacity:1;
  visibility:visible;
  transform:none
}
.ag-dark-toggle {
  bottom:150px
}
.ag-totop:hover,.ag-dark-toggle:hover {
  background:var(--ag-gold);
  color:#0a0a0c;
  border-color:var(--ag-gold-ink)
}
.ag-pop__ov {
  position:fixed;
  inset:0;
  background:rgba(8,8,10,.72);
  backdrop-filter:blur(3px);
  z-index:2000;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .3s;
  padding:18px
}
.ag-pop__ov.is-show {
  opacity:1
}
.ag-pop {
  position:relative;
  background:#fff;
  max-width:430px;
  width:100%;
  border-radius:10px;
  padding:2.6rem 2.2rem 2.2rem;
  text-align:center;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  transform:translateY(14px);
  transition:transform .3s
}
.ag-pop__ov.is-show .ag-pop {
  transform:none
}
.ag-pop__x {
  position:absolute;
  top:.7rem;
  right:1rem;
  background:none;
  border:0;
  font-size:1.6rem;
  line-height:1;
  color:#595959;
  cursor:pointer
}
.ag-pop__eye {
  display:block;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.7rem;
  color:var(--ag-gold-ink);
  font-weight:700;
  font-family:var(--ag-head),sans-serif;
  margin-bottom:.6rem
}
.ag-pop__title {
  font-family:var(--ag-head),sans-serif;
  font-size:1.7rem;
  margin:0 0 .6rem;
  color:#0a0a0c;
  font-weight:700
}
.ag-pop__txt {
  color:#555;
  font-size:.92rem;
  margin:0 0 1.1rem
}
.ag-pop__code {
  display:inline-block;
  border:2px dashed var(--ag-gold);
  font-family:var(--ag-head),sans-serif;
  font-weight:700;
  letter-spacing:.14em;
  padding:.5rem 1.2rem;
  border-radius:4px;
  margin-bottom:1.1rem
}
/* Comportement B : masqué (points lisibles sur fond sombre) AVANT soumission e-mail. */
.ag-pop__code.is-locked .ag-pop__real { display:none; }
.ag-pop__code .ag-pop__masked { display:none; color:#b9a06a; letter-spacing:.34em; }
.ag-pop__code.is-locked .ag-pop__masked { display:inline; }
/* Révélé APRÈS soumission : chip claire + texte quasi-noir = contraste AA (~19:1). */
.ag-pop__code.is-revealed { background:#fff; border-style:solid; border-color:var(--ag-gold); }
.ag-pop__code.is-revealed .ag-pop__real { color:#0a0a0c; }
.ag-pop__form { display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center; }
.ag-pop__consent { font-size:.72rem; line-height:1.45; color:#a7a7af; margin:.7rem auto 0; max-width:340px; }
.ag-pop__msg { margin-top:.8rem; font-weight:600; }
.ag-pop__msg--ok { color:#7bdca0; }
.ag-pop--err .ag-pop__mail { border-color:#e0466b !important; animation:agShake .4s; }
@keyframes agShake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }
/* Bloc paiement UNIQUE (footer) : libellé « Paiement 100 % sécurisé » au-dessus des logos SVG. */
.ag-payments-block { text-align:center; margin-top:1rem; }
.ag-payments__label { display:block; margin-bottom:.6rem; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#c9c9d0; }
.ag-payments { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center; padding:0; margin:0; list-style:none; }
.ag-pop__mail {
  width:100%;
  padding:.8rem 1rem;
  border:1px solid #ddd;
  border-radius:3px;
  margin-bottom:.7rem;
  font-size:.9rem
}
.ag-pop__btn {
  width:100%;
  padding:.9rem;
  background:var(--ag-gold);
  color:#0a0a0c;
  border:0;
  border-radius:3px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:700;
  font-family:var(--ag-head),sans-serif;
  cursor:pointer;
  transition:background .2s
}
.ag-pop__btn:hover {
  background:#0a0a0c;
  color:#fff
}
.ag-trust {
  text-align:center;
  padding:1.4rem 0 .4rem
}
.ag-trust__lbl {
  display:block;
  color:#9a9aa2;
  font-size:.78rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:.7rem;
  font-family:var(--ag-head),sans-serif
}
.ag-trust__row {
  display:flex;
  gap:.5rem;
  justify-content:center;
  flex-wrap:wrap
}
.ag-trust__card {
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  color:#cfcfd5;
  border-radius:4px;
  padding:.35rem .7rem;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.03em;
  font-family:var(--ag-head),sans-serif
}
.ag-sp {
  position:fixed;
  left:20px;
  bottom:20px;
  z-index:1150;
  background:#fff;
  border-radius:8px;
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  padding:.8rem 1rem;
  display:flex;
  gap:.7rem;
  align-items:center;
  max-width:320px;
  font-size:.82rem;
  color:#222;
  opacity:0;
  transform:translateY(14px);
  transition:all .4s cubic-bezier(.16,1,.3,1);
  border:1px solid #eee
}
.ag-sp.is-show {
  opacity:1;
  transform:none
}
.ag-sp__ico {
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--ag-gold);
  color:#0a0a0c;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700
}
.ag-sp em {
  font-style:normal;
  font-weight:700
}
.ag-sp span {
  display:block;
  color:#595959;
  font-size:.72rem;
  margin-top:.1rem
}
.ag-ac {
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:6px;
  box-shadow:0 16px 40px rgba(0,0,0,.16);
  z-index:1300;
  overflow:hidden;
  display:none
}
.ag-ac.is-show {
  display:block
}
.ag-ac__it {
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.55rem .8rem;
  border-bottom:1px solid #f2f2f2;
  color:#222;
  text-decoration:none
}
.ag-ac__it:last-child {
  border-bottom:0
}
.ag-ac__it:hover {
  background:var(--ag-soft)
}
.ag-ac__it img {
  width:40px;
  height:40px;
  object-fit:contain;
  background:#fafafa;
  border-radius:3px;
  flex:0 0 40px
}
.ag-ac__it span {
  flex:1;
  font-size:.85rem
}
.ag-ac__it b {
  color:var(--ag-gold-ink);
  font-size:.85rem
}
.ag-cd {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.2rem;
  margin:0 0 1.4rem
}
.ag-cd__lbl {
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.7rem;
  color:rgba(255,255,255,.65);
  font-family:var(--ag-head),sans-serif
}
.ag-cd__t {
  font-family:var(--ag-head),sans-serif;
  font-size:1.8rem;
  font-weight:700;
  color:var(--ag-gold-ink);
  letter-spacing:.06em
}
html.ag-dark body,html.ag-dark #wrapper,html.ag-dark .page-content,html.ag-dark #content-wrapper {
  background:#0e0e11 !important;
  color:#d6d6db !important
}
html.ag-dark #main .page-content,html.ag-dark .card,html.ag-dark .block-category,html.ag-dark .product-miniature,html.ag-dark .thumbnail-container,html.ag-dark #left-column .block,html.ag-dark #search_filters,html.ag-dark .page-content.card,html.ag-dark .block-categories,html.ag-dark .products-section-title,html.ag-dark #js-product-list,html.ag-dark .product-information,html.ag-dark .tabs,html.ag-dark .ag-pop {
  background:#16161b !important;
  color:#d6d6db !important;
  border-color:rgba(255,255,255,.08) !important
}
html.ag-dark h1,html.ag-dark h2,html.ag-dark h3,html.ag-dark .h1,html.ag-dark .h2,html.ag-dark .h3,html.ag-dark .product-title,html.ag-dark .product-title a,html.ag-dark .ag-section-title,html.ag-dark .products-section-title {
  color:#f2f2f4 !important
}
html.ag-dark a,html.ag-dark .product-title a {
  color:#d6d6db
}
html.ag-dark .price,html.ag-dark .current-price,html.ag-dark .product-price {
  color:#fff !important
}
html.ag-dark .card,html.ag-dark .thumbnail-container {
  box-shadow:0 4px 20px rgba(0,0,0,.4) !important
}
html.ag-dark #search_filters,html.ag-dark #left-column .block {
  border:1px solid rgba(255,255,255,.08) !important
}
html.ag-dark .breadcrumb,html.ag-dark .breadcrumb a,html.ag-dark .text-muted {
  color:#a7a7af !important
}
/* Dark mode : libellés du filtre à facettes + texte de description catégorie.
   Sans ça ils héritent de l'encre sombre du mode clair (#232323) sur fond sombre
   (#16161b) → contraste ~1:1, illisibles. On les remet sur la palette texte dark. */
html.ag-dark .facet-label,html.ag-dark .facet-label a,html.ag-dark #search_filters label,html.ag-dark #category-description,html.ag-dark #category-description p,html.ag-dark #category-description li,html.ag-dark #category-description span {
  color:#d6d6db !important
}
html.ag-dark .facet-title,html.ag-dark .facet .h6 {
  color:#f2f2f4 !important
}
html.ag-dark input,html.ag-dark select,html.ag-dark textarea {
  background:#1d1d23 !important;
  color:#e6e6ea !important;
  border-color:rgba(255,255,255,.14) !important
}
html.ag-dark .ag-pop {
  color:#d6d6db !important
}
html.ag-dark .ag-pop__title {
  color:#fff !important
}
html.ag-dark .ag-sp {
  background:#1d1d23;
  color:#d6d6db;
  border-color:rgba(255,255,255,.1)
}
html.ag-dark .ag-ac {
  background:#1d1d23;
  border-color:rgba(255,255,255,.12)
}
html.ag-dark .ag-ac__it {
  color:#d6d6db;
  border-color:rgba(255,255,255,.06)
}
html.ag-dark .ag-ac__it:hover {
  background:#26262e
}
@media (max-width:767px) {
  .ag-annonce {
    font-size:.72rem;
    padding-right:2rem
  }
  .ag-sp {
    left:12px;
    right:12px;
    max-width:none
  }
  .ag-dark-toggle {
    bottom:74px
  }
  .ag-cd__t {
    font-size:1.5rem
  }
}
/* Bouton menu mobile (#menu-icon) : le header est TOUJOURS sombre (--ag-header-bg) dans
   les deux thèmes ; sans style dédié le bouton retombe sur le gris Bootstrap (#f0f0f0)
   → bloc clair sur header sombre. On le rend transparent avec une icône claire (cause,
   même famille que le sélecteur de devise non stylé). Idem pour le tiroir mobile. */
#header #menu-icon,#header #menu-icon.float-xs-left {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important
}
#header #menu-icon .material-icons {
  color:var(--ag-header-ink,#f2f2f3) !important
}
html.ag-dark #mobile_top_menu_wrapper {
  background:#0f0f13 !important
}
/* ============================================================================
   #1 CONTRASTE AA — durcissement des textes secondaires + couverture mode sombre.
   Prouvé (Lighthouse + ratios calculés) : or sur blanc 2.26 (clair ET sombre),
   cross-sell/reassurance/labels invisibles en sombre (~1.15). On vise AA ≥4.5:1.
   ============================================================================ */
/* Or en TEXTE sur fond CLAIR → or foncé lisible (n'affecte NI les fonds NI les accents or). */
.ag-pc__cat,.ag-brands__mark {
  color:var(--ag-gold-ink,#695737) !important
}
/* Prix "pack" en gris trop clair (4.48 clair / 3.95 sombre) → gris AA. */
.product-pack-price,.product-pack-price span {
  color:#595959 !important
}
/* --- Mode sombre : éléments non adaptés (texte sombre/carte claire résiduels) --- */
html.ag-dark .ag-pc {
  background:#16161b !important;
  border-color:rgba(255,255,255,.08) !important
}
html.ag-dark .ag-pc__cat,html.ag-dark .ag-brands__mark {
  color:var(--ag-gold,#E63946) !important
}
html.ag-dark .ag-pc__n,html.ag-dark .ag-pc__p {
  color:#e9e9ec !important
}
html.ag-dark .blockreassurance_product .block-title,
html.ag-dark .blockreassurance_product p,
html.ag-dark .product-reference label,
html.ag-dark .product-quantities label,
html.ag-dark .product-pack-price,
html.ag-dark .product-pack-price span {
  color:#d6d6db !important
}
/* ============================================================================
   #3 CIBLES TACTILES — boutons favori/comparer des cartes produit (19×24 / 32×23)
   sous le minimum AA (24×24). On force ≥30×30 sans casser la mise en page carte.
   ============================================================================ */
.ag-fav-btn,.product-miniature .ag-fav-btn,.thumbnail-container button.ag-fav-btn {
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  box-sizing:border-box !important
}
.ag-cmp-btn {
  min-height:28px !important
}
/* CTA (hero/section) : garder le texte foncé sur le bouton doré MÊME en sombre — sinon la
   couleur de lien sombre générique (#d6d6db) passe sur fond or et donne un contraste ~1:1. */
html.ag-dark .ag-cta__btn,html.ag-dark .ag-cta__btn:hover {
  color:#0a0a0c !important
}
/* Boutons quantité (stepper vertical touchspin) : 24px sous le minimum AA → ≥24×26. */
.qty .input-group-btn-vertical>button,.input-group-btn-vertical>.btn,.input-group-btn-vertical>button {
  min-width:26px !important;
  min-height:24px !important
}
/* Contraste restant : fil d'ariane (crumb courant) + titre du pack produit (les 2 modes). */
.breadcrumb li span,.breadcrumb li[aria-current] span,.breadcrumb ol li:last-child span {
  color:#5a5a5a !important
}
.product-pack .h4,section.product-pack .h4,section.product-pack p.h4 {
  color:var(--ag-ink,#16161a) !important
}
html.ag-dark .breadcrumb li span,html.ag-dark .breadcrumb li[aria-current] span,html.ag-dark .breadcrumb ol li:last-child span {
  color:#c9c9d0 !important
}
html.ag-dark .product-pack .h4,html.ag-dark section.product-pack .h4,html.ag-dark section.product-pack p.h4 {
  color:#e9e9ec !important
}

/* ============================================================================
   PASSE CONTRASTE AA — accueil / catégorie / fiche, clair ET sombre.
   Corrige les textes/états secondaires < 4.5:1 (AA) relevés par l'audit.
   ============================================================================ */
/* Onglets « NOS PRODUITS » (inactifs) : lisibles + affordance. Les défauts du thème
   visaient un fond sombre ; la section étant claire, ils passaient à ~1.3:1. */
.ag-tab { cursor:pointer; }
.ag-tab:not(.is-active) { color:#4a4a4a !important; }
.ag-tab:not(.is-active):hover, .ag-tab:not(.is-active):focus-visible { color:var(--ag-gold-ink,#695737) !important; }
html.ag-dark .ag-tab:not(.is-active) { color:#c9c9d0 !important; }
html.ag-dark .ag-tab:not(.is-active):hover, html.ag-dark .ag-tab:not(.is-active):focus-visible { color:#fff !important; }
/* Sous-titres de section, sous-titre cross-sell, nb de commentaires. */
.ag-section-title--sm, .ag-xsell__sub, .comments-nb { color:#595959 !important; }
html.ag-dark .ag-section-title--sm, html.ag-dark .ag-xsell__sub, html.ag-dark .comments-nb { color:#c9c9d0 !important; }
/* En-tête de liste catégorie (comptage, tri, affichage) : gris #717171 -> AA. */
#js-product-list-top, #js-product-list-top .total-products, #js-product-list-top .sort-by, #js-product-list-header .total-products { color:#595959 !important; }
html.ag-dark #js-product-list-top, html.ag-dark #js-product-list-top .total-products, html.ag-dark #js-product-list-top .sort-by, html.ag-dark #js-product-list-header .total-products { color:#c9c9d0 !important; }
/* Or en TEXTE sur fond clair (badge finder, étoiles témoignages) -> or foncé AA. */
.ag-finder__badge, .ag-testi__stars { color:var(--ag-gold-ink,#695737) !important; }
html.ag-dark .ag-finder__badge, html.ag-dark .ag-testi__stars { color:var(--ag-gold,#E63946) !important; }
/* Compteur panier : texte foncé sur pastille dorée (blanc/or échouait à 2.26). */
.cart-products-count { color:#0a0a0c !important; }
/* Onglet produit ACTIF en mode sombre : texte foncé sur pastille claire (était blanc/blanc). */
html.ag-dark .tabs .nav-link.active, html.ag-dark .nav-tabs .nav-link.active { color:#0a0a0c !important; }

/* ===== Corrections contraste v2 : spécificité + sections in-page sombres ===== */
/* Finder badge : or VIF sur la section finder sombre (accueil, .ag-finder) ;
   or FONCÉ sur le cross-sell clair (fiche, .ag-xsell) ; vif si xsell passe en sombre. */
.ag-finder .ag-finder__badge { color:var(--ag-gold,#E63946) !important; }
.ag-xsell .ag-finder__badge { color:var(--ag-gold-ink,#695737) !important; }
html.ag-dark .ag-xsell .ag-finder__badge { color:var(--ag-gold,#E63946) !important; }
/* Cross-sell sous-titre (spécificité renforcée). */
.ag-xsell .ag-xsell__sub { color:#595959 !important; }
html.ag-dark .ag-xsell .ag-xsell__sub { color:#c9c9d0 !important; }
/* Comptage catégorie : le <p> enfant conservait #717171. */
.total-products, .total-products p, .products-selection .total-products { color:#595959 !important; }
html.ag-dark .total-products, html.ag-dark .total-products p { color:#c9c9d0 !important; }
/* Compteur panier : texte foncé sur pastille dorée (spécificité header). */
#header .cart-products-count, .blockcart .cart-products-count { color:#0a0a0c !important; }
/* Flag remise : fond promo rouge + blanc (le cream sur fond clair échouait). */
.product-flag.discount, .product-flag.on-sale, .product-flag.reduction { background:var(--ag-promo,#c0261b) !important; color:#fff !important; }

/* ===== Carrousel de marques (logos SVG inline, défilement marquee) ===== */
.ag-brands { padding:46px 20px 40px; text-align:center; overflow:hidden; }
.ag-brands__viewport { position:relative; margin-top:20px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.ag-brands__track { display:flex; align-items:center; gap:54px; width:max-content; animation:ag-brands-scroll 34s linear infinite; }
.ag-brands__viewport:hover .ag-brands__track { animation-play-state:paused; }
.ag-brands__logo { display:inline-flex; align-items:center; gap:10px; color:var(--ag-gray,#9a9aa4); opacity:.72; transition:color .25s cubic-bezier(.4,0,.2,1),opacity .25s; white-space:nowrap; }
.ag-brands__logo:hover { color:var(--ag-gold,#E63946); opacity:1; }
.ag-brands__logo svg { width:26px; height:26px; flex:0 0 26px; }
.ag-brands__logo > span { font-family:var(--ag-head,'Space Grotesk',sans-serif); font-weight:700; letter-spacing:.16em; font-size:1.02rem; }
@keyframes ag-brands-scroll { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) {
  .ag-brands__track { animation:none; flex-wrap:wrap; justify-content:center; width:auto; gap:32px 44px; }
  .ag-brands__viewport { -webkit-mask-image:none; mask-image:none; }
}

/* "Vu récemment" — vignettes qui remplissent la carte (0 bande blanche), fond thème clair+sombre */
.ag-recent__it img { background:#f2f1ee; }
html.ag-dark .ag-recent__it img { background:#0e0e12; }

/* ============================================================================
   BLANCS PARASITES — RÈGLE GÉNÉRALE (cause traitée par tokens, pas au coup par coup).
   Les SURFACES de contrôle suivent --ag-* (adaptatif clair ET sombre), jamais un blanc
   brut. On NE touche PAS : les swatches couleur (.color / .ag-card-swatch = vraie couleur),
   ni les images. ============================================================================ */

/* 1) Boutons-icônes & ronds d'action : wishlist (cœur), partage social, comparer, quick-view */
.wishlist-button-add, .wishlist-button-prod, button[class*="wishlist-button"],
.social-sharing li, .social-sharing .icon-gray, .social-sharing a,
.product-actions .btn-icon, .btn-comparateur {
  background: var(--ag-soft) !important;
  border: 1px solid var(--ag-line) !important;
  color: var(--ag-ink) !important;
  box-shadow: none !important;
}
.wishlist-button-add:hover, .wishlist-button-prod:hover,
button[class*="wishlist-button"]:hover,
.social-sharing li:hover, .social-sharing .icon-gray:hover {
  background: color-mix(in srgb, var(--ag-gold) 14%, var(--ag-soft)) !important;
  border-color: var(--ag-gold) !important;
  color: var(--ag-gold) !important;
}
.wishlist-button-add i, .wishlist-button-add svg, .wishlist-button-prod i,
.social-sharing .icon-gray, .social-sharing i { color: inherit !important; fill: currentColor !important; }

/* 2) Contrôles de formulaire & dropdowns de tri/facettes */
.btn-unstyle.select-title, .products-sort-order .select-title,
.facet-dropdown .select-title, select.form-control {
  background: var(--ag-soft) !important;
  color: var(--ag-ink) !important;
  border-color: var(--ag-line) !important;
}
/* Stepper quantité (± touchspin) : suit le thème, plus de bloc gris clair */
.bootstrap-touchspin .btn-touchspin, .input-group-btn-vertical .btn {
  background: var(--ag-soft) !important;
  color: var(--ag-ink) !important;
  border-color: var(--ag-line) !important;
}
.bootstrap-touchspin .btn-touchspin .material-icons,
.input-group-btn-vertical .btn .material-icons { color: var(--ag-ink) !important; }

/* 3) Onglets actifs (fiche : Description / Détails) */
.tabs .nav-tabs .nav-link.active, .product-tabs .nav-link.active, .nav-tabs .nav-link.active {
  background: var(--ag-soft) !important;
  color: var(--ag-ink) !important;
  border-color: var(--ag-line) var(--ag-line) transparent !important;
}

/* 4) Panneaux / menus déroulants (devise, langue, autocomplete) & modales : fond thème */
.dropdown-menu, .ui-autocomplete, .modal-content { background: var(--ag-bg) !important; color: var(--ag-ink) !important; border-color: var(--ag-line) !important; }

/* 5) Conteneur de déclinaisons sur les cartes (PAS les swatches couleur) + burger mobile */
.product-miniature .variant-links, .variant-links { background: transparent !important; }
#menu-icon, .aehdr-burger { background: transparent !important; }

/* Modale wishlist (override) : « + » propre à la place de l'icône Material qui fuyait en texte. */
.wishlist-add-to-new .ag-wl-plus { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; border:1px solid currentColor; font-weight:700; line-height:1; margin-right:.4em; font-size:.9em; }