/* Camada compartilhada: o tema claro mantém as cores originais. */
.alternarTema {
    position: fixed;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    z-index: 10001;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid #b9b1aa;
    border-radius: 999px;
    background: #fafafa;
    color: #242424;
    box-shadow: 0 4px 18px #0003;
    font: 600 14px "Poppins", sans-serif;
    cursor: pointer;
}
.alternarTema:focus-visible { outline: 3px solid #c98243; outline-offset: 4px; }
html[data-tema="escuro"] {
    color-scheme: dark;
    --bg: #171514;
    --bg2: #252120;
    --active: #ff777729;
    --textoTema: #f7f0e8;
    --suaveTema: #d0beb0;
    --bordaTema: #65574d;
    --painelTema: #342a24;
    --acentoTema: #ff9292;
}
html[data-tema="escuro"] :is(.paginaInicio, .paginaInterna) { color: var(--textoTema); }
html[data-tema="escuro"] .alternarTema { background: var(--bg2); color: var(--textoTema); border-color: var(--bordaTema); }
html[data-tema="escuro"] :is(.paginaInicio, .paginaInterna) nav a:where(:not(.direcional, .linkInstagram)) { color: var(--textoTema); }
html[data-tema="escuro"] :is(.paginaInicio, .paginaInterna) nav #active { color: var(--acentoTema); }
html[data-tema="escuro"] :is(.paginaInicio, .paginaInterna).js nav .menu { background: var(--painelTema); color: var(--textoTema); }
html[data-tema="escuro"] nav #insta { filter: invert(1); }
/* A logo original contém fundo branco: preservar a marca sem inverter as cores. */
html[data-tema="escuro"] :is(#navLogo, .marca img) { background: #fafafa; border-radius: 6px; }
html[data-tema="escuro"] .paginaInterna :is(.aberturaPagina, .finalizacao, .espacoReservado, .fotoReservada),
html[data-tema="escuro"] .paginaCardápio :is(.grupoProdutos h3, .iconePorcao) { background: var(--painelTema); }
html[data-tema="escuro"] .paginaBlog .postagem,
html[data-tema="escuro"] .paginaCardápio :is(.atalhoCategoria, .grupoProdutos),
html[data-tema="escuro"] .destaques .container { background: var(--bg2); color: var(--textoTema); border-color: var(--bordaTema); }
html[data-tema="escuro"] .paginaInterna .linkPill:not(.linkPrincipal),
html[data-tema="escuro"] .head a,
html[data-tema="escuro"] .paginaInicio .hero #btnCardapioHero {
    background: var(--bg2); color: var(--textoTema); border-color: var(--bordaTema);
}
html[data-tema="escuro"] .paginaInterna .linkPill:not(.linkPrincipal):hover,
html[data-tema="escuro"] .head a:hover { background: var(--painelTema); }
html[data-tema="escuro"] .paginaCardápio .ferramentasCardapio :is(input, select),
html[data-tema="escuro"] .paginaPromocoes .dialogoResgate input {
    background: var(--bg); color: var(--textoTema); border-color: var(--bordaTema);
}
html[data-tema="escuro"] input::placeholder { color: var(--suaveTema); opacity: 1; }
html[data-tema="escuro"] .paginaPromocoes .dialogoResgate { background: var(--bg2); color: var(--textoTema); }
html[data-tema="escuro"] :is(.head h3, .infosFinais h2, .infosFinais p, .linksRodape a, .contatoRodape a),
html[data-tema="escuro"] .destaques .baixo :is(h5, .preco),
html[data-tema="escuro"] .botoesFinais .btnIfood:hover { color: var(--textoTema); }
html[data-tema="escuro"] .paginaInterna :is(.aberturaTexto p, .avisoModelo, .final),
html[data-tema="escuro"] .paginaInstitucional :is(.cardInstitucional p, .espacoReservado p, p.notaInformacao, .fotoGaleria figcaption, .fotoReservada),
html[data-tema="escuro"] .paginaBlog :is(.totalPosts, .textoPost p),
html[data-tema="escuro"] .paginaCardápio :is(.avisoPrecos, .resultadoBusca, .produto p),
html[data-tema="escuro"] .destaques .baixo > p:not(.preco),
html[data-tema="escuro"] :is(.notaDemonstracao, .paginaInicio .final) { color: var(--suaveTema); }
html[data-tema="escuro"] .paginaInterna .aberturaTexto h1 strong,
html[data-tema="escuro"] .paginaBlog :is(.textoPost summary, .corpoPost a),
html[data-tema="escuro"] .paginaCardápio :is(.valorProduto, .iconePorcao),
html[data-tema="escuro"] .paginaInstitucional :is(.perfilInstagram, .dadoPendente, .moldeGaleria summary),
html[data-tema="escuro"] :is(.identidadeFinal, .subtitulo),
html[data-tema="escuro"] .paginaPromocoes [data-estado="erro"] { color: var(--acentoTema); }
html[data-tema="escuro"] .paginaInstitucional :is(.cardInstitucional, .fotoGaleria, .espacoReservado, .mapaLoja),
html[data-tema="escuro"] .paginaCardápio :is(.ferramentasCardapio, .produto),
html[data-tema="escuro"] .final { border-color: var(--bordaTema); }
html[data-tema="escuro"] .paginaInstitucional .statusFuncionamento[data-estado="indisponivel"] { color: var(--suaveTema); }
html[data-tema="escuro"] :is(a, button, input, select, summary):focus-visible { outline-color: #f9bc22; }
@media (max-width: 600px) {
    .alternarTema { font-size: 12px; padding: 10px 12px; right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); }
}
@media print { .alternarTema { display: none; } }