/* ══════════════════════════════════════════════════════════════════════════
 * Consentimento de cookies (LGPD)
 *
 * Modal com fundo escurecido, no lugar da faixa fina de rodapé que existia
 * antes: o escurecimento é que prende a atenção, e por isso ele dá mais
 * destaque ocupando MENOS área da tela que uma faixa alta — o que importa no
 * celular, que é como o site é mais usado.
 *
 * A caixa não tem X e não fecha clicando fora, de propósito: a pessoa precisa
 * escolher. Escolher, não aceitar — ver o comentário dos botões.
 * ══════════════════════════════════════════════════════════════════════════ */

.lgpd-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;             /* acima do modal de checkout (100) e do banner antigo (9999) */
  background: rgba(12, 28, 18, .72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  overflow-y: auto;           /* telas baixas: rola em vez de cortar os botões */
}

.lgpd-box {
  background: #fff;
  border-radius: 14px;
  padding: 1.5rem;
  width: 100%;
  max-width: 460px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
  font-size: .9rem;
  line-height: 1.55;
  color: #333;
}

.lgpd-box h2 {
  margin: 0 0 .75rem;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.25rem;
  color: #1a4a2e;
}

.lgpd-box p { margin: 0 0 .75rem; }

/* Lista do que é usado. Dizer o que cada cookie faz é o que transforma o
   consentimento em informado — sem isso, "aceitar" não significa nada. */
.lgpd-itens {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  border: 1px solid #e8e0d2;
  border-radius: 8px;
  overflow: hidden;
}
.lgpd-itens li {
  padding: .6rem .75rem;
  border-bottom: 1px solid #f0ebe0;
}
.lgpd-itens li:last-child { border-bottom: none; }
/* `li > strong` e não `.lgpd-itens strong`: o seletor largo pegava também o
   <strong> de ênfase dentro da descrição e o transformava em bloco, quebrando
   a frase no meio ("Recusar não limita nada" / "no uso do site."). */
.lgpd-itens li > strong { color: #1a4a2e; display: block; font-size: .86rem; }
.lgpd-itens span   { font-size: .8rem; color: #666; }
.lgpd-tag {
  float: right;
  font-size: .68rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.lgpd-tag-fixo   { background: #e3ede6; color: #1a4a2e; }
.lgpd-tag-opcao  { background: #fdf3d8; color: #8b6d1a; }

/* ── Botões ────────────────────────────────────────────────────────────────
 * MESMO peso visual nos dois, e é intencional. A LGPD (art. 5º, XII) exige
 * consentimento livre; "Aceitar" bonito e "Rejeitar" apagado é o padrão que a
 * ANPD trata como vício de consentimento. Além do lado legal, consentimento
 * empurrado apoia o dado do analytics numa base que não se sustenta.
 *
 * Se um dia alguém "melhorar" isto destacando o Aceitar, está desfazendo uma
 * decisão, não corrigindo um esquecimento. */
.lgpd-acoes {
  display: flex;
  gap: .6rem;
}
.lgpd-btn {
  flex: 1 1 0;
  padding: .75rem .5rem;
  border-radius: 8px;
  font-size: .9rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border: 2px solid #1a4a2e;
  background: #fff;
  color: #1a4a2e;
  transition: background .15s, color .15s;
}
.lgpd-btn:hover  { background: #1a4a2e; color: #fff; }
.lgpd-btn:focus-visible { outline: 3px solid #c8a84b; outline-offset: 2px; }

.lgpd-rodape {
  margin: .9rem 0 0;
  font-size: .78rem;
  color: #777;
  text-align: center;
}
.lgpd-rodape a { color: #1a4a2e; }

/* ── Reabrir depois ────────────────────────────────────────────────────────
 * LGPD art. 18, IX: revogar tem de ser tão fácil quanto consentir. Sem isto,
 * quem aceitou ficava preso por um ano sem nenhuma forma de mudar de ideia.
 * Discreto de propósito — é uma saída, não uma chamada. */
.lgpd-reabrir {
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 9998;
  background: rgba(26, 74, 46, .82);
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 5px 12px;
  font-size: .72rem;
  font-family: inherit;
  cursor: pointer;
  opacity: .55;
  transition: opacity .15s;
}
.lgpd-reabrir:hover { opacity: 1; }
.lgpd-reabrir:focus-visible { opacity: 1; outline: 2px solid #c8a84b; }

@media (max-width: 480px) {
  .lgpd-box { padding: 1.15rem; font-size: .86rem; }
  .lgpd-box h2 { font-size: 1.1rem; }
  /* Empilhado no celular os dois botões ficam com a MESMA largura cheia —
     lado a lado em tela estreita, o texto de um deles quebraria e o par
     deixaria de parecer equivalente. */
  .lgpd-acoes { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .lgpd-btn, .lgpd-reabrir { transition: none; }
}