/**
 * WP Pro Quiz - Fix icônes et couleurs v3.3.11
 * Force l'affichage correct des icônes FontAwesome 7
 */

/* ============================
   FORCE LES COULEURS DUOTONE
   ============================ */

/* Fix pour tous les FontAwesome Duotone */
.fa-duotone::before,
.fa-duotone::after {
    font-family: 'Font Awesome 7 Duotone', 'Font Awesome 6 Duotone', 'Font Awesome 5 Duotone' !important;
}

/* Éclair - Jaune doré PARTOUT */
.fa-bolt-lightning,
i.fa-bolt-lightning,
.fa-duotone.fa-bolt-lightning,
.wpProQuiz_content .fa-bolt-lightning,
.wpProQuiz_ai_content .fa-bolt-lightning,
.wpProQuiz_aiReviewResponse .fa-bolt-lightning {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
}

/* Stylo - Gris */
.fa-pen-to-square,
i.fa-pen-to-square,
.fa-duotone.fa-pen-to-square {
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
}

/* Route - Bleu */
.fa-route,
i.fa-route,
.fa-duotone.fa-route {
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
}

/* Outils - Gris */
.fa-tools,
i.fa-tools,
.fa-duotone.fa-tools {
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
}

/* Ampoule - Jaune */
.fa-lightbulb-on,
i.fa-lightbulb-on,
.fa-duotone.fa-lightbulb-on {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
}

/* ============================
   FIX SECTION COMBINÉE
   ============================ */

/* Force l'affichage de la section combinée */
.wpProQuiz_combined_section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force l'affichage du bouton */
.wpProQuiz_generate_vf_btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force l'affichage de la partie révision */
.wpProQuiz_revision_part {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================
   OVERRIDE DES STYLES PARASITES
   ============================ */

/* Icônes dans la section boost restent colorées */
.wpProQuiz_ai_last_paragraph i.fa-duotone {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
}

/* Force le titre blanc dans boost_section */
.wpProQuiz_boost_section h2,
.wpProQuiz_boost_section h2 * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* ============================
   STYLES SECTION BOOST
   ============================ */

/* Applique le style sombre avec image de fond à la section boost */
.wpProQuiz_boost_section {
    background: linear-gradient(135deg,rgba(17,24,39,0.82),rgba(3,7,18,0.82)), url('../img/Background ia.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    margin-bottom: 20px !important;
    backdrop-filter: saturate(140%) blur(6px) !important;
    -webkit-backdrop-filter: saturate(140%) blur(6px) !important;
}

/* Texte blanc dans la section boost */
.wpProQuiz_boost_section,
.wpProQuiz_boost_section * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Garde les icônes colorées même sur fond sombre */
.wpProQuiz_boost_section i.fa-bolt-lightning {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
}

/* ============================
   DEBUG - FORCE VISIBILITÉ
   ============================ */

/* S'assurer que tout est visible - FORCE ABSOLUE */
.wpProQuiz_combined_section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 200px !important;
    margin: 20px 0 !important;
    position: relative !important;
    z-index: 999 !important;
}

.wpProQuiz_aiReviewResponse .wpProQuiz_combined_section,
.wpProQuiz_ai_content .wpProQuiz_combined_section,
.wpProQuiz_content .wpProQuiz_combined_section,
.wpProQuiz_ai_msg .wpProQuiz_combined_section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force l'affichage même si caché par JavaScript */
.wpProQuiz_combined_section[style*="display:none"],
.wpProQuiz_combined_section[style*="display: none"] {
    display: block !important;
}

/* ============================
   STYLES RESPONSIVE MOBILE
   ============================ */

@media (max-width: 768px) {
    /* Section boost mobile */
    .wpProQuiz_boost_section {
        padding: 16px !important;
        border-radius: 12px !important;
        margin-bottom: 16px !important;
    }
    
    .wpProQuiz_boost_section h2 {
        font-size: 18px !important;
    }
    
    .wpProQuiz_boost_content {
        font-size: 14px !important;
        padding: 12px !important;
    }
    
    /* Section révision mobile */
    .wpProQuiz_revision_part {
        padding: 16px !important;
    }
    
    /* Section combinée mobile */
    .wpProQuiz_combined_section {
        margin: 16px auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }
    
    /* Fix pour section "Pour toi" original */
    .wpProQuiz_ai_content .wpProQuiz_ai_last_paragraph {
        padding: 16px !important;
        border-radius: 8px !important;
        margin: 12px 0 !important;
    }
}