/* ============================
   MODO ESCURO
   ============================ */

.dark-mode {
    background-color: #111 !important;
    color: #eee !important;
}

.dark-mode .textBody {
    background-color: #111;
    color: #eee;
}

.dark-mode .chapter-toolbar,
.dark-mode .audioPlayer {
    background-color: #222;
    color: #eee;
}

.dark-mode .audio-track {
    background: #555;
}

.dark-mode .audio-bar,
.dark-mode .audio-ball {
    background: #ffb347;
}

.dark-mode .textHeader p .chap {
    background-color: #222;
    color: #eee;
    border-color: #555;
}

.dark-mode .textHeader p .chapread {
    background-color: #b30000;
    border-color: #b30000;
    color: #fff;
}

/* Footer no modo escuro — tom mais suave */
.dark-mode footer {
    background-color: #3a3a3a !important;
    color: #e6e6e6 !important;
}

.dark-mode footer a {
    color: #ffd27f !important;
}

.dark-mode footer p {
    color: #d0d0d0 !important;
}

/* Headers no modo escuro */
.dark-mode h2,
.dark-mode h3 {
    color: #ffffff !important;
}

/* Modo escuro: substituir vermelho por amarelo */
.dark-mode .verse {
    color: #ffd27f !important;
}

.dark-mode #textBody strong,
.dark-mode #textBody b {
    color: #ffd27f !important;
}

/* Modo escuro: substituir o vermelho dos links dentro de .dimmed */
.dark-mode .textBody .dimmed a {
    color: #ffd27f !important;
}

/* Player Old – Modo Escuro */
.dark-mode .textAudio {
    background: #2b2b2b !important;
    border: 1px solid #444 !important;
}

.dark-mode .textAudio a {
    color: #e6e6e6 !important;
}

.dark-mode .textAudio a:hover {
    color: #ffffff !important;
}

.dark-mode .playlist .noMargin {
    border-color: #444 !important;
}

/* ---------------------------------------------------------
   PLAYER OLD — DARK MODE COMPLETO
   --------------------------------------------------------- */

/* Texto geral do player */
body.dark-mode ul.playlist li,
body.dark-mode ul.playlist li a {
    color: #e6e6e6;
}

/* Item normal */
body.dark-mode ul.playlist li {
    background-color: #2b2b2b;
    box-shadow: 0 1px 1px rgba(255,255,255,0.08);
    background-image: url(../img/audio-headphones-dark.png);
}

/* Hover */
body.dark-mode ul.playlist li:hover {
    background-color: #3a3a3a;
    box-shadow: 0 1px 1px rgba(255,255,255,0.15);
}

/* PLAYING */
body.dark-mode ul.playlist li.sm2_playing {
    background: #3d3a32 url(../img/audio-pause-dark.png) no-repeat 10px 50%;
}

/* PAUSED */
body.dark-mode ul.playlist li.sm2_paused {
    background: #4a453c url(../img/audio-play-dark.png) no-repeat 10px 50%;
}

/* Links */
body.dark-mode ul.playlist li:hover a,
body.dark-mode ul.playlist li.sm2_playing a,
body.dark-mode ul.playlist li.sm2_paused a {
    color: #fff;
}

/* ---------------------------------------------------------
   CONTROLOS (barra de progresso)
   --------------------------------------------------------- */

body.dark-mode ul.playlist li .controls {
    background-color: #444;
}

body.dark-mode ul.playlist li .controls .statusbar {
    background-color: #666;
    border-color: #222;
}

body.dark-mode ul.playlist li .controls .statusbar .position {
    background-color: #ddd;
    border-right-color: #ff5555;
}

body.dark-mode ul.playlist li.sm2_paused .controls .statusbar .position {
    background-color: #999;
    border-right-color: #999;
}

body.dark-mode ul.playlist li .controls .statusbar .loading {
    background-color: #555;
}

/* ---------------------------------------------------------
   TIMING (tempo decorrido)
   --------------------------------------------------------- */

body.dark-mode ul.playlist li .timing {
    background-color: #222;
    border-color: #555;
    color: #fff;
}

