/* ===== bandeau de consentement cookies (s'ajoute à ludique.css) ===== */
.cookie-banner{position:fixed;z-index:100;left:0;right:0;bottom:0;padding:0 var(--gutter) max(16px,env(safe-area-inset-bottom));pointer-events:none;animation:cb-in .35s ease-out both}
.cb-in{pointer-events:auto;max-width:860px;margin-inline:auto;display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--sh-lg);padding:clamp(16px,2.6vw,24px) clamp(18px,3vw,28px)}
.cb-copy{flex:1 1 320px;min-width:0}
.cb-copy h2{font-size:1.25rem;line-height:1.2;margin-bottom:6px}
.cb-copy p{font-size:.9375rem;color:var(--muted);line-height:1.5}
.cb-copy a{color:var(--blue-dark);font-weight:500;text-underline-offset:3px}
.cb-actions{display:flex;gap:12px;flex-wrap:wrap}
.cb-actions .btn{cursor:pointer;justify-content:center;flex:1 1 auto;min-width:8rem}
@keyframes cb-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.cookie-banner{animation:none}}
@media(max-width:520px){.cb-actions{width:100%}}

/* bouton « Gérer les cookies » du pied de page, présenté comme un lien */
.linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
footer .linkbtn:hover{color:var(--lime)}