/* ============================================================
   UNITYCORE — Charte 2026
   Fond blanc · jaune #FFC400 · Fredoka (titres) + Work Sans (texte)
   Chargée en DERNIER (après uc-v2.css et les <style> de page) :
   redéfinit les tokens, l'en-tête et le pied de page communs.
   Les sections de chaque page sont reprises phase par phase.
   ============================================================ */

:root{
  --brand:#FFC400; --brand-deep:#EBB400; --brand-soft:#FFF4CC;
  --ink:#151515; --ink-2:#474747; --ink-3:#6E6E6E;
  --line:#E7E7E4; --paper:#FFFFFF; --paper-2:#F7F7F5;
  --night:#0A0A0A;
  --gold:var(--brand);
  --font-h:'Fredoka',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-b:'Work Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-a:'Work Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ----------------------------- BASE ----------------------------- */
body.uc-brand{
  background:var(--paper);color:var(--ink);font-family:var(--font-b);
  --txt:var(--ink);--txt-dim:var(--ink-2);--txt-faint:var(--ink-3);--grad-from:var(--ink);
  --accent:var(--brand);--accent-ink:var(--ink);   /* un seul accent : le jaune de marque */
}
body.uc-brand :is(h1,h2,h3,h4){font-family:var(--font-h);font-weight:600;letter-spacing:-.01em;text-wrap:balance}
body.uc-brand :is(h1,.h-sec){font-weight:700}
body.uc-brand p{text-wrap:pretty}
body.uc-brand ::selection{background:var(--brand);color:var(--ink)}
body.uc-brand :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}

/* décor retiré : halos multicolores, grain, lueurs */
body.uc-brand :is(.bg-mesh,.bg-grain,.hero-neon,.page-hero .glow){display:none}
/* titres en dégradé → couleur pleine */
body.uc-brand :is(.grad-text,.grad-accent){background:none;color:inherit;-webkit-text-fill-color:currentColor;filter:none}
/* sur-titres : plus de majuscules espacées */
body.uc-brand .eyebrow{text-transform:none;letter-spacing:0;font-family:var(--font-b);font-weight:600;font-size:.95rem;color:var(--ink-2)}
body.uc-brand .eyebrow::before{background:var(--brand);height:3px;width:18px;border-radius:2px}

.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;transition:top .2s}
.skip-link:focus{top:12px}