/* ---------------------------------------------------------
   PEAK METER (opcional)
   --------------------------------------------------------- */

body.dark-mode ul.playlist.use-peak li .peak {
    background-color: #336699;
    border-color: #88bbee;
}

body.dark-mode ul.playlist.use-peak li .peak .l,
body.dark-mode ul.playlist.use-peak li .peak .r {
    background: #fff;
    border-color: #fff;
}

/* Capítulos — manter quadrado, mudar só o número no modo escuro */
body.dark-mode .textHeader p .chap {
    background-color: #222 !important;
    color: #ffd27f !important;
    border-color: #555 !important;
}

/* Capítulo atual mantém o vermelho */
body.dark-mode .textHeader p .chapread {
    background-color: #b30000 !important;
    color: #fff !important;
    border-color: #b30000 !important;
}

/* ============================
   LISTAS BÍBLICAS — DARK MODE
   ============================ */

/* Fundo geral das listas */
.dark-mode .nav > li > a,
.dark-mode .nav.nav-tabs.nav-stacked > li > a,
.dark-mode .shadegaby li a,
.dark-mode .shadetabs li a {
    background-color: #222 !important;
    color: #eee !important;
    border-color: #444 !important;
}

/* Hover */
.dark-mode .nav > li > a:hover,
.dark-mode .nav.nav-tabs.nav-stacked > li > a:hover,
.dark-mode .shadegaby li a:hover,
.dark-mode .shadetabs li a:hover {
    background-color: #444 !important;
    color: #fff !important;
    border-color: #666 !important;
}

/* Bordas inferiores */
.dark-mode .shadegaby li,
.dark-mode .shadegaby2 li,
.dark-mode .shadegaby3 li,
.dark-mode .shadegaby4 li,
.dark-mode .shadegaby5 li,
.dark-mode .shadegaby6 li,
.dark-mode .shadegaby7 li,
.dark-mode .shadetabs li,
.dark-mode .shadetabs2 li,
.dark-mode .shadetabs3 li,
.dark-mode .shadetabs4 li,
.dark-mode .shadetabs5 li,
.dark-mode .shadetabs6 li,
.dark-mode .shadetabs7 li {
    border-bottom-color: #444 !important;
}

/* Ícones (headphones, livro, etc.) ficam mais suaves */
.dark-mode .shadegaby2 li,
.dark-mode .shadetabs2 li {
    list-style-image: url('../img/audio-headphones-dark.png') !important;
}

.dark-mode .shadegaby3 li,
.dark-mode .shadetabs3 li {
    list-style-image: url('../img/openbook-dark.png') !important;
}

.dark-mode .shadegaby4 li,
.dark-mode .shadetabs4 li {
    list-style-image: url('../img/multi-2-dark.png') !important;
}

.dark-mode .shadegaby5 li,
.dark-mode .shadetabs5 li {
    list-style-image: url('../img/page-dark.png') !important;
}

.dark-mode .shadegaby6 li,
.dark-mode .shadetabs6 li {
    list-style-image: url('../img/download-dark.png') !important;
}

.dark-mode .shadegaby7 li,
.dark-mode .shadetabs7 li {
    list-style-image: url('../img/www-dark.png') !important;
}

/* Remover fundo claro do .nav-tabs */
.dark-mode .nav-tabs {
    border-bottom-color: #333 !important;
}

.dark-mode .nav-tabs > li > a {
    background-color: #222 !important;
    border-color: #444 !important;
    color: #eee !important;
}

.dark-mode .nav-tabs > li > a:hover {
    background-color: #444 !important;
    border-color: #666 !important;
    color: #fff !important;
}

/* ============================
   MODO ESCURO — Livros da Bíblia (CORRETO)
   ============================ */

body.dark-mode ul.nav.nav-tabs.nav-stacked li a {
    color: #e6c34a !important; /* mesma cor do footer */
}

body.dark-mode ul.nav.nav-tabs.nav-stacked li a:hover {
    color: #ffe58f !important; /* tom mais claro no hover */
}