/* =========================================================================
   MENU DRAWER — DA « fermier de la street » (preview only)
   Re-skin du drawer riche #mfs-menu-mobile (sombre) + masque le menu plat.
   Chargé APRÈS les styles inline (gagne le cascade). Utilisé desktop + mobile.
   ========================================================================= */

/* on masque l'ancien menu plat desktop (le burger desktop ouvrira le drawer riche) */
#mfs-menu,#mfs-overlay{display:none !important;}

/* ===================== DRAWER ===================== */
#mfs-menu-mobile{display:block !important;background:#0d0d0d !important;width:88% !important;max-width:380px !important;
  box-shadow:0 0 60px rgba(0,0,0,.6) !important;}
#mfs-overlay-mobile{background:rgba(0,0,0,.62) !important;}
#mfs-overlay-mobile.open{display:block !important;}

#mfs-menu-mobile .mfs-menu-header{background:#0d0d0d !important;padding:14px 18px !important;
  border-bottom:1px solid rgba(247,247,242,.09) !important;}
#mfs-menu-mobile .mfs-menu-header-logo{background-image:url('/themes/shop-child/assets/img/mf-da-logo.png?v=9') !important;
  width:180px !important;height:46px !important;}
#mfs-menu-mobile .mfs-close-btn{color:#fff !important;font-size:26px !important;font-weight:400 !important;}

#mfs-menu-mobile .mfs-menu-body{padding:0 16px 34px !important;}

/* ===================== BANNIÈRE CADEAU ===================== */
#mfs-menu-mobile .mfs-gift-banner{background:#a8f000 !important;border-radius:12px !important;
  padding:11px 14px !important;margin:14px 0 6px !important;
  box-shadow:0 8px 22px rgba(168,240,0,.2) !important;}
#mfs-menu-mobile .mfs-gift-icon{color:#0d140b !important;display:inline-flex;align-items:center;}
#mfs-menu-mobile .mfs-gift-icon svg{width:22px;height:22px;}
#mfs-menu-mobile .mfs-gift-eyebrow{color:rgba(13,20,11,.72) !important;font-size:9px !important;
  letter-spacing:.12em !important;text-transform:uppercase;}
#mfs-menu-mobile .mfs-gift-main{color:#0d140b !important;font-size:13.5px !important;}

/* ===================== BANDEAU SUÈDE ===================== */
#mfs-menu-mobile .mfs-sweden-banner{background:#fff !important;border:0 !important;border-radius:10px !important;
  justify-content:center !important;gap:9px !important;padding:9px 14px !important;margin:6px 0 4px !important;}
#mfs-menu-mobile .mfs-sweden-banner span{color:#16201b !important;font-family:var(--disp),'Arial Black',Arial,sans-serif !important;
  font-weight:900 !important;font-size:12.5px !important;letter-spacing:.01em;}
#mfs-menu-mobile .mfs-sweden-banner::before{content:"NEW";background:#f2387a;color:#fff;
  font-family:var(--disp),'Arial Black',Arial,sans-serif;font-weight:900;font-size:10px;letter-spacing:.06em;
  padding:5px 10px;border-radius:20px;line-height:1;box-shadow:0 4px 12px rgba(242,56,122,.35);}
#mfs-menu-mobile .mfs-sweden-banner::after{content:none !important;}

/* ===================== TITRES DE SECTION ===================== */
#mfs-menu-mobile .mfs-section-title{color:#a8f000 !important;border-bottom:none !important;
  display:flex !important;align-items:center;gap:8px;padding:16px 0 8px !important;
  font-family:var(--disp),'Arial Black',Arial,sans-serif !important;font-size:11px !important;
  letter-spacing:.12em !important;text-transform:uppercase;}
#mfs-menu-mobile .mfs-section-title svg{width:16px;height:16px;flex-shrink:0;}

/* ===================== LIENS PRINCIPAUX ===================== */
#mfs-menu-mobile .mfs-menu-link{border-bottom:1px solid rgba(247,247,242,.09) !important;
  padding:11px 2px !important;}
#mfs-menu-mobile .mfs-menu-link span:first-child{color:#f7f7f2 !important;
  font-family:var(--disp),'Arial Black',Arial,sans-serif !important;letter-spacing:.03em !important;
  font-size:13px !important;display:inline-flex;align-items:center;gap:8px;}
#mfs-menu-mobile .mfs-menu-link > span:last-child,
#mfs-menu-mobile .mfs-arrow{color:#65C900 !important;font-size:17px !important;}
#mfs-menu-mobile .mfs-menu-link.pro span:first-child{color:#a8f000 !important;}

/* icône lime en tête de lien (injectée en JS) */
#mfs-menu-mobile .mfs-li-ico{display:inline-flex;align-items:center;color:#a8f000;flex-shrink:0;}
#mfs-menu-mobile .mfs-li-ico svg{width:18px;height:18px;}

/* ===================== BADGES ===================== */
#mfs-menu-mobile .mfs-limited-tag,
#mfs-menu-mobile .mfs-new-tag{background:#f2387a !important;color:#fff !important;
  border-radius:20px !important;padding:4px 10px !important;font-size:9px !important;letter-spacing:.06em !important;
  box-shadow:0 4px 10px rgba(242,56,122,.3) !important;font-family:var(--disp),'Arial Black',Arial,sans-serif !important;}

/* ===================== SOUS-MENU (panneau sombre) ===================== */
#mfs-menu-mobile .mfs-submenu{background:#1b1f1a !important;border-radius:16px !important;
  margin:6px 0 10px !important;padding:0 14px !important;}
#mfs-menu-mobile .mfs-submenu.open{max-height:600px !important;padding:6px 14px !important;}
#mfs-menu-mobile .mfs-submenu a{border-bottom:1px solid rgba(247,247,242,.08) !important;
  padding:11px 2px !important;}
