/*
 * mdcf-print.css — Template d'impression MDCF
 * Chargé uniquement en media="print" via wp_enqueue_style
 */

@media print {

    /* =========================================================
       §1. PAGE — format papier
    ========================================================= */
    @page {
        size: A4 portrait;
        margin: 15mm 12mm 18mm;
    }

    /* =========================================================
       §2. RESET GLOBAL
    ========================================================= */
    *,
    *::before,
    *::after {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
        transition: none !important;
        animation: none !important;
    }


    body {
        background: #fff !important;
        color: #000 !important;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 10.5pt;
        line-height: 1.5;
        overflow-x: visible !important;
    }

    img {
        max-width: 100% !important;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* =========================================================
       §3. TYPOGRAPHIE
    ========================================================= */
    body,
    p,
    li,
    td {
        color: #000 !important;
        font-size: 10.5pt;
        orphans: 3;
        widows: 3;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000 !important;
        page-break-after: avoid;
        break-after: avoid;
    }

    h1 { font-size: 18pt; }
    h2 { font-size: 14pt; }
    h3 { font-size: 12pt; }
    h4, h5, h6 { font-size: 10.5pt; }

    /* =========================================================
       §4. MASQUAGES GLOBAUX
    ========================================================= */
    /* Header / footer Astra (y compris breadcrumb et mobile drawer) */
    .site-header,
    .ast-site-header-wrap,
    .main-header-bar,
    .ast-header-breadcrumb,
    .ast-breadcrumbs-wrapper,
    .ast-breadcrumbs,
    #ast-mobile-popup,
    .ast-mobile-popup-overlay,
    .ast-mobile-popup-drawer,
    .site-footer,
    .footer-widget-area,
    .ast-footer-row,
    #ast-scroll-top,

    /* Cookie, modales, popups */
    .mdcf-cookie-consent,
    #mdcf-send-pdf-modal,
    .mdcf-popup,
    .mdcf-popup-overlay,

    /* Sidebar interactive */
    .mdcf-sidebar-actions,
    .mdcf-sidebar-toc,

    /* Boutons sale-box */
    .mdcf-sale-box__actions,
    .mdcf-sale-box__icon,

    /* Hero — fond coloré + formulaires */
    .mdcf-hero-search__bg,
    .mdcf-hero-search__ajax,
    .mdcf-hero-search__results,
    .mdcf-hero-search__form,
    .mdcf-hero-search__filter,

    /* Partage */
    .mdcf-share-dropdown,
    .mdcf-share-wrap,

    /* Formations connexes en bas de page (grid lourd) */
    .mdcf-section--no-border,

    /* Articles similaires (cards avec images) */
    .mdcf-home-news__grid,

    /* Flèche décorative */
    .mdcf-related-item__arrow,

    /* Sections homepage inutiles sur papier */
    .mdcf-home-news,
    .mdcf-cta,
    .mdcf-home-domains,
    .mdcf-hero-search__icon,
    .mdcf-domain-formation-row__meta {
        display: none !important;
    }

    /* Masquages renforcés — éléments avec position:fixed ou spécificité élevée
       On cumule display, visibility, opacity et on annule le position:fixed
       pour neutraliser ce que le JS ou le CSS screen peut forcer */
    .mdcf-consent-banner,
    .mdcf-consent-banner.is-visible,
    .mdcf-consent-modal,
    .mdcf-consent-modal.is-open,
    .masterstudy-authorization-modal,
    #ast-mobile-popup,
    .ast-mobile-popup-overlay,
    .ast-mobile-popup-drawer,
    #mdcf-consent-modal {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: static !important;
        height: 0 !important;
        overflow: hidden !important;
        min-height: 0 !important;
    }

    /* Breadcrumb Astra — peut vivre hors de .site-header dans certains layouts */
    .ast-breadcrumbs-wrapper,
    .ast-breadcrumbs,
    .main-header-bar {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* =========================================================
       §5–6. EN-TÊTE D'IMPRESSION — bannière hero unifiée
              Logo + titre + sous-titre dans un seul bloc
    ========================================================= */

    /* Logo intégré au-dessus du titre via ::before sur le hero.
       Propriétés individuelles avec !important pour surcharger le reset global. */
    .mdcf-hero-search::before {
        content: "" !important;
        display: block !important;
        width: 100% !important;
        height: 36pt !important;
        background-image: url('../img/Logo-esp-client-90.png') !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-size: auto 32pt !important;
        background-color: transparent !important;
        margin-bottom: 8pt !important;
    }

    .mdcf-hero-search {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 0 12pt !important;
        border-bottom: 1.5pt solid #203745;
        margin-bottom: 16pt;
        min-height: auto !important;
    }

    .mdcf-hero-search__container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .mdcf-hero-search__content {
        padding: 0 !important;
        max-width: 100% !important;
    }

    .mdcf-hero-search__title {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 20pt !important;
        color: #000 !important;
        text-align: left !important;
        margin: 0 0 4pt !important;
    }

    .mdcf-hero-search__subtitle {
        font-size: 10pt !important;
        color: #444 !important;
        text-align: left !important;
        margin: 0 !important;
    }

    /* =========================================================
       §7. FORMATION / PRESTATION / WEBINAIRE
          Layout 2 colonnes → 1 colonne, sidebar en premier
    ========================================================= */

    /* Layout : flex colonne */
    .mdcf-single-formation__layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .mdcf-single-formation__main {
        width: 100% !important;
        max-width: 100% !important;
        order: 2;
    }

    /* Sidebar avant le contenu principal */
    .mdcf-single-formation__sidebar {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
        float: none !important;
    }

    .mdcf-single-formation__sidebar-sticky {
        position: static !important;
        top: auto !important;
    }

    /* Sale-box : encadré compact avec infos clés */
    .mdcf-sale-box {
        margin-bottom: 0 !important;
    }

    .mdcf-sale-box__inner {
        border: 1pt solid #203745 !important;
        padding: 8pt 12pt !important;
        margin-bottom: 16pt !important;
        page-break-inside: avoid;
        break-inside: avoid;
        display: block !important;
    }

    .mdcf-sale-box__infos {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-bottom: 0 !important;
    }

    .mdcf-sale-box__row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: baseline !important;
        padding: 4pt 0 !important;
        border-bottom: 0.5pt solid #ddd !important;
        font-size: 9.5pt !important;
        gap: 8pt !important;
    }

    .mdcf-sale-box__row:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .mdcf-sale-box__meta {
        display: flex !important;
        align-items: baseline !important;
        gap: 4pt !important;
    }

    .mdcf-sale-box__label {
        font-weight: 700 !important;
        color: #000 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 9pt !important;
    }

    .mdcf-sale-box__value {
        color: #222 !important;
        text-align: right !important;
        font-size: 9.5pt !important;
    }

    /* Webinaire — replay label */
    .mdcf-webinaire-replay-label {
        font-size: 9pt !important;
        font-weight: 700 !important;
        color: #203745 !important;
        margin-bottom: 6pt !important;
    }

    /* Image hero */
    .mdcf-formation-hero {
        margin-bottom: 12pt !important;
    }

    .mdcf-formation-hero__image img {
        max-height: 180pt !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .mdcf-formation-hero__description {
        margin-top: 8pt !important;
    }

    /* Sections éditoriales */
    .mdcf-section {
        border-left: 2pt solid #203745 !important;
        padding-left: 8pt !important;
        margin-top: 16pt !important;
        margin-bottom: 0 !important;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .mdcf-section h2 {
        margin-top: 0 !important;
        margin-bottom: 6pt !important;
    }

    .mdcf-section-block {
        margin-bottom: 10pt !important;
    }

    .mdcf-wysiwyg ul,
    .mdcf-wysiwyg ol {
        padding-left: 16pt !important;
    }

    .mdcf-wysiwyg li {
        margin-bottom: 2pt !important;
    }

    /* Vidéo webinaire — remplacer par lien texte */
    .mdcf-webinaire-video__embed {
        display: none !important;
    }

    .mdcf-webinaire-video__fallback {
        display: block !important;
        font-size: 9pt !important;
    }

    /* =========================================================
       §8. ARTICLE DE BLOG (single-post)
    ========================================================= */
    .mdcf-single-post .mdcf-article {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mdcf-article__content {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Section "Contenu annexe" — garder en liste textuelle */
    .mdcf-article__related {
        border-top: 1pt solid #ccc !important;
        margin-top: 16pt !important;
        padding-top: 12pt !important;
    }

    .mdcf-article__related-title {
        font-size: 12pt !important;
        margin-bottom: 8pt !important;
    }

    .mdcf-article__related-list {
        display: block !important;
    }

    .mdcf-related-item {
        display: block !important;
        padding: 6pt 0 !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 0.5pt solid #eee !important;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .mdcf-related-item:last-child {
        border-bottom: none !important;
    }

    .mdcf-related-item__type {
        display: inline-block !important;
        font-size: 8pt !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        background: transparent !important;
        border: 0.5pt solid #203745 !important;
        padding: 1pt 5pt !important;
        margin-right: 6pt !important;
        color: #203745 !important;
        font-family: Arial, Helvetica, sans-serif !important;
    }

    .mdcf-related-item__title {
        font-weight: 700 !important;
        font-size: 10pt !important;
        color: #000 !important;
    }

    .mdcf-related-item__excerpt {
        display: block !important;
        font-size: 9pt !important;
        color: #555 !important;
        margin-top: 2pt !important;
    }

    .mdcf-related-item__body {
        display: block !important;
    }

    /* =========================================================
       §9. HOMEPAGE
    ========================================================= */

    /* Neutraliser les sections full-width avec fond sombre */
    .mdcf-home-featured-formations {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12pt 0 !important;
        border-top: 1pt solid #203745 !important;
    }

    .mdcf-home-featured-formations__title {
        color: #000 !important;
        font-size: 14pt !important;
        margin-bottom: 8pt !important;
    }

    .mdcf-home-featured-formations__grid {
        display: block !important;
    }

    .mdcf-home-featured-card {
        page-break-inside: avoid;
        break-inside: avoid;
        border: 0.5pt solid #ccc !important;
        padding: 6pt 8pt !important;
        margin-bottom: 6pt !important;
        display: block !important;
    }

    .mdcf-home-featured-card__img {
        display: none !important;
    }

    .mdcf-home-featured-card__title {
        font-size: 11pt !important;
        font-weight: 700 !important;
        color: #000 !important;
        margin: 0 0 3pt !important;
    }

    .mdcf-home-featured-card__excerpt {
        font-size: 9pt !important;
        color: #444 !important;
    }

    /* Blocs Gutenberg */
    .entry-content .wp-block-group,
    .entry-content .wp-block-columns {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* =========================================================
       §10. URLS DES LIENS dans le contenu éditorial
    ========================================================= */
    .mdcf-wysiwyg a[href]::after,
    .mdcf-article__content a[href]::after,
    .mdcf-formation-hero__description a[href]::after,
    .entry-content a[href]::after {
        content: " (" attr(href) ")";
        font-size: 8pt;
        color: #555 !important;
        word-break: break-all;
        font-family: Georgia, serif !important;
    }

    /* Exceptions — ancres internes et sale-box */
    .mdcf-wysiwyg a[href^="#"]::after,
    .mdcf-wysiwyg a[href^="javascript"]::after,
    .mdcf-article__content a[href^="#"]::after,
    .entry-content a[href^="#"]::after,
    .mdcf-sale-box a::after,
    .mdcf-related-item a::after {
        content: none !important;
    }

    /* =========================================================
       §11. PAGE BREAKS
    ========================================================= */
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        break-after: avoid;
    }

    .mdcf-section,
    .mdcf-sale-box__inner,
    .mdcf-related-item,
    .mdcf-home-featured-card,
    .mdcf-formation-hero,
    .mdcf-section-block {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* Eviter une coupure entre le titre et son contenu */
    .mdcf-section h2 + .mdcf-wysiwyg {
        page-break-before: avoid;
        break-before: avoid;
    }

    /* Conteneur principal — pas de coupure parasite */
    .ast-container {
        overflow: visible !important;
    }

}