/* Bible passage rendering */
.bible-passage p {
    margin-bottom: 0.25rem;
    line-height: 1.6;
}

.bible-passage .v {
    font-size: 0.7em;
    font-weight: 700;
    vertical-align: super;
    color: var(--bs-secondary);
    margin-right: 2px;
}

.bible-passage .wj {
    color: inherit;
}

.bible-passage .nd,
.bible-passage .add {
    font-style: italic;
}

/* Ensure file inputs stay clickable (avoid accidental overlay/pointer rules) */
input[type="file"].form-control {
    position: relative;
    z-index: 1;
}


/* ── Verse Lookup Modal – dynamic fill layout ─────────────────────────────
   Height budget (desktop, modal-lg):
     dialog margin top+bottom : 3.5rem  (~56px)
     .modal-header             : ~57px
     .modal-body padding t+b   : ~32px
     Bible version selector    : ~74px  (label + select + mb-3)
     Tab btn-group             : ~54px  (btn-group + mb-3)
   ─────────────────────────────────────────────────────────────────────── */

/* Make dialog fill viewport minus its own margins */
#verseLookupModal .modal-dialog {
    height: calc(100vh - 3.5rem);
}

/* Content fills the dialog height via flex column */
#verseLookupModal .modal-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

/* Body grows to fill remaining space, clips overflow so only results scroll */
#verseLookupModal .modal-body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

/* Each tab pane is also a flex column so it can pass remaining height down */
.verse-modal-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 0;
}

/* Results scroll container – calc subtracts fixed elements above it:
   ref tab    : header(57) + body-pad(32) + version(74) + tabs(54) + input(54) = ~271px  → use 300px
   keyword tab: same + paging-bar(~50px)                                        = ~321px  → use 350px */
.verse-results-ref {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    height: calc(100vh - 300px);
}

.verse-results-kw {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    height: calc(100vh - 350px);
}