/*
 * Bíblia PhD - Modo Dark
 * Camada adicional: nenhuma regra deste arquivo atua sem html.dark-mode.
 * O CSS claro original continua sendo a referencia para o modo Claro.
 */

html.dark-mode {
    background:#000;
    color:#e8e8e8;
    color-scheme:dark;
}

html.dark-mode body {
    background:#000;
    color:#e8e8e8;
}

html.dark-mode *::-webkit-scrollbar-track {
    background:#171717;
}

html.dark-mode *::-webkit-scrollbar-thumb {
    background:#444;
    border-color:#777;
}

/* Texto, links e cores funcionais */
html.dark-mode a { color:#dedede; }
html.dark-mode .blue { color:#8fc5ff; }
html.dark-mode .green { color:#7fc5a9; }
html.dark-mode .red { color:#ff8f8f; }
html.dark-mode .purple,
html.dark-mode .semFav { color:#d5a6ff; }
html.dark-mode .black { color:#dedede; }
html.dark-mode .grey,
html.dark-mode .captionMenu,
html.dark-mode .statusOnline,
html.dark-mode .seta { color:#aaa; }
html.dark-mode .white { color:#fff; }
html.dark-mode hr { border-color:#3b3b3b; }

/* Estrutura externa / iframes */
html.dark-mode .divTopo,
html.dark-mode .colLeft,
html.dark-mode .colCenter,
html.dark-mode .colRight { color:#e8e8e8; }

html.dark-mode .divPlayer,
html.dark-mode .iframePlayer {
    background:#151515;
}

html.dark-mode .iframeMaster { background:#000; }

/* Paineis e menus */
html.dark-mode .dest_on,
html.dark-mode .dest_tit,
html.dark-mode .menuTopoMobile,
html.dark-mode .menuDescMobile {
    background:#202020;
    color:#ededed;
}

html.dark-mode .dest_off {
    background:#121212;
    color:#e4e4e4;
}

html.dark-mode .menuMobile,
html.dark-mode .subMenu,
html.dark-mode .fundoMenu,
html.dark-mode .contato {
    background:#181818;
    color:#e8e8e8;
    border-color:#444;
}

html.dark-mode .menuPrincipal { background:transparent; }

html.dark-mode .menuItens,
html.dark-mode .menuItens2,
html.dark-mode .menuItens3,
html.dark-mode .itemFixo,
html.dark-mode ._itemMenu,
html.dark-mode .fav,
html.dark-mode .user,
html.dark-mode .itensMenu,
html.dark-mode .realceItem,
html.dark-mode .realceTexto,
html.dark-mode .destaqueTexto,
html.dark-mode .botao,
html.dark-mode .botaoMob {
    background:#232323;
    color:#e8e8e8;
    border-color:#444;
}

html.dark-mode .realceTexto { background:#232323 !important; }

html.dark-mode .menuItens:hover,
html.dark-mode .menuItens2:hover,
html.dark-mode .menuItens3:hover,
html.dark-mode .realceTexto:hover,
html.dark-mode .botao:hover {
    background:#303030;
}

/* Itens selecionados que o PHP legado ainda marca com background inline #ccc. */
html.dark-mode .menuItens[style*="background-color:#ccc"],
html.dark-mode .menuItens2[style*="background-color:#ccc"],
html.dark-mode .menuItens3[style*="background-color:#ccc"],
html.dark-mode .botao[style*="background-color:#ccc"] {
    background-color:#4a4a4a !important;
}

html.dark-mode .expand {
    background:#303030;
    color:#e8e8e8;
    border-color:#555;
}

/* Biblia, capitulos, traducoes e anotacoes */
html.dark-mode .liv a { color:#b9d8ff; }
html.dark-mode .liv a:hover,
html.dark-mode .cap a:hover {
    color:#fff;
    background:#33445a;
    border-color:#5b7190;
}

html.dark-mode .cap a {
    color:#b9d8ff;
    background:#222;
    border-color:#444;
}

html.dark-mode .tradList {
    color:#e8e8e8;
    background:#29422f;
    border-color:#4f6d55;
}

html.dark-mode .anotacao {
    color:#e8e8e8;
    background:#29422f;
    border-color:#5a765f;
}

html.dark-mode .dataAnotacao { color:#aaa !important; }
html.dark-mode .tituloVersaoMenu { color:#ddd !important; }
html.dark-mode .separadorMenu { border-color:#444 !important; }
html.dark-mode .escopoPesquisa { color:#ddd !important; }

/* Formularios */
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select,
html.dark-mode optgroup,
html.dark-mode option,
html.dark-mode file {
    background:#191919 !important;
    color:#eee !important;
    border-color:#484848 !important;
}

html.dark-mode input:focus,
html.dark-mode textarea:focus,
html.dark-mode select:focus {
    outline-color:#6d89aa;
}

html.dark-mode ::placeholder { color:#969696; }

html.dark-mode button {
    background:#294b68;
    color:#fff;
    border-color:#557693;
}

/* Pesquisa principal e Multi Pesquisas */
html.dark-mode .divPesquisas {
    background:#171717 !important;
    color:#e8e8e8;
    border-color:#444;
    box-shadow:0 0 1em #000;
}

html.dark-mode .tituloPesquisaMulti { color:#ededed !important; background:#171717 !important; }
html.dark-mode .fecharPesquisaMulti { color:#bbb !important; }
html.dark-mode .campoPesquisaMulti { background:#202020 !important; }

/* Paginacao */
html.dark-mode .page { text-shadow:none; }
html.dark-mode .page a:link,
html.dark-mode .page a:visited {
    color:#afd2ff;
    background:#222;
    border-color:#444;
}
html.dark-mode .page a:hover {
    background:#33445a;
    border-color:#6682a2;
}
html.dark-mode .page .selected a {
    background:#315d88;
    color:#fff;
}
html.dark-mode .page .hidden a {
    color:#777;
    border-color:#3a3a3a;
}

/* Dicionarios e caixas internas */
html.dark-mode #quadro,
html.dark-mode #alerta { border-color:#444; }
html.dark-mode #alerta {
    background:#2a2916;
    color:#eee;
}
html.dark-mode .dest_off[style*="background-color:transparent"] {
    background-color:transparent !important;
    border-color:#444 !important;
}

/* Mensagens: preserva significado funcional sem usar fundos claros */
html.dark-mode .divMensagens {
    color:#eee;
    background:#29422f;
    border-color:#4f6d55;
    box-shadow:inset 0 0 .8em #1b2d20, 0 0 .7em #000;
}
html.dark-mode .xClose { color:#bbb; }
html.dark-mode .spanNotif,
html.dark-mode .spanNotif a,
html.dark-mode .spanNotif p { color:#ddd; }
html.dark-mode .msgErro {
    color:#f4e6b3;
    background:#2c250d;
    border-color:#756323;
}
html.dark-mode .msgAviso {
    color:#d9efde;
    background:#14251a;
    border-color:#3d6648;
}

/* Alertify */
html.dark-mode .alertify .ajs-dialog,
html.dark-mode .alertify .ajs-header,
html.dark-mode .alertify .ajs-footer {
    background:#29422f;
    color:#eee;
    border-color:#4f6d55;
}
html.dark-mode .alertify .ajs-body .ajs-content {
    color:#eee;
}
html.dark-mode .alertify .ajs-button {
    color:#f2f2f2 !important;
    background:#36563d !important;
    border:1px solid #5d7962 !important;
    box-shadow:none !important;
}
html.dark-mode .alertify .ajs-button:hover,
html.dark-mode .alertify .ajs-button:focus {
    background:#426849 !important;
}

/* Player */
html.dark-mode .material-icons.md-dark { color:rgba(255,255,255,.82); }
html.dark-mode .pl-list svg { fill:rgba(255,255,255,.72); }

html.dark-mode .ap {
    color:#ddd;
    background:#151515;
    border-top-color:#444;
}
html.dark-mode .ap button,
html.dark-mode .ap-time,
html.dark-mode .ap-controls,
html.dark-mode .ap--playback > .ap-controls,
html.dark-mode .ap--settings > .ap-controls,
html.dark-mode .playing > .ap--pause,
html.dark-mode .ap--pause,
html.dark-mode .playing > .ap--play {
    color:#d8d8d8;
}

/* No player, o botao global do Dark nao deve pintar os controles de azul. */
html.dark-mode .ap button {
    background:transparent !important;
    border:0 !important;
    color:#d8d8d8 !important;
}
html.dark-mode .ap .material-icons.md-dark {
    color:#d8d8d8 !important;
}
html.dark-mode .ap-progress,
html.dark-mode .ap-volume-progress { background:rgba(255,255,255,.16); }
html.dark-mode .ap-controls:active,
html.dark-mode .ap-active { background:rgba(255,255,255,.12); }
html.dark-mode .ap-volume,
html.dark-mode .ap-volume-container:hover {
    background:#2c2c2c;
    border-color:#444;
}
html.dark-mode .pl-container { background:#141414; }
html.dark-mode .pl-lead { color:#eee; }
html.dark-mode .pl-list { background:#1b1b1b; }
html.dark-mode .pl-list > li { border-bottom-color:#3d3d3d; }
html.dark-mode .pl-title { color:#ddd; }
html.dark-mode .pl-remove:hover { background:#303030; }
html.dark-mode .pl-empty { color:#888; }
html.dark-mode .eq-bar { background:rgba(255,255,255,.72); }

/* Politica de privacidade e documentos simples carregados no iframe */
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode p { color:inherit; }

/* Publicidades / cards laterais */
html.dark-mode #divContentLeft table,
html.dark-mode #divContentRight table {
    background:transparent !important;
}

html.dark-mode td.pubShowBox,
html.dark-mode .pubShowBox {
    color:#e7efe9 !important;
    background:#14251a !important;
    background:-webkit-linear-gradient(
        bottom right,
        #1c3123,
        #14251a,
        #1c3123
    ) !important;
    background:linear-gradient(
        to top left,
        #1c3123,
        #14251a,
        #1c3123
    ) !important;
    border:1px solid #3d6648 !important;
    box-shadow:inset 0 0 .9em #102017, 0 0 .7em #000 !important;
}

html.dark-mode .pubShowBox a,
html.dark-mode .pubShowBox b,
html.dark-mode .pubShowBox span,
html.dark-mode .pubShowTexto {
    color:#e7efe9 !important;
}

html.dark-mode .pubShowNumero {
    color:#88a693 !important;
}

html.dark-mode .pubShowBox .imagePub {
    background:transparent !important;
    border-radius:8px;
}

/* Fundo estrutural verde das janelas no Modo Dark */
html.dark-mode {
    --phd-dark-window-bg:#14251a;
    --phd-dark-window-border:#3d6648;
}

html.dark-mode .anotacao,
html.dark-mode .tradList,
html.dark-mode .divMensagens,
html.dark-mode .divPesquisas,
html.dark-mode #quadro,
html.dark-mode .contato,
html.dark-mode .alertify .ajs-dialog,
html.dark-mode .alertify .ajs-header,
html.dark-mode .alertify .ajs-body,
html.dark-mode .alertify .ajs-body .ajs-content,
html.dark-mode .alertify .ajs-footer {
    background:var(--phd-dark-window-bg) !important;
    background-color:var(--phd-dark-window-bg) !important;
    border-color:var(--phd-dark-window-border) !important;
}

/* Mantem os elementos internos das janelas destacados sobre o fundo verde. */
html.dark-mode .divPesquisas .tituloPesquisaMulti,
html.dark-mode .divPesquisas .campoPesquisaMulti {
    background:#171717 !important;
}