/* ==========================================================
   Shortcode : [oaka_articles_lies]
   ========================================================== */

.oaka-articles-lies {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.oaka-articles-lies li a {
    font-size: 16px;
    transition: color 0.15s ease-in-out;
}

.oaka-articles-lies li a:hover {
    color: #FF4848;
}


/* ==========================================================
   Shortcode : [oaka_article_dispositions]
   ========================================================== */

/* --- Section titre / contenu libre --- */

.oaka-section-titre-contenu {
    margin-bottom: 2rem;
}

.oaka-section-titre-contenu__titre {
    margin-bottom: 1.4rem;
    border-bottom: 2px solid #e5e7eb;
    margin-top:55px;
    padding-bottom: 14px;
}

.oaka-section-titre-contenu__contenu p {
    line-height: 1.4em;
}

/* --- Titres WYSIWYG articles (front + preview TinyMCE) --- */

#flexible_post_content h3,
body#tinymce h3,
body.mce-content-body h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000064;
    margin-top: 24px;
}

#flexible_post_content h4,
body#tinymce h4,
body.mce-content-body h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}

#flexible_post_content h5,
body#tinymce h5,
body.mce-content-body h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

/* --- Citations (blockquote) : bordure gauche rouge Zeendoc (front + preview TinyMCE) --- */

#flexible_post_content blockquote,
body#tinymce blockquote,
body.mce-content-body blockquote {
    border-left:  5px solid #FF4848;
    padding-left: 20px;
    margin-left:  0;
}

/* --- Format "Liste numérotée" (oaka_numerotee) --- */

p.oaka-liste-numerotee .oaka-num {
    color: #FF4848;
    font-weight: 700;
    font-size: 1.15em;
}

/* --- Boxes informatives (base) --- */

.oaka-box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0px 10px 22px -4px rgba(0, 0, 0, 0.17);
    margin-top: 55px;
    margin-bottom: 1.5rem;
}

.oaka-box__icon {
    flex: 0 0 36px;
    width: 36px;
    margin-top: 2px;
}

.oaka-box__icon img {
    width: 36px;
    height: 36px;
    display: block;
}

.oaka-box__body {
    flex: 1 1 auto;
    min-width: 0;
}

.oaka-box__titre {
    margin: 0 0 0.4rem;
    font-weight: 700;
    font-size: 21px;
}

.oaka-box__texte p {
    line-height: 1.4em;
}

.oaka-box__texte p:last-child {
    margin-bottom: 0;
}

/* --- Box d'attention (shortcode [oaka_box_attention], entête d'article) --- */

.oaka-box.oaka-box--attention {
    margin-top: 0;
}

/* --- Box warning --- */

.oaka-box--warning {
    background-color: #fff4d6;
    color: #c24600;
}

/* --- Box question --- */

.oaka-box--question .oaka-box__icon {
    flex: 0 0 33px;
    width: 33px;
}

.oaka-box--question .oaka-box__icon img {
    width: 33px;
    height: 33px;
}

.oaka-box--question {
    background-color: #dee8ff;
    color: #2d2341;
}

/* --- Box focus --- */

.oaka-box--focus {
    background-color: #ebfff0;
    color: #168318;
}

#flexible_post_content p:has(img) {
    text-align: center;
}