/* =====================================================================
   NKCK Menu — front
   Tout est préfixé #nkm : l'identifiant l'emporte sur les règles du thème (liens, boutons,
   couleurs du Theme Editor) sans !important. Couleurs en variables, posées par le module
   (Réglages de l'éditeur) sur #nkm.
   ===================================================================== */
#nkm{
  --nkm-primary:#1F4E50;--nkm-accent:#B33A27;--nkm-soft:#EAF1EF;--nkm-current:#D69A1C;--nkm-sticky-bg:#1F4E50;
  --nkm-ink:#1A1A1A;--nkm-ink2:#3A3D3A;--nkm-muted:#6E6B62;--nkm-line:#E6E0D4;--nkm-cream:#F5F3EE;
  --nkm-title:var(--nkm-font-title,var(--cd-font-title,Georgia,"Times New Roman",serif));
  --nkm-radius:20px;--nkm-ease:cubic-bezier(.7,0,.3,1);
  position:relative;z-index:50;font-size:15px;line-height:1.5;text-align:left;color:var(--nkm-ink);
}
#nkm *,#nkm *::before,#nkm *::after{box-sizing:border-box}
#nkm ul,#nkm li{list-style:none;margin:0;padding:0}
#nkm li::before,#nkm li::marker{content:none}
#nkm p{margin:0}
#nkm a{text-decoration:none}
#nkm a:focus-visible,#nkm button:focus-visible{outline:2px solid var(--nkm-current);outline-offset:2px;border-radius:6px}
#nkm button{appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer}

/* ---------- barre d'onglets ---------- */
#nkm .nkm-l1{display:flex;align-items:center;gap:2px;padding:6px 0}
#nkm .nkm-e{position:static}
#nkm .nkm-a{position:relative;display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;white-space:nowrap;
  font-size:14.5px;font-weight:500;color:var(--nkm-ink2);transition:background .18s,color .18s}
#nkm .nkm-chev{opacity:.55;transition:transform .2s,opacity .2s}
#nkm .nkm-a::after{content:"";position:absolute;left:14px;right:14px;bottom:-7px;height:2px;background:var(--nkm-accent);
  transform:scaleX(0);transition:transform .2s var(--nkm-ease)}
#nkm .nkm-a:hover,#nkm .nkm-e.nkm-open>.nkm-a{background:var(--nkm-soft);color:var(--nkm-primary)}
#nkm .nkm-e.nkm-open>.nkm-a::after{transform:scaleX(1)}
#nkm .nkm-e.nkm-open>.nkm-a .nkm-chev{transform:rotate(180deg);opacity:1}
/* page en cours (posé par front.js d'après la catégorie affichée) */
#nkm .nkm-e.nkm-current>.nkm-a{color:var(--nkm-primary)}
#nkm .nkm-e.nkm-current>.nkm-a::after{transform:scaleX(1);background:var(--nkm-current)}
/* onglet mis en avant (Coffrets cadeaux) / couleur propre à un onglet */
#nkm .nkm-e.nkm-accent>.nkm-a{color:var(--nkm-tab,var(--nkm-accent));font-weight:700}
#nkm .nkm-e.nkm-accent>.nkm-a:hover,#nkm .nkm-e.nkm-accent.nkm-open>.nkm-a{color:var(--nkm-tab,var(--nkm-accent));
  background:color-mix(in srgb,var(--nkm-tab,var(--nkm-accent)) 11%,#fff)}
#nkm .nkm-e[style*="--nkm-tab"]:not(.nkm-accent)>.nkm-a{color:var(--nkm-tab)}
/* onglet poussé à droite, plus discret (style « À droite » : Le Journal) */
#nkm .nkm-e.nkm-push{margin-left:auto}
#nkm .nkm-e.nkm-push>.nkm-a{font-weight:500;color:var(--nkm-muted)}
#nkm .nkm-e.nkm-push>.nkm-a:hover{color:var(--nkm-primary)}
#nkm.nkm-stuck .nkm-e.nkm-push>.nkm-a{color:rgba(255,255,255,.75)}
#nkm .nkm-bdg{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--nkm-accent);color:#fff;
  font-size:10px;font-weight:700;letter-spacing:.04em;line-height:16px;vertical-align:1px}

