/* * print.css * Styles d'impression pour le thème Belleza Pithiviers. * Généré depuis main.css + styles.css * ------------------------------------------------------------------- * Usage : <link rel="stylesheet" href="print.css" media="print"> * OU : @media print { … } dans votre feuille principale. * ------------------------------------------------------------------- */ @media print { /* ─── 1. RESET IMPRESSION ─────────────────────────────────────── */ *, *::before, *::after { background: transparent !important; background-image: none !important; box-shadow: none !important; text-shadow: none !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* ─── 2. MISE EN PAGE ─────────────────────────────────────────── */ @page { margin: 2cm 1.5cm; size: A4 portrait; } html, body { width: 100%; font-size: 11pt; line-height: 1.5; color: #000 !important; background: #fff !important; } /* Évite les coupures de page au milieu d'un bloc */ p, h1, h2, h3, h4, h5, h6, blockquote, figure, .wp-block-group, .tm-card-item, .e-con { orphans: 3; widows: 3; page-break-inside: avoid; } h1, h2, h3 { page-break-after: avoid; } /* ─── 3. ÉLÉMENTS CACHÉS À L'IMPRESSION ─────────────────────── */ /* Navigation et header interactif */ header #barre-menu, .site-navigation-wrapper, #site-navigation, .nav-toggle-open, .nav-toggle-close, .sub-menu, .header-social-wrap, .header-cta, /* Footer et éléments non-contenus */ footer .footer-social-wrap, .eco-badge-container-light, .eco-badge-container-dark, /* Overlays, parallax, décos visuelles */ .image-switcher::before, .e-con.has-parallax .elementor-widget-image, .banner-content::before, .banner-content::after, .elementor-widget-image.deco::after, .tm-card-item::before, /* Boutons et CTA */ .diapo-cta-buttons, .wp-block-button, .elementor-button, .btn-wrap, .btn-mag, .card-link, /* Éléments cachés génériques */ [aria-hidden="true"], .screen-reader-text, .skip-link { display: none !important; } /* ─── 4. HEADER SIMPLIFIÉ ─────────────────────────────────────── */ header .site-banner { margin-top: 0 !important; min-height: auto !important; max-height: none !important; } header .site-banner .banner-content { position: static !important; padding: 0 0 1rem !important; text-align: left; } /* Logo visible à l'impression */ .mag-logo-wrap, .site-logo-wrapper { position: static !important; transform: none !important; opacity: 1 !important; left: auto !important; top: auto !important; } /* ─── 5. CONTENEURS & GRILLES ─────────────────────────────────── */ main { padding-inline: 0 !important; width: 100% !important; } .e-con, .e-con-inner, .wp-block-group, .wp-block-columns { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; min-height: auto !important; } /* Parallax neutralisé */ .e-con.has-parallax { position: static !important; overflow: visible !important; min-height: auto !important; } /* Cartes en pleine largeur */ .tm-card-item { outline: 1pt solid #ccc !important; page-break-inside: avoid; margin-bottom: 1rem; } /* ─── 6. TYPOGRAPHIE ──────────────────────────────────────────── */ h1 { font-size: 22pt; } h2 { font-size: 18pt; } h3 { font-size: 15pt; } h4 { font-size: 13pt; } p, li, td, th { font-size: 11pt; } /* Supprime les espacements fluides/clamp en impression */ :root { --section-pt: 1.5rem; --section-pb: 1.5rem; --space-lg: 1.5rem; --space-xl: 2rem; --space-xxl: 2rem; --container-padding-x: 0px; } /* ─── 7. LIENS ────────────────────────────────────────────────── */ a, a:visited { color: #000 !important; text-decoration: underline; } /* Affiche les URL après les liens (sauf ancres et JS) */ a[href]:not([href^="#"]):not([href^="javascript"])::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; word-break: break-all; } /* ─── 8. IMAGES ───────────────────────────────────────────────── */ img { max-width: 100% !important; height: auto !important; page-break-inside: avoid; /* Suppression des masques décoratifs */ -webkit-mask-image: none !important; mask-image: none !important; filter: none !important; outline: none !important; object-fit: contain !important; } figure { page-break-inside: avoid; } /* SVG inline */ svg { max-width: 100%; filter: none !important; } /* ─── 9. TABLEAUX ─────────────────────────────────────────────── */ table { border-collapse: collapse; width: 100%; } th, td { border: 1pt solid #999; padding: 4pt 6pt; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } /* ─── 10. DIVERS ──────────────────────────────────────────────── */ /* Séparateurs */ hr, .wp-block-separator, .is-divider { border: none; border-top: 1pt solid #ccc; margin: 1rem 0; } /* Éco-badge simplifié si présent */ .eco-badge-light, .eco-badge-dark { border: 1pt solid #ccc !important; border-radius: 0 !important; box-shadow: none !important; padding: 4pt 8pt !important; color: #000 !important; } /* Supprime les transitions et animations */ * { transition: none !important; animation: none !important; will-change: auto !important; } }