/*
Theme Name: inoa-flatsome
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ==============================================
   TYPOGRAPHIE GÉNÉRALE DU BLOG
   ============================================== */
 
.single-post .entry-content,
.single-post .post-content {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
    color: #2d2d2d;
}
 
/* Titres H1 — titre principal de l'article */
.single-post h1.entry-title {
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.35;
    color: #154473;
}
 
/* Titres H2 — sections de l'article */
.single-post .entry-content h2 {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #154473;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e8eef5;
}
 
/* Titres H3 — sous-sections */
.single-post .entry-content h3 {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #2d2d2d;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
 
/* Liens dans le contenu */
.single-post .entry-content a {
    color: #357dbd;
    text-decoration: underline;
}
 
.single-post .entry-content a:hover {
    color: #154473;
}
 
/* Listes ul / ol */
.single-post .entry-content ul,
.single-post .entry-content ol {
    font-family: "Poppins", sans-serif;
    font-size: 14.5px;
    line-height: 1.8;
    padding-left: 1.4rem;
    margin: 1rem 0;
}
 
.single-post .entry-content ul li::marker {
    color: #357dbd;
}
 
.single-post .entry-content ol li::marker {
    color: #154473;
    font-weight: 600;
}
 
 
/* ==============================================
   BLOC [inoa_intro] — Chapeau d'article
   Fond sombre · Lora italic · texte bleu clair
   ============================================== */
 
.inoa-intro {
    background-color: #E8EEF5;
    border-left: 4px solid #357dbd;
    border-radius: 6px;
    padding: 1.1rem 1.4rem;
    margin: 1.5rem 0 2rem;
}
 
.inoa-intro,
.inoa-intro p {
    font-family: "Lora", Georgia, serif !important;
    font-style: italic !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
    color: #154473 !important;
    margin: 0 !important;
}
 
 
/* ==============================================
   BLOC [inoa_info] — Information
   Fond bleu clair · bordure bleue · icône ℹ
   ============================================== */
 
.inoa-info {
    background-color: #DCEEF9;
    border-left: 4px solid #357dbd;
    border-radius: 6px;
    padding: 1rem 1.15rem;
    margin: 1.5rem 0;
    display: flex;
    align-items: flex-start;
}
 
.inoa-info div,
.inoa-info p {
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.75 !important;
    color: #154473 !important;
    margin: 0 !important;
}
 
 
/* ==============================================
   BLOC [inoa_warning] — Avertissement
   Fond sombre · bordure dorée · icône ⚠
   ============================================== */
 
.inoa-warning {
    background-color: #FEF9EC;
    border-left: 4px solid #c9a02a;
    border-radius: 6px;
    padding: 1rem 1.15rem;
    margin: 1.5rem 0;
    display: flex;
    align-items: flex-start;
}
 
.inoa-warning div,
.inoa-warning p {
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.75 !important;
    color: #7A5800 !important;
    margin: 0 !important;
}
 
 
/* ==============================================
   ICÔNE COMMUNE (info + warning)
   ============================================== */
 
.inoa-bloc-icon {
    display: flex;
    flex-shrink: 0;
    margin-top: 3px;
}
 

 


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}