/*
 * PORTAL DA BÍBLIA — IDENTIDADE CROMÁTICA V155
 * Livros, capítulos e versículos.
 * Apenas visual. Não altera API, áudio ou conteúdo bíblico.
 */

:root{
    --bib-color:#1554c0;
    --bib-color-2:#6d28d9;
    --bib-soft:rgba(21,84,192,.09);
    --bib-shadow:rgba(21,84,192,.14);
}

.book-card-clean[data-bib-color="1"]{
    position:relative !important;
    isolation:isolate;
    overflow:hidden !important;
    border:1.5px solid var(--card-border) !important;
    border-top:4px solid var(--card-accent) !important;
    background:
        radial-gradient(circle at 100% 0%, var(--card-soft), transparent 48%),
        #fff !important;
    box-shadow:0 10px 28px var(--card-shadow) !important;
    color:#14213d !important;
}
.book-card-clean[data-bib-color="1"]::before{
    background:var(--card-soft) !important;
    opacity:1 !important;
}
.book-card-clean[data-bib-color="1"]::after{
    opacity:.12 !important;
}
.book-card-clean[data-bib-color="1"] h3{
    color:var(--card-accent-dark) !important;
}
.book-card-clean[data-bib-color="1"] p{
    color:#667085 !important;
}
.book-card-clean[data-bib-color="1"] small{
    border:1px solid var(--card-border) !important;
    background:var(--card-soft) !important;
    color:var(--card-accent-dark) !important;
}
.book-card-clean[data-bib-color="1"]:hover{
    transform:translateY(-5px) !important;
    border-color:var(--card-accent) !important;
    background:linear-gradient(135deg,var(--card-accent),var(--card-accent-2)) !important;
    box-shadow:0 18px 40px var(--card-shadow-strong) !important;
}
.book-card-clean[data-bib-color="1"]:hover h3,
.book-card-clean[data-bib-color="1"]:hover p,
.book-card-clean[data-bib-color="1"]:hover small{
    color:#fff !important;
}
.book-card-clean[data-bib-color="1"]:hover small{
    border-color:rgba(255,255,255,.35) !important;
    background:rgba(255,255,255,.15) !important;
}

body.bib-book-colored .book-hero,
body.bib-chapter-colored .chapter-hero{
    background:
        radial-gradient(circle at 88% 5%,rgba(255,255,255,.20),transparent 28%),
        linear-gradient(135deg,var(--bib-color),var(--bib-color-2)) !important;
    box-shadow:0 18px 48px var(--bib-shadow) !important;
}

.chapter-card[data-bib-color="1"]{
    position:relative !important;
    isolation:isolate;
    overflow:hidden !important;
    border:1.5px solid var(--chapter-border) !important;
    border-left:5px solid var(--chapter-accent) !important;
    background:
        radial-gradient(circle at 100% 0%,var(--chapter-soft),transparent 50%),
        #fff !important;
    box-shadow:0 10px 28px var(--chapter-shadow) !important;
    color:#14213d !important;
}
.chapter-card[data-bib-color="1"]::before{
    width:105px !important;
    height:105px !important;
    right:-44px !important;
    top:-44px !important;
    background:var(--chapter-soft) !important;
}
.chapter-card[data-bib-color="1"]::after{
    color:var(--chapter-accent) !important;
    opacity:.12 !important;
}
.chapter-card[data-bib-color="1"] h3{
    color:var(--chapter-accent-dark) !important;
}
.chapter-card[data-bib-color="1"] p{
    color:#667085 !important;
}
.chapter-card[data-bib-color="1"] small{
    border:1px solid var(--chapter-border) !important;
    background:var(--chapter-soft) !important;
    color:var(--chapter-accent-dark) !important;
}
.chapter-card[data-bib-color="1"]:hover{
    transform:translateY(-5px) scale(1.01) !important;
    border-color:var(--chapter-accent) !important;
    background:linear-gradient(135deg,var(--chapter-accent),var(--chapter-accent-2)) !important;
    box-shadow:0 18px 42px var(--chapter-shadow-strong) !important;
}
.chapter-card[data-bib-color="1"]:hover h3,
.chapter-card[data-bib-color="1"]:hover p,
.chapter-card[data-bib-color="1"]:hover small{
    color:#fff !important;
}
.chapter-card[data-bib-color="1"]:hover small{
    border-color:rgba(255,255,255,.34) !important;
    background:rgba(255,255,255,.14) !important;
}

.verse-card[data-bib-color="1"]{
    position:relative !important;
    isolation:isolate;
    overflow:hidden !important;
    border:2px solid transparent !important;
    border-radius:20px !important;
    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(135deg,var(--verse-accent),var(--verse-accent-2)) border-box !important;
    box-shadow:
        0 8px 24px var(--verse-shadow),
        0 1px 2px rgba(15,35,70,.04) !important;
    color:#14213d !important;
}
.verse-card[data-bib-color="1"]::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:5px !important;
    background:linear-gradient(180deg,var(--verse-accent),var(--verse-accent-2)) !important;
    opacity:.90 !important;
    pointer-events:none !important;
}
.verse-card[data-bib-color="1"] p{
    color:#273247 !important;
}
.verse-card[data-bib-color="1"] .verse-number{
    border:1px solid rgba(255,255,255,.38) !important;
    background:linear-gradient(135deg,var(--verse-accent),var(--verse-accent-2)) !important;
    color:#fff !important;
    box-shadow:0 6px 16px var(--verse-shadow-strong) !important;
}
.verse-card[data-bib-color="1"] .verse-listen{
    border:1px solid var(--verse-border) !important;
    background:var(--verse-soft) !important;
    color:var(--verse-accent-dark) !important;
    box-shadow:0 6px 16px var(--verse-shadow) !important;
}
.verse-card[data-bib-color="1"] .verse-listen:hover,
.verse-card[data-bib-color="1"] .verse-listen:focus{
    border-color:transparent !important;
    background:linear-gradient(135deg,var(--verse-accent),var(--verse-accent-2)) !important;
    color:#fff !important;
}
.verse-card[data-bib-color="1"]:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 14px 34px var(--verse-shadow-strong) !important;
}
.verse-card[data-bib-color="1"].selected{
    box-shadow:
        0 0 0 4px var(--verse-ring),
        0 14px 34px var(--verse-shadow-strong) !important;
}

body.bib-chapter-colored .reader-progress span{
    background:linear-gradient(90deg,var(--bib-color),var(--bib-color-2)) !important;
}
body.bib-chapter-colored .reader-btn.primary,
body.bib-chapter-colored .reader-floating button{
    background:linear-gradient(135deg,var(--bib-color),var(--bib-color-2)) !important;
}

@media(max-width:700px){
    .book-card-clean[data-bib-color="1"],
    .chapter-card[data-bib-color="1"]{
        border-radius:18px !important;
    }
    .verse-card[data-bib-color="1"]{
        border-radius:17px !important;
        border-width:1.5px !important;
    }
    .verse-card[data-bib-color="1"]::before{
        width:4px !important;
    }
}