/* Flyttet fra inline <style> i dfb-laesning.php (2026-10-08), saa browseren kan cache den. */

/* KJV-knap */
.dfb-kjv-btn {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 6px;
    font-size: 0.7rem;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    background: #2c5f8a;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1.6;
    vertical-align: middle;
    transition: background 0.15s;
}
.dfb-kjv-btn:hover, .dfb-kjv-btn.dfb-active { background: #1a3f5f; }

/* KJV Popup */
#dfb-kjv-popup {
    display: none;
    position: fixed;
    z-index: 99999;
    width: 480px;
    max-height: 400px;
    background: #fffdf9;
    border: 1px solid #c8b99a;
    border-radius: 6px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    font-family: Georgia, serif;
    overflow: hidden;
    flex-direction: column;
}
#dfb-kjv-popup.dfb-visible { display: flex; }
#dfb-kjv-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.8rem;
    background: #2c5f8a;
    color: #fff;
    font-size: 0.82rem;
    font-family: sans-serif;
    flex-shrink: 0;
}
#dfb-kjv-luk {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
    opacity: 0.8;
}
#dfb-kjv-luk:hover { opacity: 1; }
#dfb-kjv-body {
    padding: 0.8rem 1rem;
    overflow-y: auto;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #1a1a1a;
}
.dfb-kjv-vers { margin: 0 0 0.4rem; }
.dfb-kjv-vers.dfb-kjv-aktiv { background: #fef9e0; border-radius: 3px; padding: 0 4px; margin: 0 -4px 0.4rem; }
.dfb-kjv-num { color: #2c5f8a; font-size: 0.72rem; font-family: sans-serif; font-weight: 700; vertical-align: super; margin-right: 2px; }
.dfb-kjv-loading { color: #888; font-style: italic; font-size: 0.9rem; }

/* ASV-knap */
.dfb-asv-btn {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 6px;
    font-size: 0.7rem;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    background: #5a7a3a;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1.6;
    vertical-align: middle;
    transition: background 0.15s;
}
.dfb-asv-btn:hover, .dfb-asv-btn.dfb-active { background: #3a5a1a; }

/* ASV Popup */
#dfb-asv-popup {
    display: none;
    position: fixed;
    z-index: 99999;
    width: 480px;
    max-height: 400px;
    background: #fffdf9;
    border: 1px solid #c8b99a;
    border-radius: 6px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    font-family: Georgia, serif;
    overflow: hidden;
    flex-direction: column;
}
#dfb-asv-popup.dfb-visible { display: flex; }
#dfb-asv-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.8rem;
    background: #5a7a3a;
    color: #fff;
    font-size: 0.82rem;
    font-family: sans-serif;
    flex-shrink: 0;
}
#dfb-asv-luk {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
    opacity: 0.8;
}
#dfb-asv-luk:hover { opacity: 1; }
#dfb-asv-body {
    padding: 0.8rem 1rem;
    overflow-y: auto;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #1a1a1a;
}
.dfb-asv-vers { margin: 0 0 0.4rem; }
.dfb-asv-vers.dfb-asv-aktiv { background: #f0f7e8; border-radius: 3px; padding: 0 4px; margin: 0 -4px 0.4rem; }
.dfb-asv-num { color: #5a7a3a; font-size: 0.72rem; font-family: sans-serif; font-weight: 700; vertical-align: super; margin-right: 2px; }
.dfb-asv-loading { color: #888; font-style: italic; font-size: 0.9rem; }

/* Interlinear-knap */
.dfb-il-btn {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 6px;
    font-size: 0.7rem;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    background: #4a7c4a;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1.6;
    vertical-align: middle;
    transition: background 0.15s;
}
.dfb-il-btn:hover, .dfb-il-btn.dfb-active { background: #2e5a2e; }

/* Krydsreference-knap (brugerens egne krydsreferencer) */
.dfb-kr-btn {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 6px;
    font-size: 0.7rem;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    background: #6b4a86;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1.6;
    vertical-align: middle;
    transition: background 0.15s;
}
.dfb-kr-btn:hover, .dfb-kr-btn.dfb-active { background: #4d3462; }
.dfb-kr-btn.dfb-kr-btn--doed { background: #999 !important; }
/* Vers med mindst én af brugerens krydsreferencer */
.dfb-kr-btn.dfb-kr-btn--har { box-shadow: 0 0 0 2px #d9c8ea; }

/* Interlinear Popup */
#dfb-il-popup {
    display: none;
    position: fixed;
    z-index: 99999;
    width: 700px;
    height: 540px;
    background: #faf8f4;
    border: 1px solid #d9cdb8;
    border-radius: 6px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.22), 0 4px 14px rgba(0,0,0,0.12);
    flex-direction: column;
    overflow: hidden;
}
#dfb-il-popup.dfb-visible { display: flex; animation: dfb-pop-in 0.17s ease; }
#dfb-il-head {
    background: #2e5a2e;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}
#dfb-il-ref {
    font-family: Georgia, serif;
    font-size: 0.82rem;
    color: rgba(255,255,255,0.85);
    font-style: italic;
}
.dfb-il-head-right {
    display: flex;
    align-items: center;
    gap: 8px;
}
#dfb-il-ext-link {
    font-family: Georgia, serif;
    font-size: 0.65rem;
    color: rgba(255,255,255,0.45);
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.18);
    padding: 2px 9px;
    border-radius: 10px;
    transition: color 0.15s, border-color 0.15s;
}
#dfb-il-ext-link:hover { color: rgba(255,255,255,0.9); border-color: rgba(255,255,255,0.5); }
#dfb-il-luk {
    background: none;
    border: none;
    color: rgba(255,255,255,0.45);
    font-size: 1.4rem;
    cursor: pointer;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 3px;
    transition: color 0.15s;
}
#dfb-il-luk:hover { color: #fff; }
#dfb-il-loading {
    position: absolute;
    inset: 41px 0 0 0;
    background: #faf8f4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
    pointer-events: none;
}
#dfb-il-loading.dfb-hidden { opacity: 0; }
.dfb-il-loader-text {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 0.82rem;
    color: #888;
}
#dfb-il-frame {
    flex: 1;
    border: none;
    width: 100%;
    background: #fff;
}