/* ==========================================================================
   PR7 Consent — Tema claro do site
   Site: E-mail Profissional Cloud PR7 (email.pr7.hosting)

   POR QUE ESTE ARQUIVO EXISTE
   O pr7-consent.css é compartilhado, byte a byte, com os outros sites que
   usam o módulo, e não deve ser editado por projeto. Quase todas as cores
   dele já vêm dos tokens --pr7c-*, alimentados pelo objeto "theme" do
   consent-config.js — mas oito declarações trazem valores fixos herdados do
   primeiro site, que era de tema escuro. Sobre um fundo claro elas somem ou
   destoam.

   Este arquivo repete exatamente aqueles oito seletores para o tema claro.
   Nenhum !important é necessário: os seletores são idênticos, então basta
   este arquivo ser carregado DEPOIS do pr7-consent.css no <head> e a
   cascata resolve. Se a ordem for invertida, o banner volta a ficar escuro.

   Paleta: tokens do :root desta landing (--white, --surface, --ink,
   --accent). Mantidos aqui como literais porque o módulo vive em um escopo
   próprio (.pr7-consent-root) e não deve depender de variáveis do site.
   ========================================================================== */

/* ── 0. Tokens derivados do accent ──
   O consent-config.js alimenta 18 tokens via JavaScript, mas --pr7c-accent-dim,
   --pr7c-accent-mid e --pr7c-accent-soft não estão nesse mapa: são declarados
   direto no :root do módulo, com o lima do primeiro site. Hoje só o botão de
   fechar do modal os usa — sem esta correção o "×" aparece verde-limão no meio
   de um modal branco e teal.

   ATENÇÃO ao seletor: o módulo declara os tokens em .pr7-consent-root, e não
   em :root. Redeclarar em :root não adianta — a declaração no próprio
   contêiner vence a herança vinda do html. Aqui repetimos .pr7-consent-root,
   que tem a mesma especificidade e vem depois na cascata.
   applyTheme() não escreve estes três inline, então não há conflito.

   Os valores não são o teal puro: #03E0BF sobre branco tem contraste baixo
   demais para um ícone. Usamos uma variante escurecida do mesmo tom. */
.pr7-consent-root {
    --pr7c-accent-dim:  rgba(41,53,59,0.18);
    --pr7c-accent-mid:  rgba(3,224,191,0.75);
    --pr7c-accent-soft: #0E8A79;
}

/* ── 1. Fundo do banner ──
   O pr7-consent.css fixa rgba(17,17,17,0.98) e nunca lê --pr7c-bg.
   Também acrescentamos uma sombra para cima: no tema escuro a separação
   vinha do próprio contraste, aqui a barra branca precisa descolar da
   página branca. */
.pr7-consent-banner {
    background: rgba(255,255,255,0.98);
    box-shadow: 0 -2px 4px rgba(30,43,49,0.04), 0 -8px 24px rgba(30,43,49,0.10);
}

/* A condição @supports não altera especificidade: o que decide é a ordem. */
@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
    .pr7-consent-banner {
        background: rgba(255,255,255,0.88);
    }
}

/* ── 2. Véus dos botões no hover ──
   Eram brancos translúcidos, pensados para clarear um fundo escuro.
   No tema claro o efeito precisa escurecer. */
.pr7-consent-btn--secondary:hover {
    background: rgba(41,53,59,0.06);
}

.pr7-consent-btn--ghost:hover {
    background: rgba(41,53,59,0.04);
}

/* ── 3. Botão de fechar do modal ──
   O realce era um lima fixo (rgba(203,252,2,0.07)). Aqui vira o teal. */
.pr7-consent-modal__close:hover {
    background: rgba(3,224,191,0.10);
    /* O módulo troca a cor para --pr7c-accent no hover. O teal puro sobre um
       fundo quase branco fica ilegível, então escurecemos também no hover. */
    color: #0B7F70;
}

/* ── 4. Chave liga/desliga ──
   Trilho apagado: precisa de cinza sólido o bastante para o botão branco
   aparecer. Ligado, o trilho vira --pr7c-accent e o botão vira
   --pr7c-accent-text, ambos já tokenizados — não mexemos neles. */
.pr7-consent-switch__track {
    background: rgba(41,53,59,0.22);
}

.pr7-consent-switch__track::after {
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(30,43,49,0.25);
}

/* ── 5. Link da política dentro do texto do banner ──
   O módulo pinta o link com --pr7c-accent. O teal puro (#03E0BF) sobre o
   banner branco fica em torno de 1,6:1 de contraste — ilegível como texto
   corrido. Escurecemos para uma variante do mesmo tom que passa dos 4,5:1
   exigidos pela WCAG AA, e o hover escurece mais um pouco (o sublinhado no
   hover é comportamento do módulo e continua valendo). */
.pr7-consent-link {
    color: #0B7F70;
}

.pr7-consent-link:hover,
.pr7-consent-link:focus-visible {
    color: #096A5E;
}

/* ── 6. Chave liga/desliga acionada: cores invertidas ──
   O módulo usa trilho teal com botão escuro. Sobre o card branco do modal a
   pílula teal domina demais; invertendo (trilho escuro, botão teal) o estado
   ligado fica mais legível e conversa melhor com o resto da página. */
.pr7-consent-switch__input:checked + .pr7-consent-switch__track {
    background: #29353B;
    border-color: #29353B;
}

.pr7-consent-switch__input:checked + .pr7-consent-switch__track::after {
    background: #03E0BF;
}

/* ── 7. Rótulos "SEMPRE ATIVO" e "ATIVADO" ──
   Ambos vinham em --pr7c-accent. O estado nunca é comunicado só pela cor
   (o texto muda entre ATIVADO e DESATIVADO), então escurecer não tira
   informação e melhora muito a leitura sobre o fundo claro. */
.pr7-consent-cat__state,
.pr7-consent-switch__label--on {
    color: #29353B;
}

/* ── 8. Link "Preferências de cookies" do rodapé ──
   O original aponta para var(--color-nd-accent, ...), um token do design
   system do outro site. Aqui esse token não existe e o valor cairia no
   fallback lima. */
.pr7-consent-footer-link:hover {
    color: #03E0BF;
}

.pr7-consent-footer-link:focus-visible {
    outline-color: #03E0BF;
}

/* O rodapé desta landing é escuro (#202b30), então o teal do hover é o
   mesmo var(--accent) usado pelos links vizinhos. O módulo zera a aparência
   de botão com "font: inherit", o que faz o item herdar o tamanho do bloco
   em vez do .8rem de ".footer-column a". Aqui igualamos ao dos irmãos,
   inclusive o deslocamento no hover. */
.footer-column .pr7-consent-footer-link {
    font-size: .8rem;
    transition: color .2s ease, transform .2s ease;
}

.footer-column .pr7-consent-footer-link:hover {
    transform: translateX(3px);
}