/* ---------- panneau ---------- */
#nkm .nkm-panel{position:absolute;left:0;right:0;top:100%;pointer-events:none;visibility:hidden}
#nkm .nkm-e.nkm-open>.nkm-panel{pointer-events:auto;visibility:visible}
#nkm .nkm-card{display:grid;gap:32px;align-items:start;max-width:var(--nkm-w,none);margin:0 auto;min-height:440px;
  padding:26px 30px 30px;background:#fff;border:1px solid var(--nkm-line);border-top:0;border-radius:0 0 var(--nkm-radius) var(--nkm-radius);
  box-shadow:0 24px 48px -18px rgba(29,43,42,.28);opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}
#nkm .nkm-e.nkm-open .nkm-card{opacity:1;transform:none}
#nkm .nkm-card--full{min-height:0}
#nkm .nkm-b{min-width:0}
/* filet vertical entre colonnes, sauf après le bloc rayons (fond teinté) et avant la mise en avant */
#nkm .nkm-b+.nkm-b:not(.nkm-b--feat):not(.nkm-b--grid){border-left:1px solid var(--nkm-line);padding-left:28px}
#nkm .nkm-b--grid{grid-column:1/-1}
#nkm .nkm-eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--nkm-accent);margin-bottom:12px}

/* bloc rayons : fond teinté */
#nkm .nkm-b--links{background:var(--nkm-soft);border-radius:14px;padding:18px 20px}
#nkm .nkm-ray{padding:8px 12px;margin-inline:-12px;border-radius:10px;transition:background .15s}
#nkm .nkm-ray:hover{background:#fff}
#nkm .nkm-ray-t{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:600;color:var(--nkm-ink)}
#nkm .nkm-ray-t::after{content:"→";color:var(--nkm-primary);opacity:0;transform:translateX(-6px);transition:opacity .15s,transform .15s}
#nkm .nkm-ray:hover .nkm-ray-t::after{opacity:1;transform:none}
#nkm .nkm-ray-t:hover{color:var(--nkm-primary)}
#nkm .nkm-ray-s{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:3px;font-size:13px}
#nkm .nkm-ray-s a{color:var(--nkm-muted)}
#nkm .nkm-ray-s a:hover{color:var(--nkm-accent);text-decoration:underline}
#nkm .nkm-hub{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
#nkm .nkm-hub-a{font-size:14px;font-weight:600;color:var(--nkm-primary)}
#nkm .nkm-hub-a.nkm-minor{font-size:13px;font-weight:500;color:var(--nkm-muted)}
#nkm .nkm-hub-a:hover{color:var(--nkm-accent)}

/* maisons : nom en couleur de la marque */
#nkm .nkm-maison{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;padding:5px 0}
#nkm .nkm-maison b{font-family:var(--nkm-title);font-size:20px;font-weight:400;line-height:1.2;color:var(--nkm-bc,var(--nkm-primary));transition:transform .15s}
#nkm .nkm-maison:hover b{transform:translateX(3px)}
#nkm .nkm-maison span{font-size:12.5px;color:var(--nkm-muted)}
#nkm .nkm-all{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:600;color:var(--nkm-primary)}
#nkm .nkm-all:hover{color:var(--nkm-accent)}

/* grille de marques (onglet Marques) */
#nkm .nkm-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#nkm .nkm-tile{display:block;padding:16px;border:1px solid var(--nkm-line);border-radius:12px;
  font-family:var(--nkm-title);font-size:20px;font-weight:400;line-height:1.2;color:var(--nkm-bc,var(--nkm-primary));
  transition:background .15s,border-color .15s,color .15s}
#nkm .nkm-tile small{display:block;margin-top:4px;font-family:inherit;font-family:var(--cd-font,inherit);font-size:12px;font-weight:500;color:var(--nkm-muted)}
#nkm .nkm-tile:hover{background:var(--nkm-primary);border-color:var(--nkm-primary);color:#fff}
#nkm .nkm-tile:hover small{color:rgba(255,255,255,.8)}

