@media print {
    @page {
        size: A4 portrait;
        margin: 1.2cm;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    body {
        background: #f4f6f3 !important;
        color: #333 !important;
        font-size: 10.5pt;
    }

    /* Hou prent kleure soos in style.css */
    .logo-img,
    .split img,
    .carousel-item img {
        filter: none !important;
    }

    /* Elemente wat met animasie en dus opacity van 0 oorspronklik -> opacity van 1 sodat vertoon */
    .split,
    .slide,
    .mini-slide,
    .carousel-item,
    [class*="fade"],
    [class*="Fade"] {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

    .slide,
    .mini-slide {
        display: block !important;
    }

    /* Vertoon alle prente en alle prent overlays */
    img,
    .hero::before,
    .intro::before,
    .bg-section::before {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Items bly langsmekaar vertoon soos in style.css */
    .split,
    .footer-container,
    .top-products-cards,
    .product-row,
    .prent-boks,
    .produk-prent{
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .split-text,
    .split-image,
    .footer-left,
    .footer-right {
        min-width: 0 !important;
        flex: 1 1 0 !important;
    }

    /* Spasie tussen split rye */
    .split{
        margin-bottom: -27.5px !important;
    }

    .split-text{
        margin: auto !important;
    }

    /* Gallery spesifiek sodat teks nie agter prente is */
    #GalerySplit .split-image{
        margin: 40px auto !important;
        padding: 17px !important;
    }


    /* Maak seker footer bly flex sodat flex properties op kan toepas op kinders (links en regs eweredig spasie deel) */
    .footer-container {      
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;   
        align-items: flex-start !important;
        gap: 30px !important;                       
        width: 100% !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        margin: auto -5px !important;   /* Sodat linker deel nie regter deel squish */
    }

    .footer-left,
    .footer-right {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .footer-copyright{
        margin-top: 2px !important;
    }

    /* Tabel moet op blad pas */
    table {
        width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        font-size: 9.5pt;
    }

    thead {
        display: table-header-group;
    }

    tr,
    td,
    th {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        word-break: break-word !important;
        white-space: normal !important;
    }

    th,
    td {
        padding: 6px 8px !important;
    }

    /* klasse moet nie oor bladsy verdeel word a.g.v page break nie */
    .afdeling,
    .content-houer,
    .logo-blok,
    .bg-section,
    .form-container,
    .hr-afdeling-titel,
    .afdeling-titel-blok,
    blockquote,
    .nommer-item,
    .regmerkie-item,
    .rooster-regmerkie-item,
    .mini-gallery {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    /* Vorm beter op A4 pas */
    .form-container{
        margin: -10px auto;
    }
    
    .form-container h2{
        margin-bottom: 0 !important;
    }

    .form-group {
        margin-bottom: 2px !important;
    }

    textarea{
        margin-bottom: 4px !important;
    }

    .add-btn{
        margin-top: -20px !important;
    }
    
    /* Wys alle kieslys opsies */
    select {
        height: auto !important;
    }

    select option {
        display: block !important;
        color: #333 !important;
    }

    .print-product-row {
        display: grid;
        grid-template-columns: 1fr 120px;
        gap: 10px;
        align-items: center;
        margin-bottom: 0.4rem;
    }

    /* Produkte ry houer */
    .print-product-row input {
        border: 1px solid #999 !important;
        border-radius: 4px !important;
        min-height: 28px !important;
        margin-bottom: 3px !important;
    }

    /* Maak seker submit knoppie wys */
    #submitBtn {
        display: block !important;
        margin-top: -8px !important;
    }

    #Kontak .form-container h2{
        margin-top: -10px !important;
        font-size: 23px !important;
    }

    #Kontak .form-group{
        margin: 0px;
    }

    /* Wys nie die volgende klasse nie */
    header,
    nav,
    #topBtn,
    #topBtn:hover,
    .menu-toggle,
    .arrow,
    .carousel-arrow,
    .mini-arrow,
    .dots {
        display: none !important;
    }

    /* Sit lys ondermekaar sodat nie afsny aan kante */
    .nommer-lys {
        grid-template-columns: 1fr !important;
        margin: 10px 0 !important;
        gap: 10px !important;
        width: 100% !important;
        font-size: 9.2pt !important;
    }

    .nommer-item {
        padding: 10px 12px !important;
    }

    .nommer-ikoon {
        width: 28px !important;
        height: 28px !important;
        font-size: 0.85rem !important;
    }

    /* Boerdery rooster se lys se spasie aanpas sodat eerste rooster nie oorstrek na 2de blad */
    .boerdery-rooster li{
        margin-bottom: 13px;
        line-height: 20px;
    }

     /* Maak dat prent en teksboks bo op mekaar vertoon soos in style.css */
    #Bestuursbenadering .prent-boks,
    #Bestuursbenadering .prent-boks img,
    #Bestuursbenadering .text-box {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 12px;
        padding: 13px 20px !important;
    }

    #Bestuursbenadering .text-box {
        margin-top: -40px !important;
    }

    /* Pas aan sodat op 1 bladsy saam hero pas */
    .intro{
        padding: 120px 20px !important;
    }

    /* Sodat remerkies nader aan hr is - reg onder hr is */
    .regmerkie-lys{
        margin-top: -10px !important;
    }

    /* Bullets binne stippel blok mooi is */
    .afdeling-titel-blok li{
        margin-left: 23px !important;
    }

    /* Definisielys spasie onder */
    .waardes-definisie {
        margin-bottom: -5px !important;
    }
}