/* =====================================================================
   BANDEAU COOKIES — carte en verre en bas de l'écran (nuit par défaut, jour via html[data-theme="light"])
   ===================================================================== */
.cs{--cs-bg:rgba(18,20,32,.86);--cs-ink:#f2f3f8;--cs-dim:rgba(242,243,248,.68);--cs-line:rgba(255,255,255,.12);--cs-accent:#0a84ff;
  position:fixed;left:20px;bottom:20px;z-index:2000;width:min(400px,calc(100vw - 40px));padding:18px 18px 16px;border-radius:20px;
  color:var(--cs-ink);background:var(--cs-bg);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  box-shadow:inset 0 0 0 1px var(--cs-line),0 20px 50px rgba(0,0,0,.45);
  font:400 13.5px/1.55 Outfit,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  opacity:0;transform:translateY(16px) scale(.98);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.9,.25,1)}
.cs.is-in{opacity:1;transform:none}
.cs.is-out{opacity:0;transform:translateY(10px) scale(.98);transition-duration:.22s}
.cs *{box-sizing:border-box}
.cs__title{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:600}
.cs__title svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--cs-accent)}
.cs__text{margin:0;color:var(--cs-dim)}
.cs__text a{color:var(--cs-ink);text-underline-offset:3px}
.cs__btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
/* accepter et refuser : même taille, même poids visuel (choix libre) */
.cs__btn{min-height:40px;padding:0 14px;border:0;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;color:var(--cs-ink);
  background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--cs-line);transition:background-color .2s ease,transform .1s ease-out}
.cs__btn:hover{background:rgba(255,255,255,.14)}
.cs__btn:active{transform:scale(.97)}
.cs__btn:focus-visible,.cs__text a:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}
:root[data-theme="light"] .cs{--cs-bg:rgba(255,255,255,.9);--cs-ink:#141a2e;--cs-dim:rgba(20,26,46,.68);--cs-line:rgba(20,26,46,.12);box-shadow:inset 0 0 0 1px var(--cs-line),0 18px 44px rgba(20,26,46,.16)}
:root[data-theme="light"] .cs__btn{background:rgba(20,26,46,.05)}
:root[data-theme="light"] .cs__btn:hover{background:rgba(20,26,46,.1)}
@media (max-width:540px){ .cs{left:10px;right:10px;bottom:10px;width:auto;padding:14px 14px 12px;font-size:12.5px} .cs__title{font-size:14px} .cs__btns{margin-top:10px} }
@media (prefers-reduced-motion:reduce){ .cs{transition:opacity .2s ease;transform:none} }
@media (prefers-reduced-transparency:reduce){ .cs{-webkit-backdrop-filter:none;backdrop-filter:none;--cs-bg:#151826} :root[data-theme="light"] .cs{--cs-bg:#fff} }