/* filtres rapides */
#nkm .nkm-chips{display:flex;flex-wrap:wrap;gap:8px}
#nkm .nkm-chip{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--nkm-soft);color:var(--nkm-ink2);font-size:13px;
  transition:background .15s,color .15s}
#nkm .nkm-chip:hover{background:var(--nkm-primary);color:#fff}
#nkm .nkm-chip--alert{background:color-mix(in srgb,var(--nkm-accent) 13%,#fff);color:var(--nkm-accent)}
#nkm .nkm-chip--alert:hover{background:var(--nkm-accent);color:#fff}

/* mise en avant */
#nkm .nkm-b--feat{display:flex;flex-direction:column;align-items:flex-start;padding:14px;border-radius:16px;background:var(--nkm-soft)}
#nkm .nkm-feat-v{position:relative;display:grid;place-items:center;align-self:stretch;height:130px;overflow:hidden;border-radius:12px;background:var(--nkm-fc,var(--nkm-primary))}
#nkm .nkm-feat-v::after{content:"";position:absolute;right:-50px;bottom:-80px;width:180px;height:180px;border-radius:50%;border:22px solid rgba(255,255,255,.12)}
#nkm .nkm-feat-v em{position:relative;z-index:1;padding:0 12px;font-family:var(--nkm-title);font-style:normal;font-weight:400;font-size:30px;line-height:1.1;color:#fff;text-align:center}
#nkm .nkm-feat-v img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#nkm .nkm-feat-v:has(img)::after{content:none}
#nkm .nkm-feat-tag{margin-top:14px;padding:3px 10px;border-radius:999px;background:var(--nkm-accent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
#nkm .nkm-feat-t{margin:8px 0 4px;font-family:var(--nkm-title);font-size:20px;font-weight:400;line-height:1.2;color:var(--nkm-primary);text-wrap:balance}
#nkm .nkm-feat-p{font-size:13px;color:var(--nkm-muted)}
#nkm .nkm-cta{margin-top:14px;padding:10px 18px;border-radius:999px;background:var(--nkm-primary);color:#fff;font-size:13px;font-weight:600;transition:background .2s}
#nkm .nkm-cta:hover{background:var(--nkm-accent);color:#fff}
#nkm .nkm-text{font-size:14px;color:var(--nkm-muted);max-width:32ch}

/* voile sur la page */
#nkm .nkm-veil{position:fixed;inset:0;z-index:-1;background:rgba(29,43,42,.18);opacity:0;transition:opacity .2s}
#nkm .nkm-veil.nkm-on{opacity:1}

/* ---------- barre collée au défilement (ordinateur) ---------- */
#nkm.nkm-stuck{position:fixed;top:0;left:0;right:0;z-index:1030;background:var(--nkm-sticky-bg);box-shadow:0 6px 18px -8px rgba(22,58,60,.45)}
#nkm.nkm-stuck .nkm-bar{max-width:var(--nkm-w,1200px);margin:0 auto}
#nkm.nkm-stuck .nkm-l1{padding:4px 0}
#nkm.nkm-stuck .nkm-a,#nkm.nkm-stuck .nkm-e.nkm-current>.nkm-a,#nkm.nkm-stuck .nkm-e[style*="--nkm-tab"]:not(.nkm-accent)>.nkm-a{color:#fff}
#nkm.nkm-stuck .nkm-a:hover,#nkm.nkm-stuck .nkm-e.nkm-open>.nkm-a{background:rgba(255,255,255,.12);color:#fff}
#nkm.nkm-stuck .nkm-e.nkm-accent>.nkm-a{color:var(--nkm-current)}
#nkm.nkm-stuck .nkm-e.nkm-accent>.nkm-a:hover,#nkm.nkm-stuck .nkm-e.nkm-accent.nkm-open>.nkm-a{background:rgba(255,255,255,.12);color:var(--nkm-current)}
#nkm.nkm-stuck .nkm-a::after{bottom:-5px;background:var(--nkm-current)}
#nkm.nkm-stuck .nkm-card{border-top:1px solid var(--nkm-line)}
.nkm-placeholder{display:block}

