/* ============================================================
   ARGANE \002014 Bandeau de consentement cookies (RGPD)
   ------------------------------------------------------------
   Carte compacte ancr\0000e9e en bas \0000e0 GAUCHE, style \0000ab forge \0000bb,
   bouton d'acceptation braise. Affich\0000e9e tant qu'aucun choix
   n'est enregistr\0000e9 (voir assets/js/cookies.js).
   Reprend les tokens de :root (style.css).
   ============================================================ */
.argane-cookies{
  position:fixed;
  left:0; bottom:0; right:auto;
  z-index:300;                 /* au-dessus de la nav (60) et du footer reveal */
  padding:clamp(14px, 2vw, 24px);
  pointer-events:none;         /* laisse cliquer autour, la carte r\0000e9active */
}
.argane-cookies[hidden]{ display:none; }

.argane-cookies .ck-inner{
  pointer-events:auto;
  width:min(420px, calc(100vw - 2 * clamp(14px, 2vw, 24px)));
  background:var(--forge, #081F2C);
  color:var(--paper, #FAFAFA);
  border:1px solid var(--ink-15, rgba(250,250,250,0.15));
  border-radius:14px;
  padding:20px 22px;
  box-shadow:0 24px 60px -24px rgba(0,0,0,0.65);
}

.argane-cookies .ck-title{
  font-family:var(--ff-display, "Space Grotesk", sans-serif);
  font-weight:600;
  font-size:16px;
  letter-spacing:0.01em;
  margin:0 0 6px;
}
.argane-cookies .ck-body{
  font-family:var(--ff-body, "DM Sans", sans-serif);
  font-size:13.5px;
  line-height:1.55;
  color:var(--paper-60, rgba(250,250,250,0.7));
  margin:0 0 16px;
}
.argane-cookies .ck-body a{
  color:var(--paper, #FAFAFA);
  text-decoration:underline;
  text-underline-offset:2px;
}
.argane-cookies .ck-body a:hover{ color:var(--braise, #EE2737); }

.argane-cookies .ck-actions{
  display:flex;
  gap:10px;
}
.argane-cookies .ck-btn{
  flex:1;
  font-family:var(--ff-mono, ui-monospace, monospace);
  font-size:12px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  padding:11px 18px;
  border-radius:9px;
  border:1px solid transparent;
  cursor:pointer;
  white-space:nowrap;
  transition:filter 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.argane-cookies .ck-accept{ background:var(--braise, #EE2737); color:#fff; }
.argane-cookies .ck-accept:hover{ filter:brightness(1.08); }
.argane-cookies .ck-refuse{
  background:transparent;
  color:var(--paper, #FAFAFA);
  border-color:var(--ink-15, rgba(250,250,250,0.25));
}
.argane-cookies .ck-refuse:hover{ background:var(--ink-08, rgba(250,250,250,0.08)); }

/* Entr\0000e9e + sortie en douceur */
.argane-cookies .ck-inner{
  animation:ck-in 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes ck-in{
  from{ opacity:0; transform:translateY(16px); }
  to{ opacity:1; transform:translateY(0); }
}
.argane-cookies.is-hiding{
  opacity:0;
  transform:translateY(12px);
  transition:opacity 0.3s ease, transform 0.3s ease;
}

@media (prefers-reduced-motion: reduce){
  .argane-cookies .ck-inner{ animation:none; }
  .argane-cookies.is-hiding{ transition:none; }
}