/* ═══════════════════════════════════════════════════════════════
   COOKIE — Banner de consentimento RGPD
   Aparece na primeira visita — o JS em site.js gere o localStorage
   e adiciona a classe "is-visible" para o fazer aparecer
   ═══════════════════════════════════════════════════════════════ */


/* ─── COOKIE BANNER ──────────────────────────────────────────────── */
/* Fixo no fundo do ecrã — começa escondido abaixo (translateY 120%) e sobe com bounce */
.cookie-banner {
  position: fixed;           /* fica sobreposto ao resto da página */
  bottom: 1.5rem;            /* distância ao fundo do ecrã */
  left: 50%;                 /* ponto de ancoragem para centrar horizontalmente */
  transform: translateX(-50%) translateY(120%); /* centrado + empurrado para fora do ecrã */
  z-index: 9999;             /* acima de tudo, incluindo o menu (z-index 1000) */
  width: min(600px, calc(100vw - 2rem)); /* máx. 600px; em mobile ocupa quase a largura toda */
  background: var(--color-dark);         /* fundo escuro */
  border: 1px solid var(--color-border-light); /* borda subtil */
  border-radius: var(--radius-xl);       /* cantos muito arredondados */
  padding: 1.25rem 1.5rem;              /* espaço interno */
  box-shadow: var(--shadow-lg);          /* sombra pronunciada para destacar do conteúdo */
  transition: transform 0.5s var(--ease-bounce); /* animação de entrada com bounce */
}
/* quando o JS adiciona .is-visible, o banner sobe para a posição visível */
.cookie-banner.is-visible { transform: translateX(-50%) translateY(0); }

/* linha interior: ícone + texto + botões lado a lado, com wrap em mobile */
.cookie-banner__inner  { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
/* bloco de texto: ícone à esquerda, parágrafo à direita; flex:1 ocupa o espaço sobrante */
.cookie-banner__text   { display: flex; align-items: flex-start; gap: 0.75rem; flex: 1; }
/* ícone laranja; flex-shrink:0 impede que seja comprimido; margin-top alinha com o texto */
.cookie-banner__icon   { color: var(--color-accent); flex-shrink: 0; margin-top: 2px; }
/* texto da mensagem em branco semi-transparente */
.cookie-banner__text p { font-size: 0.88rem; color: rgba(255,255,255,0.7); }
/* link "Política de Privacidade" em laranja com sublinhado */
.cookie-banner__text a { color: var(--color-accent); text-decoration: underline; }
/* contentor dos botões "Aceitar" e "Recusar" */
.cookie-banner__actions { display: flex; gap: 0.75rem; }