/**
 * WP Pro Quiz - Fix FontAwesome Duotone Colors
 * Version: 3.3.9
 * Correction des couleurs duotone qui ne s'affichent pas en inline
 */

/* ============================
   FIX DUOTONE ICONS COLORS
   ============================ */

/* Éclair (Ton boost final) - Jaune doré */
.fa-bolt-lightning {
    --fa-primary-color: #fbbf24 !important;
    --fa-secondary-color: #fb923c !important;
    --fa-secondary-opacity: 0.7 !important;
    color: #fbbf24 !important;
}

.wpProQuiz_ai_last_paragraph .fa-bolt-lightning,
.wpProQuiz_combined_section .fa-bolt-lightning,
.wpProQuiz_boost_section .fa-bolt-lightning,
.wpProQuiz_ai_content .fa-bolt-lightning,
.wpProQuiz_aiReviewResponse .fa-bolt-lightning {
    --fa-primary-color: #fbbf24 !important;
    --fa-secondary-color: #fb923c !important;
    --fa-secondary-opacity: 0.7 !important;
    color: #fbbf24 !important;
}

/* Stylo (Quiz révision) - Gris */
.wpProQuiz_revision_icon .fa-pen-to-square {
    --fa-primary-color: #6b7280 !important;
    --fa-secondary-color: #9ca3af !important;
    --fa-secondary-opacity: 0.5 !important;
    color: #6b7280 !important;
}

/* Outils (Conseils actionnables) - Gris */
.wpProQuiz_ai_content .fa-tools {
    --fa-primary-color: #6b7280 !important;
    --fa-secondary-color: #9ca3af !important;
    --fa-secondary-opacity: 0.5 !important;
    color: #6b7280 !important;
}

/* Ampoule (Idées) - Jaune */
.wpProQuiz_ai_content .fa-lightbulb-on {
    --fa-primary-color: #fbbf24 !important;
    --fa-secondary-color: #fb923c !important;
    --fa-secondary-opacity: 0.7 !important;
    color: #fbbf24 !important;
}

/* Fix général pour tous les duotone dans l'analyse IA */
.wpProQuiz_aiReviewResponse .fa-duotone {
    opacity: 1 !important;
}

/* S'assurer que les icônes sont bien visibles */
.wpProQuiz_ai_last_paragraph i,
.wpProQuiz_combined_section i,
.wpProQuiz_revision_part i {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Fix pour la section quiz révision qui pourrait être cachée */
.wpProQuiz_revision_part {
    display: block !important;
}

.wpProQuiz_generate_vf_btn {
    display: inline-block !important;
    margin-top: 15px !important;
    padding: 10px 20px !important;
    background: linear-gradient(145deg, #ffcc00, #ffbc3f) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    transition: transform 0.2s !important;
}

.wpProQuiz_generate_vf_btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(255, 188, 63, 0.3) !important;
}