/* ==========================================
   STYLES D'IMPRESSION POUR LA PAGE ANNONCE
   Version professionnelle et optimisée
   ========================================== */

/* Masquer le footer d'impression en mode normal */
.print-footer-info {
    display: none !important;
}

/* Mode écran - s'assurer que les éléments sont visibles */
@media screen {
    .print-only {
        display: none !important;
    }
}

@media print {
    
    
    *, *::before, *::after {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
        box-shadow: none !important;
        text-shadow: none !important;
        animation: none !important;
        transition: none !important;
    }
    
    html, body {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 11pt !important;
        line-height: 1.5 !important;
        color: #1a1a1a !important;
        background: white !important;
        overflow: visible !important;
    }
    
    /* ==========================================
       ÉLÉMENTS À MASQUER - LISTE COMPLÈTE
       ========================================== */
    
    /* Header principal du site */
    header,
    .header,
    .site-header,
    .main-header,
    .navbar,
    .nav,
    nav:not(.breadcrumb),
    .navigation,
    .top-bar,
    .menu,
    .mobile-menu,
    
    /* Breadcrumb et indicateurs */
    .breadcrumb-section,
    .breadcrumb-section-premium,
    .breadcrumb,
    .offer-quick-indicators,
    .indicator,
    
    /* Texte SEO */
    .seo-intro-text,
    .seo-details-full,
    .seo-details-mobile,
    .seo-title,
    
    /* Badges en haut */
    .header-top-badges,
    .badge-top,
    .badge-new-premium,
    .badge-views,
    .badge-hot,
    
    /* Actions et boutons */
    .offer-actions-bar,
    .offer-actions-premium,
    .primary-action-wrapper,
    .secondary-actions,
    .btn,
    button,
    input[type="submit"],
    input[type="button"],
    a.btn,
    
    /* Stats badges */
    .stats-badge,
    .stats-badges-row,
    .btn-urgency,
    .btn-urgency-candidatures,
    
    /* Sections engagement et trust */
    .trust-bar-premium,
    .trust-bar,
    .trust-item,
    .social-proof-live,
    .social-proof,
    .engagement-section-premium,
    .engagement-section,
    
    /* Avantages */
    .benefits-section-premium,
    .benefits-section,
    
    /* CTA final */
    .offer-cta-final,
    .cta-final-premium,
    .cta-section,
    
    /* Sidebar */
    .offer-detail-sidebar,
    .sidebar,
    
    /* Offres similaires */
    .similar-offers-section,
    .similar-offers,
    .other-offers-section,
    .company-offers-section,
    .related-offers,
    
    /* Footer */
    footer,
    .footer,
    .site-footer,
    .main-footer,
    
    /* Éléments fixes */
    .scroll-top-btn,
    .back-to-top,
    .cookie-banner,
    .cookie-consent,
    .chat-widget,
    .floating-btn,
    
    /* Modals */
    .modal,
    .modal-overlay,
    .modal-backdrop,
    .share-modal,
    .report-modal,
    .candidature-modal,
    .login-modal,
    #shareModal,
    #reportModal,
    #candidatureModal,
    #loginModal,
    
    /* Toast et notifications */
    .toast-container,
    .toast,
    .notification,
    #toastContainer,
    
    /* Publicités */
    .newsletter-section,
    .newsletter,
    .ad-section,
    .pub-section,
    .advertisement,
    
    /* Scripts et iframes */
    script,
    noscript,
    iframe,
    
    /* Éléments spécifiques à cacher */
    .offer-header-gradient,
    .company-badge i.fa-star,
    .print-hide,
    .no-print,
    [data-noprint],
    
    /* Icônes dans les cartes info */
    .info-mini-card > i,
    .info-card-premium > i {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    
    .container,
    .wrapper,
    main,
    .main-content {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }
    
    .offer-detail-layout {
        display: block !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        grid-template-columns: 1fr !important;
    }
    
    .offer-detail-content {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* ==========================================
       EN-TÊTE DE L'OFFRE
       ========================================== */
    
    .offer-detail-header,
    .offer-header-premium {
        display: block !important;
        border: 2px solid #2563eb !important;
        border-radius: 0 !important;
        padding: 15px !important;
        margin: 0 0 20px 0 !important;
        background: #f8fafc !important;
        page-break-inside: avoid !important;
        position: relative !important;
    }
    
    .offer-header-content,
    .offer-header-premium-content {
        display: block !important;
    }
    
    /* Logo entreprise */
    .offer-company-logo-large,
    .offer-logo-premium {
        display: inline-block !important;
        width: 60px !important;
        height: 60px !important;
        margin-bottom: 10px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        vertical-align: top !important;
        float: left !important;
        margin-right: 15px !important;
    }
    
    .offer-company-logo-large img,
    .offer-logo-premium img,
    .company-logo-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    
    /* Titre */
    .offer-detail-title,
    .title-premium,
    h1 {
        font-size: 16pt !important;
        font-weight: 700 !important;
        color: #1e3a5f !important;
        margin: 0 0 8px 0 !important;
        line-height: 1.3 !important;
        display: block !important;
    }
    
    /* Entreprise */
    .offer-company-name,
    .company-premium {
        font-size: 12pt !important;
        font-weight: 600 !important;
        color: #2563eb !important;
        margin-bottom: 10px !important;
        display: block !important;
    }
    
    .company-badge {
        display: inline !important;
        background: none !important;
        padding: 0 !important;
        border: none !important;
        font-size: 12pt !important;
    }
    
    /* Informations méta */
    .offer-meta-info,
    .meta-premium {
        display: block !important;
        margin: 10px 0 !important;
        padding: 10px 0 !important;
        border-top: 1px solid #e2e8f0 !important;
        clear: both !important;
    }
    
    .meta-item,
    .meta-item-premium {
        display: inline-block !important;
        margin-right: 20px !important;
        margin-bottom: 5px !important;
        font-size: 10pt !important;
        color: #374151 !important;
        background: none !important;
        padding: 0 !important;
        border: none !important;
    }
    
    .meta-item i,
    .meta-item-premium i {
        display: inline !important;
        color: #2563eb !important;
        margin-right: 5px !important;
        font-size: 10pt !important;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
    }
    
    .meta-salary,
    .meta-item-premium.meta-salary {
        font-weight: 700 !important;
        color: #059669 !important;
    }
    
    .region {
        color: #6b7280 !important;
        font-size: 9pt !important;
    }
    
    /* Badges de l'offre */
    .offer-badges,
    .offer-badges-premium {
        display: block !important;
        margin-top: 10px !important;
        clear: both !important;
    }
    
    .offer-badges .badge,
    .offer-badges-premium .badge {
        display: inline-block !important;
        font-size: 9pt !important;
        padding: 2px 8px !important;
        margin-right: 5px !important;
        margin-bottom: 5px !important;
        border: 1px solid #d1d5db !important;
        border-radius: 3px !important;
        background: #f3f4f6 !important;
        color: #374151 !important;
    }
    
    /* ==========================================
       SECTIONS D'INFORMATION
       ========================================== */
    
    .section-block,
    .section-block-premium {
        margin: 15px 0 !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        page-break-inside: avoid !important;
    }
    
    .section-block h2,
    .section-block-premium h2,
    h2 {
        font-size: 13pt !important;
        font-weight: 700 !important;
        color: #1e3a5f !important;
        margin: 0 0 10px 0 !important;
        padding-bottom: 5px !important;
        border-bottom: 2px solid #2563eb !important;
    }
    
    .section-block h2 i,
    .section-block-premium h2 i {
        display: inline !important;
        visibility: visible !important;
        margin-right: 8px !important;
        color: #2563eb !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* Grille d'informations */
    .info-cards-grid {
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
        margin-bottom: 15px !important;
    }
    
    .info-mini-card,
    .info-card-premium {
        display: table-cell !important;
        width: 16.66% !important;
        padding: 8px !important;
        border: 1px solid #e2e8f0 !important;
        background: #f8fafc !important;
        vertical-align: top !important;
        text-align: center !important;
    }
    
    .info-label {
        display: block !important;
        font-size: 8pt !important;
        color: #6b7280 !important;
        text-transform: uppercase !important;
        margin-bottom: 3px !important;
    }
    
    .info-value {
        display: block !important;
        font-size: 9pt !important;
        font-weight: 600 !important;
        color: #1f2937 !important;
    }
    
    
    
    .offer-description-premium,
    .offer-description {
        margin: 15px 0 !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
    }
    
    .offer-description-premium h2,
    .offer-description h2 {
        font-size: 13pt !important;
        font-weight: 700 !important;
        color: #1e3a5f !important;
        margin: 0 0 10px 0 !important;
        padding-bottom: 5px !important;
        border-bottom: 2px solid #2563eb !important;
    }
    
    .offer-description-content,
    .description-content-premium,
    .description-text {
        font-size: 10pt !important;
        line-height: 1.5 !important;
        color: #374151 !important;
    }
    
    .offer-description-content p,
    .description-content-premium p {
        margin: 0 0 8px 0 !important;
    }
    
    .offer-description-content ul,
    .offer-description-content ol,
    .premium-list {
        margin: 8px 0 !important;
        padding-left: 20px !important;
    }
    
    .offer-description-content li,
    .premium-list li {
        margin-bottom: 4px !important;
        font-size: 10pt !important;
    }
    
    .offer-description-content h3,
    .offer-description-content h4,
    h3, h4 {
        font-size: 11pt !important;
        font-weight: 600 !important;
        color: #1e3a5f !important;
        margin: 12px 0 6px 0 !important;
    }
    
    /* ==========================================
       COMPÉTENCES
       ========================================== */
    
    .requirements-section-premium,
    .requirements-section,
    .job-characteristics-section {
        margin: 15px 0 !important;
        padding: 10px !important;
        border: 1px solid #e2e8f0 !important;
        background: #f8fafc !important;
        page-break-inside: avoid !important;
    }
    
    .requirements-section-premium h3,
    .job-characteristics-section h3 {
        font-size: 11pt !important;
        font-weight: 700 !important;
        color: #1e3a5f !important;
        margin: 0 0 8px 0 !important;
    }
    
    .requirements-list-premium,
    .requirements-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .requirement-item-premium,
    .requirement-item {
        margin-bottom: 5px !important;
        font-size: 10pt !important;
        padding-left: 15px !important;
        position: relative !important;
    }
    
    .requirement-item-premium::before,
    .requirement-item::before {
        content: "✓" !important;
        position: absolute !important;
        left: 0 !important;
        color: #059669 !important;
        font-weight: bold !important;
    }
    
    /* Caractéristiques */
    .characteristics-grid {
        display: block !important;
    }
    
    .characteristic-item {
        display: inline-block !important;
        width: 48% !important;
        font-size: 9pt !important;
        padding: 3px 0 !important;
        margin-bottom: 3px !important;
    }
    
    /* ==========================================
       INFORMATIONS SUPPLÉMENTAIRES
       ========================================== */
    
    .additional-info-section {
        margin: 15px 0 !important;
        padding: 10px !important;
        border: 1px solid #fbbf24 !important;
        background: #fefce8 !important;
        page-break-inside: avoid !important;
    }
    
    .additional-info-section h3 {
        font-size: 11pt !important;
        font-weight: 700 !important;
        color: #92400e !important;
        margin: 0 0 8px 0 !important;
    }
    
    /* ==========================================
       FOOTER D'IMPRESSION
       ========================================== */
    
    .print-footer-info {
        display: block !important;
        visibility: visible !important;
        margin-top: 25px !important;
        padding-top: 15px !important;
        border-top: 2px solid #2563eb !important;
        page-break-inside: avoid !important;
        text-align: center !important;
    }
    
    .print-footer-info p {
        margin: 3px 0 !important;
        font-size: 9pt !important;
        color: #4b5563 !important;
    }
    
    /* Supprimer le pseudo-élément */
    .offer-detail-content::after {
        display: none !important;
    }
    
    
    
    a {
        color: #2563eb !important;
        text-decoration: none !important;
    }
    
    a[href]::after {
        content: none !important;
    }
    
    
    
    h1, h2, h3 {
        page-break-after: avoid !important;
    }
    
    .offer-detail-header,
    .section-block,
    .offer-description-premium,
    .requirements-section-premium {
        page-break-inside: avoid !important;
    }
    
    /* ==========================================
       ÉLÉMENTS À AFFICHER EN IMPRESSION
       ========================================== */
    
    .print-only,
    .print-show {
        display: block !important;
        visibility: visible !important;
    }
}

@page {
    size: A4 portrait;
    margin: 12mm 10mm 15mm 10mm;
}

@page :first {
    margin-top: 8mm;
}