/* ==========================================================================
   Aviso de cookies (SCML Cookie Manager 4.1.2; o tema dá o lugar e o desenho,
   inc/cookies.php; A11Y-86).
   Desenho do site atual: caixa clara fixa no canto inferior esquerdo, título
   «Cookies» em Lora, a mensagem (com a ligação para a página de cookies) e
   dois botões secundários iguais: «Apenas os necessários» e «Aceitar todos».
   A caixa usa os tokens do tema claro nos dois temas (tokens.css).
   No HTML vem logo a seguir ao «Saltar para o conteúdo»: o Tab chega lá antes
   do resto da página.
   Telemóvel: a largura toda, com 16px de margem. A partir de 768px: 576px de
   largura (os dois botões numa linha, com o texto a 16px), a 48px do canto.
   ========================================================================== */

.cookie-banner {
  position: fixed;
  z-index: 50;
  left: var(--space-3);
  right: var(--space-3);
  bottom: var(--space-3);
  max-height: calc(100dvh - 2 * var(--space-3));
  overflow-y: auto;
  padding: var(--space-4);
  border: var(--border-width) solid var(--color-border);
  color: var(--color-text);
  background: var(--color-bg);
}
@media (min-width: 48em) {
  .cookie-banner {
    left: var(--space-6);
    right: auto;
    bottom: var(--space-6);
    width: 36rem;
    max-width: calc(100% - 2 * var(--space-6));
    max-height: calc(100dvh - 2 * var(--space-6));
    padding: var(--space-5);
  }
}

.cookie-banner__title {
  margin: 0 0 var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-body-xl);
  font-weight: var(--weight-regular);
  line-height: var(--lh-heading);
  letter-spacing: normal;
  text-transform: none;
  color: var(--color-text);
}
.cookie-message p {
  margin: 0;
  font-size: var(--text-body);
  line-height: var(--lh-body);
}
.cookie-message a,
.cookie-info-link {
  color: var(--color-link);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.cookie-message a:hover,
.cookie-info-link:hover { color: var(--color-link-hover); }
.cookie-message a:focus-visible,
.cookie-info-link:focus-visible { outline: var(--focus-width) solid var(--color-focus); outline-offset: var(--focus-offset); }

.cookie-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.cookie-info-section { margin-top: var(--space-3); }
.cookie-info-link { display: inline-flex; align-items: center; min-height: var(--target-min); }