/* ============================================================
   SMIC-HORAIRE.FR Blog — custom.css v5
   ============================================================ */

/* 1. H2 — soulignement bleu */
.article-content h2 {
    border-bottom: 3px solid #1A56DB !important;
}

/* 2. TOUS LES ENCADRÉS WWC — fond bleu pastel + padding correct */
.wwc {
    padding: 16px 20px !important;
    margin: 20px 0 !important;
}

/* Supprimer les icônes/pictos générés par wwc.min.css qui chevauchent le titre */
.wwc::before,
.wwc-title::before,
.wwc-info::before,
.wwc-warning::before,
.wwc-tip::before,
.wwc-steps::before {
    display: none !important;
    content: none !important;
}

/* 3. ENCADRÉ "L'ESSENTIEL" — fond bleu pastel */
.article-content .wwc:not(.wwc-info):not(.wwc-warning):not(.wwc-widget):not(.wwc-grid):not(.wwc-column):not(.wwc-steps):not(.wwc-tip) {
    background: #F0F4FF !important;
    border-left: 4px solid #1A56DB !important;
    border-radius: 0 10px 10px 0 !important;
}

/* 4. INFO BOX — fond bleu pastel */
.wwc.wwc-info {
    background: #F0F4FF !important;
    border-left: 4px solid #1A56DB !important;
    border-radius: 0 10px 10px 0 !important;
}
.wwc.wwc-info .wwc-title {
    color: #1A56DB !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
}

/* 5. WARNING BOX — fond jaune */
.wwc.wwc-warning {
    background: #FEF3C7 !important;
    border-left: 4px solid #D97706 !important;
    border-radius: 0 10px 10px 0 !important;
}
.wwc.wwc-warning .wwc-title {
    color: #D97706 !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
}

/* 6. TIP BOX — fond vert */
.wwc.wwc-tip {
    background: #E1F5EE !important;
    border-left: 4px solid #0E7C54 !important;
    border-radius: 0 10px 10px 0 !important;
}

/* 7. STEPS */
.wwc.wwc-steps {
    background: #F0F4FF !important;
    border-left: 4px solid #1A56DB !important;
    border-radius: 0 10px 10px 0 !important;
}

/* 8. WIDGET */
.wwc.wwc-widget {
    border: 2px solid #1A56DB !important;
    border-radius: 10px !important;
    padding: 0 !important;
}
.wwc.wwc-widget .wwc-header {
    background: #1A56DB !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 12px 16px !important;
}
.wwc.wwc-widget .wwc-body {
    padding: 16px !important;
}
.wwc.wwc-widget .wwc-footer {
    padding: 16px !important;
}
.wwc.wwc-widget .wwc-title {
    color: white !important;
}

/* 9. GRILLE */
.wwc.wwc-grid {
    border: 2px solid #1A56DB !important;
    border-radius: 10px !important;
    padding: 16px !important;
}

/* 10. AUDIO — ne pas toucher, laisser le style natif */
.wp-audio-player {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

/* 11. FAQ ACCORDÉON */
.faq-section { margin: 24px 0; }
.faq-question {
    cursor: pointer !important;
    padding: 14px 18px !important;
    background: #F0F4FF !important;
    color: #1A56DB !important;
    font-size: .95rem !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    margin-bottom: 4px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border: 1px solid #BDCFFA !important;
    transition: background 0.2s !important;
}
.faq-question:hover { background: #BDCFFA !important; }
.faq-question::after {
    content: '+' !important;
    font-size: 1.4rem !important;
    font-weight: 300 !important;
    color: #1A56DB !important;
    flex-shrink: 0 !important;
}
.faq-question.open::after { content: '−' !important; }
.faq-answer {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.35s ease, padding 0.35s ease !important;
    padding: 0 18px !important;
    background: white !important;
    border: 1px solid #BDCFFA !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    margin-bottom: 8px !important;
}
.faq-answer.open {
    max-height: 1000px !important;
    padding: 14px 18px !important;
}