#mfs-menu-mobile .mfs-submenu a:last-child{border-bottom:none !important;}
#mfs-menu-mobile .mfs-submenu a .mfs-sub-label{color:#f7f7f2 !important;
  font-family:Arial,sans-serif;font-weight:700;font-size:13px !important;gap:9px !important;}
#mfs-menu-mobile .mfs-submenu a > span:last-child{color:#65C900 !important;font-size:17px !important;}
#mfs-menu-mobile .mfs-submenu .mfs-sub-ico{display:inline-flex;align-items:center;color:#a8f000;flex-shrink:0;}
#mfs-menu-mobile .mfs-submenu .mfs-sub-ico svg{width:18px;height:18px;}

/* flèche de dépli */
#mfs-menu-mobile .mfs-has-sub.expanded .mfs-arrow{transform:rotate(90deg) !important;}

/* =========================================================================
   v3 — (2026-08-28) : uniformiser TOUS les sous-menus (texte blanc + icône
   lime, comme DELTA 10) + flèche des sous-catégories en cercle blanc (style
   CTA rond des cartes home).
   ========================================================================= */
#mfs-menu-mobile .mfs-submenu a{display:flex !important;align-items:center !important;gap:9px !important;
  color:#f7f7f2 !important;}
#mfs-menu-mobile .mfs-submenu a,
#mfs-menu-mobile .mfs-submenu a .mfs-sub-label,
#mfs-menu-mobile .mfs-submenu a span:not(.mfs-sub-ico):not(:last-child){color:#f7f7f2 !important;}
#mfs-menu-mobile .mfs-submenu .mfs-sub-ico,
#mfs-menu-mobile .mfs-submenu .mfs-sub-ico svg{color:#a8f000 !important;}

/* flèche des sous-catégories : léger cercle blanc + flèche blanche bold */
#mfs-menu-mobile .mfs-submenu a > span:last-child{margin-left:auto !important;display:inline-flex !important;
  align-items:center !important;justify-content:center !important;width:28px !important;height:28px !important;
  min-width:28px !important;border-radius:50% !important;background:rgba(247,247,242,.14) !important;
  font-size:0 !important;flex-shrink:0 !important;transition:background .18s ease,transform .18s ease;}
#mfs-menu-mobile .mfs-submenu a > span:last-child::after{content:"→";font-size:15px;font-weight:900;
  color:#fff !important;line-height:1;}
#mfs-menu-mobile .mfs-submenu a:hover > span:last-child{background:rgba(247,247,242,.26) !important;transform:translateX(2px);}

/* v4 — (2026-08-28) : flèche des sous-catégories = cercle ROSE plein + flèche
   blanche bold (style CTA rond des cartes home). */
#mfs-menu-mobile .mfs-submenu a > span:last-child{background:#f2387a !important;
  box-shadow:0 5px 14px rgba(242,56,122,.35) !important;}
#mfs-menu-mobile .mfs-submenu a > span:last-child::after{content:"→";color:#fff !important;
  font-weight:900 !important;font-size:16px !important;-webkit-text-stroke:.6px #fff;}
#mfs-menu-mobile .mfs-submenu a:hover > span:last-child{background:#d81f63 !important;transform:translateX(2px);}

/* v5 — (2026-08-29) : masque le drapeau Suède, espacement des lignes uniforme
   (le sous-menu replié ne doit plus pousser d'espace). */
#mfs-menu-mobile .mfs-flag{display:none !important;}
#mfs-menu-mobile .mfs-submenu:not(.open){margin:0 !important;max-height:0 !important;
  overflow:hidden !important;padding-top:0 !important;padding-bottom:0 !important;}

/* --- ajustements DA gâtés : bannière Suède blanche + texte foncé (iso preview) --- */
.mfs-sweden-banner{background:#fff !important;border:1px solid #e2e4dd !important;color:#1e2a2f !important;}
.mfs-sweden-banner .mfs-sweden-text,.mfs-sweden-banner > span:not([class*="new"]):not([class*="flag"]){color:#1e2a2f !important;opacity:1 !important;}
.mfs-gift-text,.mfs-gift-text *,.mfs-gift-main{opacity:1 !important;}
/* bannière cadeau : textes en NOIR (eyebrow inclus), pleine opacité — iso preview */
.mfs-gift-eyebrow{color:#0d140b !important;opacity:1 !important;}
.mfs-gift-text,.mfs-gift-text *,.mfs-gift-main{color:#0d140b !important;opacity:1 !important;}
/* bannières : texte foncé (id-scopé pour battre la règle drawer #mfs-menu-mobile span{color:blanc}) */
html.mf-da #mfs-menu-mobile .mfs-gift-banner,html.mf-da #mfs-menu-mobile .mfs-gift-banner .mfs-gift-text,
html.mf-da #mfs-menu-mobile .mfs-gift-eyebrow,html.mf-da #mfs-menu-mobile .mfs-gift-main,
html.mf-da #mfs-menu-mobile .mfs-gift-banner span{color:#0d140b !important;}
html.mf-da #mfs-menu-mobile .mfs-sweden-banner,html.mf-da #mfs-menu-mobile .mfs-sweden-banner span:not(.mfs-flag){color:#1e2a2f !important;}

/* Icône COMPTE : on neutralise le volet déroulant (My account / Order history / Logout).
   Clic géré en JS -> /my-account direct. */
html.mf-da .pos-account .pos-account-dropdown,
html.mf-da .pos-account .account-list,
html.mf-da .pos-account .dropdown-menu,
html.mf-da .pos-account ul,
html.mf-da .pos-account .sub-menu{display:none !important;}
html.mf-da .pos-account{cursor:pointer;}