/*
 * Feuille de style pour l'impression des articles
 * Masque tous les éléments inutiles (navigation, sidebar, boutons de partage)
 * Date: 6 janvier 2026
 */

@media print {
    /* FORCE: Masquer TOUS les éléments positionnés en absolu ou fixe (overlay, barres flottantes) */
    *[style*="position: fixed"],
    *[style*="position:fixed"],
    *[style*="position: absolute"],
    *[style*="position:absolute"] {
        display: none !important;
    }

    /* Masquer les éléments de navigation et interface */
    header,
    nav,
    footer,
    #menu,
    #footer_partenaire,
    #bouton_gotop,
    #wait,
    .navigation,
    .back,
    #modification {
        display: none !important;
    }

    /* Masquer le background du site (image Fitness Mag avec Dominique Dardé) */
    #bkg,
    #bkg_img {
        display: none !important;
    }

    /* Masquer la barre de réseaux sociaux en haut de page */
    .grand_network,
    ul.grand_network {
        display: none !important;
    }

    /* Masquer les colonnes latérales (cadres publicitaires, widgets) */
    .colonne,
    .cdroite,
    .cgauche,
    aside {
        display: none !important;
    }

    /* Masquer TOUS les boutons de partage social */
    /* Facebook */
    .fb-share-button,
    .fb-like,
    [class*="facebook"],
    [id*="facebook"],
    iframe[src*="facebook"],

    /* Twitter */
    .twitter-share-button,
    [class*="twitter"],
    [id*="twitter"],
    iframe[src*="twitter"],

    /* Google+ */
    .g-plusone,
    [class*="gplus"],
    [id*="gplus"],
    iframe[src*="google"],
    iframe[src*="plusone"],

    /* Instagram */
    [class*="instagram"],
    [id*="instagram"],

    /* Pinterest, LinkedIn, etc. */
    [class*="pinterest"],
    [class*="linkedin"],
    [class*="share"],
    [class*="social"],

    /* Barre de partage fixe/flottante (SimpleSh areButtons, AddThis, etc.) */
    [class*="simpleshare"],
    [class*="addthis"],
    [class*="sharethis"],
    [class*="social-bar"],
    [class*="floating-share"],
    [id*="simpleshare"],
    [id*="addthis"],
    [id*="sharethis"],

    /* Tous les iframes (widgets sociaux) */
    iframe {
        display: none !important;
    }

    /* Masquer le bouton "Imprimer la page" et "Envoyer à un ami" */
    a[onclick*="print"],
    a[onclick*="mtf"],
    [href*="mailto:"] {
        display: none !important;
    }

    /* Masquer l'image de couverture/diapo en haut d'article (grande image) */
    .article_diapo,
    img.article_diapo {
        display: none !important;
    }

    /* Masquer les infos auteur/date/note */
    .liste_info {
        display: none !important;
    }

    /* Masquer le titre H1 (sera remplacé par le titre dans le contenu) */
    h1.article_titre {
        display: none !important;
    }

    /* CIBLAGE ULTRA-SPÉCIFIQUE: Masquer UNIQUEMENT la première image de couverture */
    /* Masquer l'image dans le dossier BLOG (vignette de couverture) */
    img[src*="/bibliotheque/BLOG/vignette"] {
        display: none !important;
    }

    /* Masquer le premier <p> qui contient une image 400x225 */
    .pgauche > p:first-of-type img[style*="400"],
    .pdroite > p:first-of-type img[style*="400"] {
        display: none !important;
    }

    /* Masquer le deuxième <p> qui contient une image 400x225 (la grande couverture) */
    .pgauche > p:nth-of-type(2) img[style*="400"],
    .pdroite > p:nth-of-type(2) img[style*="400"] {
        display: none !important;
    }

    /* Si le paragraphe devient vide après masquage de l'image, le masquer aussi */
    .pgauche > p:nth-of-type(2):has(> strong > img[style*="400"]:only-child) {
        display: none !important;
    }

    /* Masquer tous les divs inline avec styles position absolute/fixed */
    div[style*="position"],
    span[style*="position"] {
        position: static !important;
    }

    /* Optimiser la mise en page pour l'impression */
    body {
        font-family: 'Georgia', 'Times New Roman', serif;
        font-size: 12pt;
        line-height: 1.5;
        color: #000;
        background: #fff;
    }

    /* Élargir le contenu principal pour occuper toute la largeur */
    #princ,
    #princsans,
    .pgauche,
    .pdroite {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    /* Titres optimisés pour l'impression */
    h1 {
        font-size: 20pt;
        page-break-after: avoid;
    }

    h2 {
        font-size: 16pt;
        page-break-after: avoid;
    }

    h3 {
        font-size: 14pt;
        page-break-after: avoid;
    }

    /* Images optimisées */
    img {
        max-width: 100%;
        page-break-inside: avoid;
    }

    /* Éviter les sauts de page dans les éléments */
    article,
    .article_preview,
    blockquote,
    pre {
        page-break-inside: avoid;
    }

    /* Afficher les URLs des liens en noir */
    a {
        color: #000;
        text-decoration: underline;
    }

    /* Optionnel : Afficher l'URL après chaque lien */
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 10pt;
        color: #666;
    }

    /* Ne pas afficher l'URL pour les liens internes */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    /* Forcer les couleurs de fond blanches (économie encre) */
    * {
        background: transparent !important;
        background-image: none !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        z-index: auto !important;
    }

    /* Reset tous les positionnements pour éviter les chevauchements */
    * {
        position: static !important;
        float: none !important;
        overflow: visible !important;
    }

    /* Exception: garder le flow normal du contenu */
    #princ,
    #princsans,
    .pgauche,
    .pdroite,
    article,
    p,
    h1, h2, h3, h4, h5, h6,
    ul, ol, li,
    img {
        position: relative !important;
        display: block !important;
    }

    /* Images inline pour rester dans le flux */
    img {
        display: inline-block !important;
    }

    /* Garder les bordures visibles */
    table,
    th,
    td {
        border: 1px solid #ddd !important;
    }
}