/**
 * BC Pilgerportal -- Camino-Planer
 */

.bcp-planer-wrap {
    max-width: 720px;
    margin: 0 auto;
}

.bcp-planer-wrap fieldset {
    background: #f9fafb;
}

.bcp-planer-karte {
    width: 100%;
    height: clamp(280px, 55vh, 500px);
    border-radius: 8px;
    overflow: hidden;
    background: #eef2f7;
    margin: 16px 0;
}

.bcp-planer-profil {
    width: 100%;
    min-height: clamp(180px, 30vh, 260px);
    margin: 16px 0;
}

.bcp-express-ladehinweis {
    color: #666;
    font-style: italic;
}

.bcp-express-formular {
    background: #f9fafb;
    border: 1px solid #dcdcde;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

.bcp-express-ergebnis table {
    background: #fff;
}

.bcp-planer-gesamt {
    background: #f5f7fb;
    border: 1px solid #d5e0eb;
    border-radius: 8px;
    padding: 14px 18px;
    margin: 20px 0;
}

/* Saubere Druckansicht (Donativo-Freischaltung, siehe
   BCP_Bezahlschranke): Formular-Elemente, Zurück-Links und das
   Bezahl-Widget selbst sollen nie mit auf den Ausdruck/das
   PDF (via window.print()) landen -- nur Karte, Höhenprofil und
   Etappentabelle. */
@media print {
    .bcp-kein-druck {
        display: none !important;
    }

    /* Leaflet-Bedienelemente (Zoom, Attribution) sind auf Papier
       nutzlos und wirken unaufgeräumt -- weg damit. */
    .leaflet-control-zoom,
    .leaflet-control-attribution {
        display: none !important;
    }

    /* Kein Umbruch mitten in einer Etappen-Karte/Profil-Einheit,
       jede Etappe startet nach Möglichkeit zusammenhängend. */
    .bcp-planer-strecke-wrap {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* Saubere Seitenumbrüche für den Ausdruck: die Branding-Kopfzeile
       beginnt auf einer neuen Seite (trennt vom Blogartikel-Text
       davor), UND jede "Stage XY"/"Etappe XY"-Überschrift beginnt
       ebenfalls auf einer neuen Seite -- jede Etappe damit für sich
       auf eigenen Blättern. Bewusst auf .bcp-planer-wrap
       eingeschränkt (nicht global auf alle h3 der Seite), damit
       Theme-Inhalte außerhalb des Planers unberührt bleiben. */
    .bcp-druck-kopf {
        page-break-before: always;
        break-before: page;
    }
    .bcp-planer-wrap h3 {
        page-break-before: always;
        break-before: page;
        page-break-after: avoid;
        break-after: avoid;
    }
    .bcp-planer-gesamt {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* Kleine Branding-Kopfzeile, nur im Ausdruck sichtbar (auf dem
       Bildschirm bleibt sie versteckt) -- macht aus der Druckansicht
       ein erkennbares "Dokument" statt eines Screenshots der Seite. */
    .bcp-druck-kopf {
        display: block !important;
        margin-bottom: 18px;
        padding-bottom: 10px;
        border-bottom: 2px solid #1665CF;
    }
    .bcp-druck-kopf-titel {
        font-size: 20px;
        font-weight: 700;
        color: #1665CF;
    }
    .bcp-druck-kopf-meta {
        font-size: 11px;
        color: #666;
        margin-top: 2px;
    }

    /* window.print() druckt die GESAMTE Seite, nicht nur unser
       Widget -- Theme-Elemente wie die Autor-Box und Jetpacks
       "Gefällt mir"-Baustein werden automatisch unter jeden
       Beitrag gehängt und landen deshalb mit auf dem Ausdruck.
       Gängige Selektoren dafür (schadet nicht, falls einzelne davon
       auf dieser Seite gar nicht vorkommen -- greift einfach nicht). */
    #jp-post-flair,
    .sharedaddy,
    .jetpack-likes-widget-wrapper,
    .wp-block-jetpack-like,
    .wp-block-jetpack-author-bio,
    .investigasteve-author-bio,
    .author-bio,
    .author-box,
    .entry-author,
    .post-author-box,
    #author-bio-box,
    .about-author {
        display: none !important;
    }
}

.bcp-druck-kopf {
    display: none;
}