/* ════════════════════════════════════════════════
   BANDEAU COOKIES — Maison Kaya
   ════════════════════════════════════════════════ */

.cookie-banner{
  position:fixed; left:24px; bottom:24px; z-index:9999;
  width:min(420px, calc(100vw - 48px));
  background:linear-gradient(160deg,#fbfaf7 0%, #f3f4f0 100%);
  color:#1a1a1a;
  border:1px solid rgba(87,20,36,.12);
  border-radius:18px;
  box-shadow:0 2px 6px rgba(87,20,36,.06), 0 24px 60px rgba(87,20,36,.20);
  padding:34px 26px 24px;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  overflow:visible;
  opacity:0; transform:translateY(24px) scale(.96); pointer-events:none;
  transition:opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1);
}
.cookie-banner.is-visible{ opacity:1; transform:translateY(0) scale(1); pointer-events:auto; }

/* le cookie qui dépasse du coin */
.cookie-banner__cookie{
  position:absolute; top:-30px; left:24px;
  width:64px; height:64px; object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(87,20,36,.28));
  animation:cookieFloat 3.4s ease-in-out infinite;
}
@keyframes cookieFloat{
  0%,100%{ transform:translateY(0) rotate(-7deg); }
  50%   { transform:translateY(-6px) rotate(-1deg); }
}

.cookie-banner__title{
  font-family:"Playfair Display",Georgia,serif; font-style:italic;
  font-size:1.45rem; color:#571424; margin-bottom:8px; line-height:1.1;
}
.cookie-banner__text{ font-size:.88rem; line-height:1.6; color:#5a5a5a; margin-bottom:20px; }
.cookie-banner__text a{ color:#571424; text-decoration:underline; text-underline-offset:2px; }

.cookie-banner__actions{ display:flex; gap:12px; }
.cookie-banner__btn{
  flex:1; padding:12px 16px; border-radius:6px; cursor:pointer;
  font-family:inherit; font-size:.9rem; font-weight:500; letter-spacing:.02em;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.cookie-banner__btn--accept{
  background:#571424; color:#f3f4f0; border:1.5px solid #571424;
}
.cookie-banner__btn--accept:hover{ background:#7a2238; border-color:#7a2238; }
.cookie-banner__btn--refuse{
  background:transparent; color:#571424; border:1.5px solid rgba(87,20,36,.35);
}
.cookie-banner__btn--refuse:hover{ background:rgba(87,20,36,.06); border-color:#571424; }

@media (max-width:480px){
  .cookie-banner{ left:12px; right:12px; bottom:12px; width:auto; padding:32px 18px 18px; }
  .cookie-banner__actions{ flex-direction:column-reverse; }
}