/* Wordt enkel toegepast bij print */
@media print {

    /* Verberg elementen die niet nodig zijn op papier */

    .no-print,
    header,
    footer,
    nav,
    .quickLinks,
    .position-sticky-aside,
    .clsNieuwsEnEvents,
    .roundDocumentLayout {
        display: none !important;
    }
    img.w-100 {
        width: 50% !important;
    }
    p.h6.text-title.m-0.text-center {
        text-align: left !important;
    }
    p.text-xs.m-0.text-center {
        text-align: left !important;
    }

    /* Zorg dat tekst goed leesbaar is */
    body {
        font-size: 12pt;
        /*font-family: "Times New Roman", serif;*/
        color: #000;
        background: none !important;
    }

   

    /* Pagina-instellingen */
    @page {
        margin: 15mm;

    }

    h1, h2 {
        page-break-after: avoid;
    }

    table, figure {
        page-break-inside: avoid;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .list-group-item {
        color: #000;
    }
    .list-group-item-primary {
        color: #000;
    }

    a.list-group-item-primary::after {
        content: "" !important;
    }



    svg,
    svg * {
        fill: #000 !important;
        /*stroke: #000 !important;*/
    }

   /* span.telefoonRTE a {
        background-image: url('/src/img/svg/telRTE.svg') !important;
        color: #000;
        fill: #000 !important;
        display: block !important;
    }
    span.mailRTE a {
        background-image: url('/src/img/svg/mailRTE.svg') !important;
        color: #000;
        fill: #000 !important;
        display: block !important;
    }
*/

   

   /* span.telefoonRTE,
    span.mailRTE {
        color: #000;
        fill: #000 !important;
    }*/
    
    .print-only {
        display: block !important;
    }

    #print-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 6pt 10mm;
        font-size: 10pt;
        color: #000;
        border-top: 1px solid #000;
        background: none !important;
    }

    /* 1) Zorg dat de hero container echt de volledige breedte gebruikt */
    .min-h-350 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

        /* 2) Afbeelding neemt volledige breedte */
        .min-h-350 > img {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            position: static !important; /* belangrijk zodat hij in flow zit */
            margin: 0 !important;
        }

        /* 3) Trek grid/kolommen open (de oorzaak dat je box smaller wordt) */
        .min-h-350 .col-lg-12,
        .min-h-350 .col-lg-6,
        .min-h-350 .col-xl-5,
        .min-h-350 .col-xxl-4 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
        }

        /* 4) Neutraliseer horizontale offsets/padding die de box smaller kunnen maken */
        .min-h-350 .mx-lg-7 {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        /* 5) List-group exact even breed als de afbeelding */
        .min-h-350 .list-group {
            width: 100% !important;
            max-width: 100% !important;
            margin-top: 0 !important; /* aansluitend onder de afbeelding */
        }

    .min-h-350 {
        display: flex !important;
        flex-direction: column !important;
        min-height: auto !important;
    }

        .min-h-350 > img {
            position: static !important;
            width: 100% !important;
            margin: 0 !important;
        }

        .mb-lg-n5 {
            margin-bottom: 0 !important; /* HIER zit de sleutel */
        }
    .mt-lg-5 {
        margin-top: 0 !important; /* HIER zit de sleutel */
    }
        .min-h-350 .list-group {
            width: 100% !important;
            margin-top: 0 !important;
        }


    .col-lg-8 {
        width: 95%;
    }
}

/*@media print {*/
    /* Links tonen als tekst */
    /*a::after {
        content: " (" attr(href) ")";
        font-size: 10pt;
    }*/

    /* Geen output voor anchors */
    /*a[href^="#"]::after {
        content: "" !important;
    }
    a[href^="#"] {
        content: "" !important;
        display: none !important;
    }*/

    /* GEEN () voor anchors zonder href */
    /*a:not([href])::after {
        content: "" !important;
    }

}*/
@media print {
    /* Standaard: toon volledige url uit data-print-url */

    /* externe links expliciet tonen */

    a[href^="http"]:not([href*="stlucas.be"])::after {
        content: "\A(" attr(href) ")";
        display: block;
        margin-left: 1em;
        font-size: 90%;
    }

    

    /* interne links NIET tonen */
    a[href^="/"]:after,
    a[href^="#"]:after {
        content: "";
    }


    /* Geen () voor anchors zonder href */
    a:not([href])::after,
    a[href^="#"]::after,
    a[href^="mailto:"]::after,
    a[href^="tel:"]::after,
    a[href^="javascript:"]::after {
        content: "" !important;
    }
    a[href^="#"] {
        display: none !important;
    }



    .card a {
        display: block !important;
    }

        .card a[href]:after {
            display: block;
            margin-top: 0.25rem;
        }

        .card a svg {
            display: none;
        }

    
}

@media print {

    /* Zorg dat de li de bullet kan positioneren */
    ul:not(.list-group):not(.list-unstyled):not(.list-arrow) li {
        position: relative !important;
        padding-left: 14pt !important; /* ruimte voor bullet */
		padding-top: 2px;
    }

        /* Vervang de gekleurde bol door een echte bullet */
        ul:not(.list-group):not(.list-unstyled):not(.list-arrow) li::before {
            content: "•" !important;
            position: absolute !important;
            left: 0 !important;
            top: 0.1em !important;
            color: #0875be !important;
            background: none !important;
            width: auto !important;
            height: auto !important;
            border-radius: 0 !important;
            transform: none !important;
        }

    
}