/* ============================================================
   YAYOS — KIT DE MARQUE PARTAGÉ (brand-kit.css)
   À charger sur chaque plateforme. Chemins relatifs à /brand-kit/.
   ============================================================ */

/* --- Polices de marque --- */
@font-face{ font-family:'Amatic'; src:url('assets/fonts/amatic.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face{ font-family:'Amatic'; src:url('assets/fonts/amatic-bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face{ font-family:'YayosBody'; src:url('assets/fonts/opensans.woff2') format('woff2'); font-weight:400; font-display:swap; }

/* --- Tokens de marque --- */
:root{
  --yz-blue:#006692; --yz-blue-d:#00405c; --yz-orange:#F66D00; --yz-orange-d:#c85400;
  --yz-ink:#17272e; --yz-paper:#ffffff; --yz-cloud:#f4f7f8; --yz-line:#dbe4e8;
  --yz-font-display:'Amatic', ui-sans-serif, system-ui, sans-serif;
  --yz-font-body:'YayosBody', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --yz-radius:16px; --yz-shadow:0 10px 30px rgba(16,39,46,.14);
}

/* --- Boutons de marque --- */
.yz-btn{ display:inline-flex; align-items:center; gap:.5em; font-family:var(--yz-font-body);
  font-weight:700; font-size:1.02rem; padding:13px 26px; border-radius:100px; text-decoration:none;
  border:0; cursor:pointer; transition:transform .12s ease, background .15s ease, box-shadow .15s ease; }
.yz-btn--primary{ background:var(--yz-orange); color:#fff; box-shadow:0 8px 20px rgba(246,109,0,.32); }
.yz-btn--primary:hover{ background:var(--yz-orange-d); transform:translateY(-2px); }
.yz-btn--ghost{ background:transparent; color:#fff; border:2px solid rgba(255,255,255,.85); }
.yz-btn--ghost:hover{ background:#fff; color:var(--yz-blue); }

/* ============================================================
   FOOTER PARTAGÉ  (markup : voir footer.html)
   ============================================================ */
.yz-footer{ font-family:var(--yz-font-body); background:var(--yz-blue-d); color:#cfe0e8; }

/* Bandeau partenaires défilant */
.yz-partners{ background:#fff; padding:26px 0; overflow:hidden; border-bottom:4px solid var(--yz-orange); }
.yz-partners__title{ text-align:center; font-family:var(--yz-font-display); font-weight:700;
  font-size:1.9rem; color:var(--yz-blue); margin:0 0 14px; letter-spacing:.02em; }
.yz-marquee{ overflow:hidden; width:100%; }
.yz-marquee__track{ display:flex; align-items:center; gap:56px; width:max-content;
  animation:yz-scroll 55s linear infinite; }
.yz-marquee:hover .yz-marquee__track{ animation-play-state:paused; }
.yz-marquee__track img{ height:66px; width:auto; object-fit:contain; flex:0 0 auto; filter:grayscale(12%); }
@keyframes yz-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* Mini-lanceur des 6 univers */
.yz-launcher{ max-width:1100px; margin:0 auto; padding:34px 20px 6px; }
.yz-launcher__title{ font-family:var(--yz-font-display); font-size:1.7rem; color:#fff; margin:0 0 14px; }
.yz-launcher__grid{ display:flex; flex-wrap:wrap; gap:10px; }
.yz-launcher a{ display:inline-flex; align-items:center; gap:.4em; text-decoration:none;
  color:#eaf3f6; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
  padding:9px 16px; border-radius:100px; font-size:.9rem; font-weight:600; transition:background .15s; }
.yz-launcher a:hover{ background:var(--yz-orange); border-color:var(--yz-orange); color:#fff; }

/* Bloc légal + crédits */
.yz-foot-bottom{ max-width:1100px; margin:0 auto; padding:26px 20px 34px;
  display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.12); margin-top:24px; }
.yz-foot-bottom nav{ display:flex; flex-wrap:wrap; gap:6px 20px; }
.yz-foot-bottom a{ color:#cfe0e8; text-decoration:none; font-size:.86rem; }
.yz-foot-bottom a:hover{ color:var(--yz-orange); text-decoration:underline; }
.yz-foot-bottom .yz-credits{ font-size:.8rem; color:#9db6c0; }
.yz-foot-bottom .yz-credits a{ color:#bcd2db; }

@media (max-width:600px){ .yz-partners__title{ font-size:1.5rem; } .yz-marquee__track img{ height:52px; } }