/* DFB Læsning — minimal nav-bar styling.
 * Formål: få BOG/KAPITEL labels, dropdowns, VIS-knap og pager til
 * at klappe sammen til en kompakt nav-bar, uanset om siden er bygget
 * i Elementor (dfb.maymann.net) eller renderes via en standard
 * single-template (kjv.cm via Domainer).
 *
 * VIGTIGT: Denne fil styler KUN nav-baren. Vers-listen, kapitel-
 * overskrifter, og resten af temaets layout røres ikke.
 */

/* Nav-bar selve linjen: labels + dropdowns + VIS-knap på samme række */
.dfb-laesning-wrap .dfb-nav-selects {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem;
    flex-wrap: wrap;
    margin: 0;
}

/* Label-stak: label oven på dropdown, tæt sammen */
.dfb-laesning-wrap .dfb-select-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}

/* Label */
.dfb-laesning-wrap .dfb-label {
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #888;
    margin: 0;
    line-height: 1;
}

/* VIS-knap aligned med dropdownsene (ikke svævende oppe) */
.dfb-laesning-wrap .dfb-btn-vis {
    align-self: flex-end;
    margin: 0;
}

/* Pager (← Forrige / Næste →) tæt under nav-baren — ikke langt nede */
.dfb-laesning-wrap .dfb-nav-pager {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0 0 0;
}

/* Skillelinjen under nav-baren — kompakt afstand */
.dfb-laesning-wrap .dfb-nav {
    margin-bottom: 1.5rem;
}

/* Reset af legacy-regel (button {width:100px}) der ellers ville
   gøre VIS, Forrige, Næste alle 100px brede uanset indhold */
.dfb-laesning-wrap .dfb-btn-vis,
.dfb-laesning-wrap .dfb-pager-btn,
.dfb-laesning-wrap .dfb-mega-btn {
    width: auto;
}

/* ───────────────────────────────────────────────────────────────────────
 * Fremhævet vers (pæne læse-URL'er, 1.7.8)
 * Aktiveres når man slår op via /Matt1.18 — hele kapitlet vises,
 * og vers 18 får en blød baggrundsfarve. Kun selve vers-elementet
 * styles; resten af temaets layout røres ikke.
 * ─────────────────────────────────────────────────────────────────────── */
.dfb-laesning-wrap .dfb-vers-item.dfb-vers--fremhaevet,
.dfb-vers-item.dfb-vers--fremhaevet {
    background: #fff3bf;                 /* blød rav-gul */
    box-shadow: inset 3px 0 0 0 #e8a200; /* venstre-accent */
    border-radius: 4px;
    padding: 0.35rem 0.5rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    /* Plads så smooth-scroll ikke gemmer verset bag en sticky header */
    scroll-margin-top: 5rem;
    transition: background-color 0.4s ease;
}

/* Mørkt læsetema */
@media (prefers-color-scheme: dark) {
    .dfb-laesning-wrap .dfb-vers-item.dfb-vers--fremhaevet,
    .dfb-vers-item.dfb-vers--fremhaevet {
        background: rgba(232, 162, 0, 0.18);
        box-shadow: inset 3px 0 0 0 #e8a200;
    }
}