/* cookies.css — Bandeau de consentement CLAQ (externalisé) */
#cookieBanner{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);z-index:9999;
  width:calc(100% - 48px);max-width:680px;
  background:rgba(28,28,30,.92);
  backdrop-filter:blur(26px) saturate(220%) brightness(108%);
  -webkit-backdrop-filter:blur(26px) saturate(220%) brightness(108%);
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  padding:20px 24px;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  box-shadow:0 20px 60px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.08) inset;
  transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s;
  opacity:0;pointer-events:none;
}
#cookieBanner.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
.cookie-icon{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#0A6CFF,#39FFC9);display:flex;align-items:center;justify-content:center}
.cookie-icon svg{width:18px;height:18px;color:#fff}
.cookie-text{flex:1;min-width:200px}
.cookie-text p{font-size:.86rem;color:rgba(255,255,255,.65);line-height:1.5;margin:0}
.cookie-text strong{color:#fff;font-weight:600}
.cookie-text a{color:#0A6CFF;text-decoration:underline;text-underline-offset:2px;font-size:.83rem}
.cookie-text a:hover{color:#00C2FF}
.cookie-btns{display:flex;gap:.5rem;flex:none}
.cookie-btn-refuse{
  font-family:inherit;font-size:.82rem;font-weight:600;
  padding:.55em 1.1em;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);
  transition:all .2s;white-space:nowrap;
}
.cookie-btn-refuse:hover{background:rgba(255,255,255,.17);color:#fff}
.cookie-btn-accept{
  font-family:inherit;font-size:.82rem;font-weight:600;
  padding:.55em 1.2em;border-radius:999px;cursor:pointer;border:none;
  background:linear-gradient(to right,#0A6CFF,#00C2FF 60%,#39FFC9);color:#fff;
  box-shadow:0 4px 16px rgba(10,108,255,.35);
  transition:transform .2s,box-shadow .2s;white-space:nowrap;
}
.cookie-btn-accept:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(10,108,255,.45)}
@media(max-width:560px){
  #cookieBanner{bottom:16px;padding:16px 18px;gap:14px;border-radius:16px}
  .cookie-btns{width:100%;justify-content:flex-end}
}