/* ═══════════════════════════════════════════════
   DFB Det Nye Jerusalem — Åb 21–22
   Celestial gold, jasper & light
   ═══════════════════════════════════════════════ */

.dfb-nj-wrap {
    max-width: 720px;
    margin: 1.5rem auto;
    font-family: var(--bb-sans, -apple-system, "Segoe UI", Roboto, sans-serif);
}

.dfb-nj-diagram {
    background: #1A1830;
    border: 1px solid #3A3558;
    border-radius: 8px;
    padding: 0.5rem;
}
.dfb-nj-svg { display: block; }

/* ── Byen ───────────────────────────────────── */

.dfb-nj-by { cursor: pointer; }

/* ── Muren (jaspis) ─────────────────────────── */

.dfb-nj-mur {
    fill: none;
    stroke: #A8C060;
    stroke-width: 5;
    stroke-opacity: 0.8;
    cursor: pointer;
}

/* ── Grundsten ──────────────────────────────── */

.dfb-nj-grundsten { cursor: pointer; }

/* ── Porte (perler) ─────────────────────────── */

.dfb-nj-port {
    fill: #F8F0E0;
    stroke: #D8C8A0;
    stroke-width: 1;
    filter: drop-shadow(0 0 3px rgba(248,240,224,0.6));
    cursor: pointer;
}
.dfb-nj-port:hover { fill: #FFFFF0; }

.dfb-nj-port-label {
    font-family: var(--bb-sans, -apple-system, sans-serif);
    font-size: 10px; fill: #A8A0C0; font-weight: 500;
}

/* ── Tronen ──────────────────────────────────── */

.dfb-nj-trone circle:first-child {
    fill: #F0D830;
    stroke: #C0A010;
    stroke-width: 2;
    filter: drop-shadow(0 0 10px rgba(240,216,48,0.7));
}
.dfb-nj-trone-indre {
    fill: #FFFFF0;
    stroke: #E0C820;
    stroke-width: 1;
}

/* ── Livets flod ─────────────────────────────── */

.dfb-nj-flod {
    stroke: #60C0F0;
    stroke-width: 3;
    stroke-linecap: round;
    filter: drop-shadow(0 0 4px rgba(96,192,240,0.5));
    cursor: pointer;
}

/* ── Livets træ ──────────────────────────────── */

.dfb-nj-trae circle {
    fill: #40A860;
    stroke: #288040;
    stroke-width: 1;
    opacity: 0.8;
}

/* ── Intet tempel ────────────────────────────── */

.dfb-nj-intet-label {
    font-family: var(--bb-serif, Georgia, serif);
    font-size: 13px; fill: #F0E8C0; font-weight: 700;
    font-style: italic;
}
.dfb-nj-intet-sub {
    font-family: var(--bb-serif, Georgia, serif);
    font-size: 9px; fill: #C0B888; font-weight: 400;
    font-style: italic;
}

/* ── Guds lys (hjørner) ──────────────────────── */

.dfb-nj-lys-cirkel {
    fill: #FFFFF0;
    fill-opacity: 0.15;
    stroke: #F0E8A0;
    stroke-width: 0.5;
    stroke-opacity: 0.4;
}

/* ── Labels ──────────────────────────────────── */

.dfb-nj-label-trone {
    font-family: var(--bb-serif, Georgia, serif);
    font-size: 10px; fill: #E0D040; font-weight: 600;
}
.dfb-nj-label-flod {
    font-family: var(--bb-sans, -apple-system, sans-serif);
    font-size: 9px; fill: #60C0F0; font-weight: 500;
}
.dfb-nj-label-trae {
    font-family: var(--bb-sans, -apple-system, sans-serif);
    font-size: 9px; fill: #40A860; font-weight: 500;
}
.dfb-nj-kompas {
    font-family: var(--bb-serif, Georgia, serif);
    font-size: 13px; fill: #6060A0; font-weight: 500;
}
.dfb-nj-titel {
    font-family: var(--bb-sans, -apple-system, sans-serif);
    font-size: 12px; fill: #8888B0;
}

/* ── Interaktivitet ─────────────────────────── */

.dfb-nj-zone { cursor: pointer; transition: opacity 0.15s; }
.dfb-nj-zone:hover { opacity: 0.82; }
.dfb-nj-zone.dfb-nj-aktiv { opacity: 1; }

/* ── Info-panel ─────────────────────────────── */

.dfb-nj-info {
    margin-top: 0.75rem;
    padding: 1rem 1.25rem;
    background: var(--bb-pergament-lys, #FAF6EE);
    border: 1px solid var(--bb-kant, #D5C9B5);
    border-radius: 8px;
    min-height: 80px;
    line-height: 1.65;
    color: var(--bb-tekst, #3D2B1F);
    font-size: 0.92rem;
}
.dfb-nj-info-placeholder {
    color: #A09080; text-align: center; padding: 1rem 0;
}
.dfb-nj-info-icon {
    display: block; font-size: 1.5rem; margin-bottom: 0.35rem; opacity: 0.5;
}
.dfb-nj-info-header {
    display: flex; align-items: baseline; gap: 0.5rem;
    flex-wrap: wrap; margin-bottom: 0.5rem;
}
.dfb-nj-info-titel {
    font-family: var(--bb-serif, Georgia, serif);
    font-size: 1.1rem; font-weight: 600;
    color: var(--bb-oxblod, #8b1a1a); margin: 0;
}
.dfb-nj-info-badge {
    display: inline-block; font-size: 0.72rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.04em;
    background: #C0A020; color: #3A2800;
    padding: 0.15em 0.55em; border-radius: 3px;
}
.dfb-nj-info-hebraisk {
    font-size: 1rem; color: #6B5842; direction: rtl;
    margin-bottom: 0.5rem;
}
.dfb-nj-info-afsnit { margin: 0.5rem 0; }
.dfb-nj-info-label {
    font-weight: 600; font-size: 0.8rem; text-transform: uppercase;
    letter-spacing: 0.03em; color: var(--bb-oxblod, #8b1a1a);
    margin-bottom: 0.15rem;
}
.dfb-nj-info-maal {
    font-family: var(--bb-sans, -apple-system, sans-serif);
    font-size: 0.85rem; color: #6B5842; background: #F0E8DA;
    display: inline-block; padding: 0.2em 0.6em; border-radius: 3px;
    margin: 0.25rem 0;
}
.dfb-nj-info-teologisk {
    border-left: 3px solid #C0A020;
    padding-left: 0.75rem; margin: 0.65rem 0;
    font-style: italic; color: #5C4A36;
}
.dfb-nj-info-refs { margin-top: 0.5rem; }
.dfb-nj-info-refs a {
    display: inline-block; font-size: 0.85rem; font-weight: 500;
    color: var(--bb-oxblod, #8b1a1a); text-decoration: none;
    background: #F0E8DA; padding: 0.2em 0.6em; border-radius: 3px;
    margin: 0.15rem 0.25rem 0.15rem 0; transition: background 0.15s;
}
.dfb-nj-info-refs a:hover { background: #E0D4C0; text-decoration: underline; }

/* ── Legende ────────────────────────────────── */

.dfb-nj-legend {
    display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem;
    margin-top: 0.5rem; font-size: 0.8rem; color: #6B5842;
}
.dfb-nj-legend > span { display: flex; align-items: center; gap: 0.35rem; }
.dfb-nj-swatch {
    width: 12px; height: 12px; border-radius: 2px;
    display: inline-block; border: 1px solid rgba(0,0,0,0.1);
}
.dfb-nj-sw-mur   { background: #A8C060; }
.dfb-nj-sw-port  { background: #F8F0E0; }
.dfb-nj-sw-trone { background: #F0D830; border-radius: 50%; }
.dfb-nj-sw-flod  { background: #60C0F0; }
.dfb-nj-sw-trae  { background: #40A860; border-radius: 50%; }