/* ---------- écran moyen : barre défilante, panneau sur 2 colonnes ---------- */
@media (max-width:1199.98px){
  #nkm .nkm-l1{overflow-x:auto;scrollbar-width:none}
  #nkm .nkm-l1::-webkit-scrollbar{display:none}
  #nkm .nkm-a{padding:10px 10px;font-size:14px}
  #nkm .nkm-card{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:24px}
  #nkm .nkm-b+.nkm-b:not(.nkm-b--feat):not(.nkm-b--grid){border-left:0;padding-left:0}
  #nkm .nkm-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---------- téléphone : tiroir (déplacé dans <body> par front.js) ---------- */
#nkm .nkm-drawer{display:none}
@media (max-width:991.98px){
  #nkm .nkm-bar,#nkm .nkm-veil{display:none}
  #nkm.nkm-portal{position:static;z-index:auto}
  #nkm .nkm-drawer{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:1060;width:min(88vw,380px);
    background:#fff;box-shadow:12px 0 40px -12px rgba(0,0,0,.3);transform:translateX(-100%);transition:transform .25s var(--nkm-ease)}
  #nkm .nkm-drawer[hidden]{display:flex;visibility:hidden}
  #nkm.nkm-mopen .nkm-drawer{transform:none;visibility:visible}
  #nkm.nkm-mopen::before{content:"";position:fixed;inset:0;z-index:1059;background:rgba(29,43,42,.35)}
  #nkm .nkm-dhead{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--nkm-line)}
  #nkm .nkm-dtitle{font-family:var(--nkm-title);font-size:22px;color:var(--nkm-primary)}
  #nkm .nkm-close{width:40px;height:40px;border-radius:50%;font-size:26px;line-height:1;color:var(--nkm-primary)}
  #nkm .nkm-close:hover{background:var(--nkm-soft)}
  #nkm .nkm-dbody{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:24px}
  #nkm .nkm-acc{border-bottom:1px solid var(--nkm-line)}
  #nkm .nkm-acc>summary,#nkm .nkm-dlink{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:12px 20px;
    font-size:15px;font-weight:600;color:var(--nkm-ink);cursor:pointer;list-style:none}
  #nkm .nkm-acc>summary::-webkit-details-marker{display:none}
  #nkm .nkm-acc>summary::after{content:"+";font-size:20px;font-weight:400;color:var(--nkm-primary);transition:transform .2s}
  #nkm .nkm-acc[open]>summary::after{transform:rotate(45deg)}
  #nkm .nkm-acc[open]>summary{color:var(--nkm-primary)}
  #nkm .nkm-acc.nkm-accent>summary,#nkm .nkm-dlink.nkm-accent{color:var(--nkm-tab,var(--nkm-accent))}
  #nkm .nkm-dlink{border-bottom:1px solid var(--nkm-line)}
  #nkm .nkm-dlist{display:flex;flex-direction:column;padding:0 20px 14px}
  #nkm .nkm-dlist a{padding:9px 0;font-size:14.5px;color:var(--nkm-ink2)}
  #nkm .nkm-dlist a.nkm-dsub{padding:6px 0 6px 14px;font-size:13.5px;color:var(--nkm-muted)}
  #nkm .nkm-dlist .nkm-dsec{margin:10px 0 2px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nkm-accent)}
  #nkm .nkm-dlist a.nkm-dall{font-weight:700;color:var(--nkm-primary)}
  #nkm .nkm-nomob{display:none !important}
}
@media (prefers-reduced-motion:reduce){#nkm *,#nkm .nkm-drawer{transition:none !important}}

/* Méga-menu iqit encore accroché au même endroit : masqué (réglage « Masquer le menu iqit »). */
.nkm-hide-iqit #iqitmegamenu-wrapper,.nkm-hide-iqit #_desktop_iqitmegamenu{display:none !important}