/* ==========================================================================
   Print stylesheet
   Doel: een schone, minimalistische afdruk met focus op inhoud.
   Specifiek voor de dagplanning-pagina + de realtime AI-dagplanning popup
   verbergen we hero, kaart, sticky bar, navigatie, acties, share en
   zoekresultaten. Plaatsjes blijven klein zichtbaar en bovenaan drukt
   het logo in klein formaat mee.
   ========================================================================== */

@page {
    size: A4;
    /* Ruimere paginamarges zodat content en paginainformatie niet tegen de rand aan geprint worden */
    margin: 20mm 16mm 18mm;
}

@media print {

    /* ── Basis: geen achtergronden, zwart op wit, geen schaduwen ──────── */
    *,
    *::before,
    *::after {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
        color: #000 !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        font: 10.5pt/1.45 Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif !important;
    }

    a,
    a:link,
    a:visited {
        color: #000 !important;
        text-decoration: none !important;
    }

    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    /* ── Als de realtime popup open staat, printen we alleen de popup ─── */
    body.pmd-result-open > *:not(.pmd-result-overlay):not(script):not(style) {
        display: none !important;
    }

    /* ── Globale chrome verbergen ─────────────────────────────────────── */
    header.site-header,
    footer.site-footer,
    .site-header,
    .site-footer,
    nav,
    form,
    input,
    textarea,
    select,
    .breadcrumbs,
    .cookie-banner,
    .cc-window,
    .crony-banner,
    #wpadminbar,
    .wp-admin-bar,
    .sidebar,
    .comments-area,
    .social,
    .share,
    .socialshare,
    .results-section,
    .search-results,
    .search-form,
    #search-enhanced,
    .back-to-top,
    .language-switcher,
    .mijnplan-banner,
    .favorites-toast,
    .toast,
    .notice,
    .modal,
    .menu-toggle,
    .mobile-bottom-nav,
    .intent-picker-modal,
    .pmd-wizard,
    .reminder-modal,
    .qr-modal,
    [role="toolbar"],
    [aria-hidden="true"]:not(.dagplanning-uitje-card__num-badge):not(.dagplanning-uitje-card__address-icon):not(.dp-print-logo),
    iframe {
        display: none !important;
    }

    /* ── Logo bovenaan, links gelijnd ─────────────────────────────────── */
    .dp-print-logo {
        display: block !important;
        margin: 0 0 10pt !important;
        text-align: left !important;
        page-break-after: avoid;
    }
    .dp-print-logo img {
        display: inline-block !important;
        max-width: 120pt !important;
        max-height: 28pt !important;
        height: auto !important;
        width: auto !important;
        margin: 0 !important;
    }

    /* ── Dagplanning single: verberg hero, kaart, acties, hop, CTA ────── */
    .dagplanning-single__hero,
    .dagplanning-single__hero-bg,
    .dagplanning-single__breadcrumb,
    .dagplanning-single__tag,
    .dagplanning-sticky-bar,
    #dp-sticky-sentinel,
    .dagplanning-map,
    .dagplanning-uitjes__map-col,
    .dagplanning-hop,
    .dagplanning-cta,
    .dagplanning-meer,
    .dagplanning-related,
    .dagplanning-uitje-card__fav,
    .dagplanning-uitje-card__num-badge,
    .maps-open-link,
    .dp-stop-save,
    .dp-plan-save,
    .dp-action,
    .dp-action--share,
    .dp-action--print,
    .dp-action--maps,
    .dp-action--reminder,
    .dp-transport {
        display: none !important;
    }

    /* Num-badge wordt een platte tekstaanhef in plaats van een bolletje */
    .dagplanning-uitje-card__num-badge {
        display: inline-block !important;
        position: static !important;
        float: none !important;
        background: none !important;
        color: #000 !important;
        width: auto !important;
        height: auto !important;
        font-size: 11pt !important;
        font-weight: 700 !important;
        margin: 0 0 2pt !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    .dagplanning-uitje-card__num-badge::after {
        content: ".";
    }
    /* Kaart als verticale stack: num-badge, thumb, body */
    .dagplanning-uitje-card {
        display: block !important;
        position: relative;
        padding: 0 !important;
        border: 0 !important;
        margin: 0 !important;
        background: none !important;
    }

    /* ── Koplijn: titel + korte intro van de dagplanning ──────────────── */
    .dagplanning-single,
    .dagplanning-template-default #main,
    .pmd-result-overlay,
    .pmd-result-overlay__panel,
    .pmd-result-overlay__inner {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .dagplanning-single__title,
    .pmd-result-hero__title,
    h1 {
        font-size: 18pt !important;
        font-weight: 700 !important;
        margin: 0 0 6pt !important;
        line-height: 1.15 !important;
        page-break-after: avoid;
        font-family: Arial, Verdana, sans-serif !important;
    }

    .dagplanning-single__intro,
    .pmd-result-hero__intro {
        font-size: 10.5pt !important;
        font-style: italic !important;
        margin: 0 0 14pt !important;
        line-height: 1.4 !important;
        page-break-after: avoid;
    }

    /* ── Stops lijst ──────────────────────────────────────────────────── */
    .dagplanning-uitjes {
        page-break-before: auto;
    }

    .dagplanning-uitjes__title {
        display: none !important;
    }

    .dagplanning-uitjes__layout,
    .dagplanning-uitjes__stops {
        display: block !important;
        width: 100% !important;
        grid-template-columns: none !important;
    }

    .dagplanning-tijdslot {
        margin-top: 10pt;
        page-break-inside: avoid;
    }

    .dagplanning-tijdslot__header {
        font-size: 12pt !important;
        font-weight: 700 !important;
        /* Geen hoofdletters op print: toon originele casing (eerste letter groot) */
        text-transform: none !important;
        letter-spacing: 0 !important;
        border-bottom: 1pt solid #000 !important;
        padding-bottom: 2pt !important;
        margin: 10pt 0 6pt !important;
        page-break-after: avoid;
    }

    .dagplanning-stop-wrap {
        page-break-inside: avoid;
        margin: 0 0 10pt !important;
        padding: 0 !important;
    }

    /* Thumbnail boven de plaatsnaam en titel, iets groter dan voorheen */
    .dagplanning-uitje-card__thumb {
        display: block !important;
        width: 100% !important;
        max-width: 180pt !important;
        max-height: 120pt !important;
        float: none !important;
        clear: both !important;
        margin: 0 0 6pt !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        border-radius: 3pt !important;
    }
    .dagplanning-uitje-card picture,
    .dagplanning-uitje-card__thumb picture,
    .dagplanning-uitje-card__thumb img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 120pt !important;
        object-fit: cover !important;
    }
    .dagplanning-uitje-card__thumb .no-thumb {
        display: none !important;
    }

    .dagplanning-uitje-card__body {
        padding: 0 !important;
        display: block !important;
        overflow: visible;
    }

    .dagplanning-uitje-card__place {
        font-size: 9pt !important;
        color: #000 !important;
        margin: 0 !important;
    }

    .dagplanning-uitje-card__name {
        font-size: 12pt !important;
        font-weight: 700 !important;
        margin: 1pt 0 2pt !important;
    }
    .dagplanning-uitje-card__name a {
        border-bottom: none !important;
    }

    /* Adres: het belangrijkste bij print */
    .dagplanning-uitje-card__address {
        display: block !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 0 3pt !important;
        font-size: 10pt !important;
        color: #000 !important;
        border-radius: 0 !important;
        align-self: flex-start !important;
        text-align: left !important;
    }
    .dagplanning-uitje-card__address-icon {
        display: none !important;
    }
    .dagplanning-uitje-card__address span {
        white-space: normal !important;
        overflow: visible !important;
    }

    /* Korte 'waarom deze stop' regel */
    .stop-why {
        font-size: 10pt !important;
        margin: 2pt 0 0 !important;
    }
    .stop-why p {
        margin: 0 !important;
    }

    .dagplanning-uitje-card__intro {
        display: none !important;
    }

    /* Reviews/rating weglaten — in print zijn nummers onhelder (icon-font) */
    .rating,
    .dagplanning-uitje-card__rating {
        display: none !important;
    }

    /* ── Realtime popup print ─────────────────────────────────────────── */
    .pmd-result-overlay {
        position: static !important;
        overflow: visible !important;
        z-index: auto !important;
    }
    .pmd-result-overlay__panel {
        box-shadow: none !important;
        border-radius: 0 !important;
        background: none !important;
        overflow: visible !important;
        max-height: none !important;
        min-height: 0 !important;
    }
    .pmd-result-hero {
        background: none !important;
        color: #000 !important;
        padding: 0 !important;
        margin: 0 0 10pt !important;
    }
    .pmd-result-hero__breadcrumb,
    .pmd-result-actions,
    .pmd-result-close,
    .pmd-stop-replace-btn,
    .js-pmd-close,
    .js-pmd-save,
    .js-pmd-regen,
    .js-pmd-print {
        display: none !important;
    }
    body.pmd-result-open .pmd-result-overlay {
        page-break-before: avoid;
    }

    /* ── Mijn-plan / concept print view ───────────────────────────────── */
    .mijnplan-overview__tabs,
    .mijnplan-overview__empty-actions,
    .mijnplan-btn,
    .concept-canvas__toolbar,
    .concept-canvas__actions {
        display: none !important;
    }
}