/* ==========================================================================
   FEUILLE DE STYLE - AUDIT FLASH IMEDIA
   Gère l'interface web (UI) et la structure du document PDF (Dompdf)
   ========================================================================== */

/* --- RESET & BASES --- */

/* Reset global pour éviter les débordements de largeur */
* { box-sizing: border-box; }

/* Styles spécifiques au Plugin WordPress */
.imedia-audit-container { max-width: 50%; margin: 20px auto; }

/* --- PROTECTION ANTI-COPIE --- */
.no-copy {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* --- MODALE (POP-UP) --- */
.imedia-modal-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.85);
    z-index: 9999999; /* Augmenté pour garantir le premier plan */
    display: flex;
    align-items: center;
    justify-content: center;
}

.imedia-modal-content {
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    max-width: 80%;
    width: 80%;
    position: relative;
    max-height: 70vh; /* Réduit de 90vh à 70vh */
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.imedia-modal-close {
    position: absolute;
    top: 15px; right: 20px;
    font-size: 30px;
    cursor: pointer;
    color: #333;
}

/* --- ANIMATION CHARGEMENT --- */
.loading-btn { opacity: 0.7; pointer-events: none; }

/* --- FORMULAIRE DE TEST --- */

input { display: block; width: 100%; margin-bottom: 15px; padding: 12px; border: 1px solid #ccc; border-radius: 4px; }
button { background: #007bff; color: white; border: none; padding: 12px 20px; cursor: pointer; border-radius: 4px; font-weight: bold; width: 100%; }
button:hover { background: #0056b3; }
button#btn-plus { background: #6c757d; margin-top: 20px; }

/* --- AFFICHAGE DES RÉSULTATS (WEB) --- */

.error { color: #721c24; background-color: #f8d7da; padding: 10px; margin-top: 20px; border: 1px solid #f5c6cb; }
.result { background: #f9f9f9; padding: 25px; margin-top: 30px; border: 1px solid #ddd; border-left: 8px solid #007bff; border-radius: 4px; }
.score { font-size: 1.6em; color: #007bff; font-weight: bold; margin-bottom: 20px; text-align: center; }
.section { margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.section h3 { margin: 0 0 10px 0; color: #111; font-size: 1.2em; }

/* --- ÉLÉMENTS DE CONVERSION (WEB) --- */

.locked-solution { background: #f0f0f0; color: #666; padding: 12px; font-size: 0.9em; border-radius: 4px; border: 1px dashed #bbb; margin-top: 10px; }
.cta-pdf { background: #28a745; color: white; padding: 20px; text-align: center; margin-top: 25px; border-radius: 6px; }
.contact-imedia { background: #eefbff; border-left: 4px solid #17a2b8; padding: 12px; margin-top: 10px; font-size: 0.95em; color: #0c5460; border-radius: 4px; }
.contact-imedia a { color: #007bff; font-weight: bold; text-decoration: underline; }
.btn-download { display: inline-block; background: #dc3545; color: white; padding: 12px 25px; text-decoration: none; border-radius: 4px; margin-top: 15px; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.btn-download:hover { background: #c82333; }

/* --- STYLES SPÉCIFIQUES AU RAPPORT PDF (Dompdf) --- */

/* En-tête du PDF */
.pdf-header { text-align: center; border-bottom: 2px solid #007bff; padding-bottom: 20px; margin-bottom: 30px; }
.pdf-logo { font-size: 28px; font-weight: bold; color: #007bff; }
.pdf-title { font-size: 20px; color: #555; margin-top: 5px; }
.pdf-url { color: #888; font-size: 14px; }

/* Boîte de Score PDF */
.pdf-score-box { background: #f8f9fa; padding: 20px; text-align: center; border-radius: 10px; margin-bottom: 30px; border: 1px solid #eee; }
.pdf-score-value { font-size: 40px; font-weight: bold; color: #007bff; }

/* Sections d'Audit PDF */
.pdf-section { margin-bottom: 25px; page-break-inside: avoid; }
.pdf-section-title { 
    font-size: 18px; 
    color: #007bff; 
    border-bottom: 1px solid #eee; 
    padding-bottom: 5px; 
    margin-bottom: 10px; 
    text-transform: uppercase; 
    font-weight: bold;
}

/* Libellés et Boîtes de recommandation PDF */
.pdf-label { font-weight: bold; color: #555; }
.pdf-solution-box { 
    background: #e7f3ff; 
    padding: 15px; 
    border-left: 4px solid #007bff; 
    margin-top: 10px; 
    font-style: italic;
}

/* Pied de page PDF */
.pdf-footer { position: fixed; bottom: 0; width: 100%; text-align: center; font-size: 11px; color: #aaa; border-top: 1px solid #eee; padding-top: 10px; }