/* Banner de consentimento de cookies · usa os tokens de :root de site.css */

.cookie-banner{
  position:fixed;left:24px;bottom:24px;z-index:100;
  width:calc(100% - 48px);max-width:420px;
  background:var(--surface);border:1px solid var(--line);border-radius:4px;
  box-shadow:var(--shadow-soft);
  padding:22px 24px;
}
.cookie-banner[hidden]{display:none}

.cookie-text{
  font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin-bottom:18px;
}
.cookie-text a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.cookie-text a:hover,.cookie-text a:focus-visible{border-bottom-color:var(--accent)}

.cookie-actions{display:flex;flex-wrap:wrap;gap:12px}
.cookie-actions .btn{font-size:14px;padding:11px 22px}

/* Entrada suave; respeita a preferência de menos movimento. */
@media(prefers-reduced-motion:no-preference){
  .cookie-banner{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}
  .cookie-banner.is-visible{opacity:1;transform:translateY(0)}
}

@media(max-width:560px){
  .cookie-banner{left:16px;right:16px;bottom:16px;width:auto;max-width:none;padding:18px 20px}
  /* Enquanto o banner aparece, sobe o botão flutuante do WhatsApp para não sobrepor. */
  body.has-cookie-banner .wa-float{bottom:calc(24px + 168px)}
}