/* ----------------------------- BOUTONS ----------------------------- */
body.uc-brand .btn{font-family:var(--font-b);font-weight:600;letter-spacing:0}
body.uc-brand :is(.btn-gold,.btn-accent){background:var(--brand);color:var(--ink);box-shadow:none;filter:none}
body.uc-brand :is(.btn-gold,.btn-accent):hover{background:var(--brand-deep);transform:translateY(-1px);box-shadow:none}
body.uc-brand .btn:active{transform:scale(.98)}
body.uc-brand .btn-line{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
body.uc-brand .btn-line:hover{background:var(--ink);color:#fff}

/* ----------------------------- EN-TÊTE ----------------------------- */
body.uc-brand .nav{
  background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  --txt:var(--ink);--txt-dim:var(--ink-2);--txt-faint:var(--ink-3);--glass-border:var(--line)}
body.uc-brand .nav.scrolled{background:var(--paper);border-bottom-color:var(--line);box-shadow:0 6px 24px -18px rgba(20,20,20,.35);backdrop-filter:none}
body.uc-brand .nav .wrap.nav-in{height:68px;gap:18px;padding-inline:clamp(16px,4vw,40px)}
body.uc-brand .nav .brand .brand-img{height:28px;filter:none}
body.uc-brand .nav-links{display:flex;margin-left:auto;gap:2px}
body.uc-brand :is(.nav-links a,.nav-dd>button){color:var(--ink-2);font-family:var(--font-b);font-weight:500;font-size:.95rem;padding:9px 12px;border-radius:10px;border:0;background:none;white-space:nowrap}
body.uc-brand :is(.nav-links a:hover,.nav-dd:hover>button,.nav-dd:focus-within>button,.nav-dd.dd-open>button){color:var(--ink);background:var(--paper-2);border-color:transparent}
body.uc-brand .nav-links a[aria-current="page"]{color:var(--ink);background:var(--brand-soft)}
body.uc-brand .nav-dd-menu{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:8px;width:320px;
  backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 24px 48px -24px rgba(20,20,20,.28)}
body.uc-brand .nav-dd-menu::before{content:none}
body.uc-brand :is(.dd-pole,.dr-pole){display:block;padding:11px 12px;border-radius:12px;border:0;background:none}
body.uc-brand :is(.dd-pole:hover,.dd-pole[aria-current="page"]){background:var(--paper-2);border-color:transparent}
body.uc-brand :is(.dd-tx b){color:var(--ink);font-family:var(--font-b);font-weight:600}
body.uc-brand :is(.dd-tx i){color:var(--ink-3);white-space:normal}
body.uc-brand .nav-cta{gap:10px}
body.uc-brand .nav-store{color:var(--ink);border:1px solid var(--line);font-family:var(--font-b);font-weight:600}
body.uc-brand .nav-store:hover{background:var(--paper-2)}
body.uc-brand .nav-cta>.btn-gold{min-height:44px;padding:0 18px}
body.uc-brand .nav-avatar{border-color:var(--ink);color:var(--ink);background:var(--brand)}
body.uc-brand .nav-avatar:hover{background:var(--brand-deep)}
body.uc-brand .nav .burger,body.uc-brand .drawer .burger{color:var(--ink);border:1px solid var(--line)}

/* le menu complet passe dans le tiroir sous 1080px (6 liens + 2 boutons ne tiennent pas) */
@media (max-width:1080px){
  body.uc-brand .nav-links,body.uc-brand .nav-store{display:none}
  body.uc-brand .nav .burger{display:inline-flex}
  body.uc-brand .nav-cta{margin-left:auto}
}
@media (max-width:420px){
  body.uc-brand .nav .brand .brand-img{height:22px}
  body.uc-brand .nav .burger{width:44px;height:44px}
}

/* ----------------------------- TIROIR MOBILE ----------------------------- */
body.uc-brand .drawer{
  background:var(--paper);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none;
  --txt:var(--ink);--txt-dim:var(--ink-2);--txt-faint:var(--ink-3);--glass-border:var(--line)}
body.uc-brand .dr-link{font-family:var(--font-h);font-weight:600;font-size:1.2rem;color:var(--ink);border-bottom:1px solid var(--line);padding:15px 4px}
body.uc-brand .dr-link[aria-current="page"]{color:var(--ink);box-shadow:inset 4px 0 0 var(--brand);padding-left:14px}
body.uc-brand .dr-label{text-transform:none;letter-spacing:0;font-family:var(--font-b);font-size:.9rem;font-weight:600;color:var(--ink-3);padding:20px 4px 8px}
body.uc-brand .dr-pole{background:var(--paper-2)}
body.uc-brand .dr-pole+.dr-pole{margin-top:6px}
body.uc-brand .dr-pole[aria-current="page"]{box-shadow:inset 4px 0 0 var(--brand)}

/* ----------------------------- PIED DE PAGE (toujours noir) ----------------------------- */
body.uc-brand .footer{background:var(--night);color:#fff;border-top:0;
  --txt:#fff;--txt-dim:rgba(255,255,255,.7);--txt-faint:rgba(255,255,255,.5);--glass-border:rgba(255,255,255,.12)}
body.uc-brand .foot-h{font-family:var(--font-b);font-weight:600;font-size:1rem;letter-spacing:0;text-transform:none;color:#fff;margin:0 0 14px}
body.uc-brand .foot-col a,body.uc-brand .foot-contact a{color:var(--txt-dim)}
body.uc-brand .foot-col a:hover,body.uc-brand .foot-contact a:hover,body.uc-brand .foot-legal a:hover{color:var(--brand)}
body.uc-brand .foot-contact{margin-bottom:10px}
body.uc-brand .foot-contact svg{stroke:var(--brand)}
body.uc-brand .socials a:hover{border-color:var(--brand);color:#fff}
body.uc-brand .foot-legal{display:flex;gap:18px}
body.uc-brand .foot-legal a{color:var(--txt-faint)}
body.uc-brand .foot-bottom .tag-line{color:var(--brand);font-family:var(--font-b)}

/* ----------------------------- NOUVEAU LOGO (oct. 2026) ----------------------------- */
/* logo complet UNITYCORE EXPRESS : ratio 1200 × 255 */
body.uc-brand .brand .brand-img{aspect-ratio:1200/255;filter:none}
body.uc-brand .nav .brand .brand-img{height:40px}
body.uc-brand .drawer .brand .brand-img{height:36px}
body.uc-brand .foot-brand .brand .brand-img{height:48px}
@media (max-width:420px){body.uc-brand .nav .brand .brand-img{height:34px}}