/* CSS PRINT OPTIMISÉ Basé sur les variables de thème et structures Elementor/Gutenberg */ @media print { /* 1. RESET GLOBAL POUR L'IMPRESSION */ *, *::before, *::after { background: transparent !important; color: #000 !important; /* Texte noir pour l'économie d'encre */ box-shadow: none !important; text-shadow: none !important; } :root { --wp--preset--color--text: #000000; --e-theme-text-color: #000000; /* On force les espacements pour éviter les chevauchements sur papier */ --wp--preset--spacing--60: 20px; --wp--preset--spacing--100: 40px; } body { font-family: "Google Sans Flex", -apple-system, sans-serif !important; font-size: 12pt; line-height: 1.5; background-color: #fff !important; margin: 0; padding: 0; } /* 2. ÉLÉMENTS À CACHER (UI, NAVIGATION, WIDGETS INUTILES) */ nav, header, footer, .elementor-nav-menu, .elementor-menu-toggle, .elementor-widget-button, .wp-block-button, .elementor-social-icons, .elementor-widget-social-icons, .wpcf7-form, /* Formulaires */ #comments, .admin-bar, aside { display: none !important; } /* 3. STRUCTURE ET MISE EN PAGE */ .elementor-section, .e-con, .container, .entry-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; display: block !important; /* On casse le flex pour éviter les coupures bizarres */ } /* 4. TYPOGRAPHIE */ h1, h2, h3, h4, h5, h6 { font-family: "Azonix", sans-serif !important; color: #000 !important; page-break-after: avoid; page-break-inside: avoid; margin-top: 20pt; margin-bottom: 10pt; } h1 { font-size: 24pt; } h2 { font-size: 18pt; } h3 { font-size: 14pt; } p, li { orphans: 3; /* Évite une ligne seule en bas de page */ widows: 3; /* Évite une ligne seule en haut de page */ } /* 5. GESTION DES MÉDIAS (IMAGES & ICONS) */ img { max-width: 100% !important; height: auto !important; page-break-inside: avoid; } /* Ratio images : on s'assure qu'elles ne prennent pas trop de place */ .u-ratio-square, .u-ratio-169, .u-ratio-43, .u-ratio-portrait { aspect-ratio: auto !important; height: auto !important; } /* 6. LIENS */ a { text-decoration: underline; color: #000 !important; } /* Optionnel : Afficher l'URL après le texte du lien */ /* a[href^="http"]:after { content: " (" attr(href) ")"; font-size: 90%; } */ /* 7. SAUTS DE PAGE */ .page-break { page-break-before: always; } /* Empêcher les coupures au milieu d'un bloc de texte important */ blockquote, pre, .elementor-widget-text-editor { page-break-inside: avoid; } }