@media print {
    /* Configuration de la page A4 paysage */
    @page {
        size: A4 landscape;
        margin: 10mm;
    }

    /* Masquer les éléments inutiles */
    header, footer, nav, #menu, .form-container, .wpforms-container, .elementor-widget-sidebar, .elementor-widget-social-icons, .no-print, #print-button {
        display: none !important;
    }

    /* Réinitialisation pour tous les navigateurs */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        box-sizing: border-box;
    }

    /* Conteneur principal en deux colonnes */
    body {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 10pt !important;
        line-height: 1.2 !important;
        display: block !important; /* Utiliser "block" pour éviter les conflits avec flex */
    }

    /* Titre centré en haut de page */
    h1 {
        width: 100% !important;
        text-align: center !important;
        font-size: 14pt !important;
        margin: 0 0 10mm 0 !important;
        clear: both !important; /* Évite les chevauchements avec les colonnes */
    }

    /* Conteneur pour l'image (50% largeur) */
    .illustration {
        width: 48% !important;
        float: left !important;
        padding-right: 5mm !important;
        box-sizing: border-box !important;
    }

    /* Conteneur pour le texte (50% largeur) */
    .description {
        width: 48% !important;
        float: right !important;
        padding-left: 5mm !important;
        box-sizing: border-box !important;
    }

    /* Image : taille et positionnement */
    .illustration img {
        max-width: 75% !important;
        max-height: 180mm !important; /* Hauteur maximale pour A4 paysage */
        display: block !important;
    }

    /* Texte et paragraphes */
    .description p, .description ul, .description ol {
        font-size: 9pt !important; /* Taille réduite pour tout faire tenir */
        margin: 2mm 0 !important;
    }


    /* Forcer tout sur une seule page */
    html, body {
        height: auto !important;
        overflow: hidden !important;
    }
}
