/* En-tête + pied de page COMMUNS à tout jackywest.com (composants <x-site.header> / <x-site.footer>, 04/11/2026).
   Autonome : ne dépend d'aucune autre feuille (kit.css, site.css, funnel.css, light.css) ; classes préfixées jws-.
   Jetons de marque --jw-* (mêmes valeurs que public/assets/outils/light.css). Mobile d'abord. */
:root{
  --jw-paper:#fffaf3; --jw-card:#ffffff; --jw-ink:#1d1b3a; --jw-muted:#5b5876; --jw-line:#e8e2d6; --jw-soft:#3f3c5c;
  --jw-indigo:#4f46e5; --jw-indigo-h:#4338ca; --jw-violet:#7c3aed; --jw-warm:#ff7a4d; --jw-sun:#ffb703;
  --jw-indigo-t:#eef0ff; --jw-violet-t:#f5f0ff; --jw-paper-2:#f8f1e5;
}
.jws-top,.jws-foot{margin:0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.jws-top *,.jws-foot *{box-sizing:border-box}
.jws-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}
@media (min-width:720px){.jws-wrap{padding:0 28px}}

/* ── En-tête ── */
.jws-top{position:sticky;top:0;z-index:70;border-bottom:1px solid rgba(232,226,214,.85);color:var(--jw-ink)}
/* Flou sur un pseudo-élément : un backdrop-filter sur l'en-tête lui-même piégerait le panneau mobile en position:fixed. */
.jws-top::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,250,243,.9);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px)}
.jws-row{display:flex;align-items:center;gap:14px;min-height:64px}
.jws-brand{display:inline-flex;align-items:center;gap:10px;font:800 17px/1 'Manrope',system-ui,sans-serif;letter-spacing:-.015em;color:var(--jw-ink)!important;text-decoration:none;white-space:nowrap;margin:0}
.jws-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none;background:linear-gradient(135deg,var(--jw-indigo),var(--jw-violet));box-shadow:0 0 0 4px rgba(79,70,229,.14)}
.jws-nav{margin-left:auto}
.jws-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.jws-menu>li{position:relative;margin:0;padding:0}
.jws-link,.jws-dd-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:12px;border:0;background:none;cursor:pointer;
  font:700 14.5px/1 'Manrope',system-ui,sans-serif;color:var(--jw-soft)!important;text-decoration:none;white-space:nowrap;margin:0}
.jws-link:hover,.jws-dd-btn:hover{color:var(--jw-ink)!important;background:rgba(29,27,58,.05)}
.jws-link[aria-current="page"]{color:var(--jw-indigo)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.jws-dd-btn.is-current{color:var(--jw-indigo)!important}
.jws-dd-btn svg{width:12px;height:12px;transition:transform .2s ease}
.jws-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.jws-dd-menu{list-style:none;margin:0;padding:8px;display:none}
.jws-dd-menu.open{display:grid;gap:2px}
.jws-dd-menu a{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--jw-ink)!important}
.jws-dd-menu a b{font:800 15px/1.2 'Manrope',system-ui,sans-serif}
.jws-dd-menu a small{font:500 13px/1.35 'Inter',system-ui,sans-serif;color:var(--jw-muted)}
.jws-dd-menu a:hover,.jws-dd-menu a:focus-visible{background:var(--jw-indigo-t)}
.jws-dd-menu a[aria-current="page"]{background:var(--jw-indigo-t)}
.jws-dd-menu a[aria-current="page"] b{color:var(--jw-indigo)}
.jws-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.jws-nav+.jws-right{margin-left:8px}
.jws-cta,.jws-top .k-top-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:99px;white-space:nowrap;
  font:800 14px/1 'Manrope',system-ui,sans-serif;color:#fff!important;text-decoration:none;background:var(--jw-indigo);box-shadow:0 10px 22px -12px rgba(79,70,229,.8);border:0}
.jws-cta:hover,.jws-top .k-top-cta:hover{background:var(--jw-indigo-h)}
.jws-burger{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid #d8cfbf;background:#fff;cursor:pointer;padding:0;flex:none;
  flex-direction:column;align-items:center;justify-content:center;gap:4px}
.jws-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--jw-ink);transition:transform .2s ease,opacity .2s ease}
.jws-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.jws-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.jws-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.jws-top a:focus-visible,.jws-top button:focus-visible,.jws-foot a:focus-visible{outline:3px solid #3730a3;outline-offset:2px}

/* Desktop : menu en ligne, Produits en menu déroulant flottant */
@media (min-width:1000px){
  .jws-dd-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(380px,90vw);background:#fff;border:1px solid var(--jw-line);border-radius:18px;
    box-shadow:0 28px 60px -24px rgba(29,27,58,.38)}
  .jws-dd-menu::before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,var(--jw-indigo),var(--jw-violet) 60%,var(--jw-warm))}
}
/* Mobile / tablette : bouton Menu, panneau plein écran sous l'en-tête */
@media (max-width:999px){
  .jws-burger{display:inline-flex}
  .jws-nav{position:fixed;left:0;right:0;top:64px;bottom:0;margin:0;padding:12px 16px 28px;background:var(--jw-paper);overflow-y:auto;display:none;
    border-top:1px solid var(--jw-line)}
  .jws-nav.open{display:block}
  .jws-menu{flex-direction:column;align-items:stretch;gap:2px}
  .jws-link,.jws-dd-btn{width:100%;justify-content:space-between;min-height:52px;font-size:17px;padding:0 12px}
  .jws-dd-menu{padding:2px 0 8px 8px}
  .jws-dd-menu a{padding:12px}
  .jws-right{margin-left:auto}
  .jws-nav+.jws-right{margin-left:auto}
}
@media (max-width:400px){.jws-cta,.jws-top .k-top-cta{padding:0 12px;font-size:13px}.jws-brand{font-size:16px}}
body.jws-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.jws-dd-btn svg,.jws-burger span{transition:none}}

/* ── Pied de page ── */
.jws-foot{background:#fff;border-top:1px solid var(--jw-line);color:var(--jw-muted);padding:48px 0 40px;font-size:14.5px;line-height:1.55}
.jws-foot-grid{display:grid;gap:30px}
@media (min-width:720px){.jws-foot-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.jws-foot-grid{grid-template-columns:1.5fr 1fr 1fr .8fr;gap:36px}}
@media (min-width:720px) and (max-width:999px){.jws-foot-about{grid-column:1/-1}}
.jws-foot-brand{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:800 17px/1 'Manrope',system-ui,sans-serif;color:var(--jw-ink)}
.jws-foot-tag{margin:0 0 16px;max-width:42ch;color:var(--jw-soft)}
.jws-foot h2{margin:0 0 12px;font:600 12px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--jw-indigo)}
.jws-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.jws-foot li{margin:0}
.jws-foot li a{display:inline-block;padding:6px 0;color:var(--jw-soft)!important;text-decoration:none}
.jws-foot li a:hover{color:var(--jw-indigo)!important;text-decoration:underline;text-underline-offset:3px}
.jws-foot-copy{margin:30px 0 0;padding-top:18px;border-top:1px solid var(--jw-line);font-size:12.5px;color:var(--jw-muted)}
.jws-social,.jws-foot .jws-social{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.jws-social a{display:inline-grid!important;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--jw-indigo-t);color:var(--jw-indigo)!important;text-decoration:none!important}
.jws-social a:hover{background:var(--jw-indigo);color:#fff!important}
.jws-social svg{width:20px;height:20px}
.jws-price{margin-left:.25em;color:var(--jw-muted);font-weight:500;white-space:nowrap}