/* ===================================================================
   JP-Portal: Layout für Einbettung in WordPress (iFrame)
   =================================================================== */

/* Alten festen Kopf (orange Keil + Navigation) der Vorjahresseite ausblenden */
.fixed-top,
.top-orange-area,
.bottom-orange-area { display: none !important; }

/* Abstand oben war für den festen Kopf gedacht */
.main-content,
.placeholder-container,
.gallery-main,
.post-event-main { padding-top: 30px !important; }

/* ---------- Im iFrame: nur der Inhalt ---------- */
html.jp-embedded body {
    background: transparent !important;
    min-height: 0 !important;
}
html.jp-embedded .main-content,
html.jp-embedded .placeholder-container {
    min-height: 0 !important;
    padding: 10px 0 20px !important;
    max-width: none;
}
html.jp-embedded .jp-standalone-only { display: none !important; }

/* ---------- Direktaufruf: schlanker Kopf und Fuß ---------- */
.jp-portal-bar {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap;
    padding: 12px 20px;
    background: #fff;
    border-bottom: 4px solid #113A75;
}
.jp-portal-brand {
    display: flex; align-items: center; gap: 12px;
    color: #113A75; text-decoration: none !important;
    font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.3rem; line-height: 1.2;
}
.jp-portal-brand img { height: 48px; width: auto; }
.jp-portal-brand small {
    display: block; font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .8rem; color: #6C6C6C;
}
.jp-portal-back { color: #113A75; font-weight: 600; }

.jp-portal-footer {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 24px;
    padding: 20px; margin-top: 40px;
    border-top: 1px solid #dee2e6; font-size: .85rem; color: #6C6C6C;
}
.jp-portal-footer a { color: #113A75; }

.privacy-page .modal-section { margin-bottom: 24px; }

/* Overlays/Dialoge im iFrame oben statt mittig anzeigen
   (der iFrame ist so hoch wie der Inhalt, "Mitte" läge sonst außer Sicht) */
html.jp-embedded [id$="-modal"] > div,
html.jp-embedded #upload-overlay > .modal-card {
    top: 60px !important;
    transform: translate(-50%, 0) !important;
}
html.jp-embedded #upload-overlay { align-items: flex-start !important; padding-top: 60px; }

/* alte Fußleiste (fest, orange) neutralisieren */
footer.jp-portal-footer {
    position: static !important;
    background: none !important;
    height: auto !important;
    width: auto !important;
    color: #6C6C6C !important;
}

/* Im iFrame liefert WordPress den Seitentitel */
html.jp-embedded .page-title { display: none !important; }