/* ============================================================
   BLOG STRATEONLAB — STYLE ARTICLE CLAIR & LISIBLE
   ============================================================ */

/* ---- Largeur propre de l'article ---- */
.single-post .ast-container,
.single-post .site-main,
.single-post .entry-content {
    max-width: 940px !important;
    margin: 0 auto !important;
    padding: 0 26px !important;
}

/* ---- Article en fond blanc ---- */
.single-post .site-main,
.single-post .entry-content,
.single-post article {
    background: #ffffff !important;
    color: #111 !important;
    border-radius: 16px;
}

/* ============================================================
   TITRES (H1 / H2 / H3)
   ============================================================ */

/* TITRE PRINCIPAL H1 */
.single-post .entry-title {
    color: #000 !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    margin-bottom: 25px !important;
}

/* H2 & H3 Noir lisible */
.single-post .entry-content h2,
.single-post .entry-content h3 {
    color: #000 !important;
    font-weight: 800;
    font-size: 28px;
    line-height: 1.4;
    margin-top: 40px;
    margin-bottom: 18px;
}

/* ============================================================
   TEXTE PARAGRAPHES & LISTES
   ============================================================ */

.single-post .entry-content p,
.single-post .entry-content li {
    color: #111 !important;
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 18px;
}

.single-post .entry-content ul,
.single-post .entry-content ol {
    padding-left: 20px;
    margin-bottom: 22px;
}

/* ============================================================
   IMAGE MISE EN AVANT
   ============================================================ */

/* L'image ajoutée par le code PHP : on la stylise */
.single-post .entry-header::before {
    border-radius: 18px !important;
    margin-bottom: 26px !important;
}

/* Images dans le contenu */
.single-post .entry-content img {
    border-radius: 12px;
    margin: 26px auto;
    display: block;
    max-width: 100%;
    box-shadow: 0 6px 16px rgba(0,0,0,0.10);
}

/* ============================================================
   BLOCKQUOTE
   ============================================================ */

.single-post blockquote {
    background: #f7f7f7;
    border-left: 4px solid #3BB2F8;
    padding: 18px 22px;
    margin: 35px 0;
    border-radius: 10px;
    font-style: italic;
    font-size: 17px;
    color: #333;
}

/* ============================================================
   SEPARATEURS GUTENBERG
   ============================================================ */

.wp-block-separator {
    margin: 30px 0;
    opacity: 0.3;
}

/* ============================================================
   CODE & TABLES
   ============================================================ */

.single-post pre,
.single-post code {
    background: #f2f2f2;
    padding: 12px;
    border-radius: 8px;
    overflow-x: auto;
    font-size: 15px;
}

.single-post table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
}

.single-post table td,
.single-post table th {
    padding: 12px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #111;
}

/* ============================================================
   META
   ============================================================ */

.single-post .entry-meta,
.single-post .entry-meta a {
    color: #555 !important;
    font-size: 14px;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {
    .single-post .entry-title {
        font-size: 30px !important;
    }
    .single-post .entry-content {
        padding: 0 14px !important;
    }
    .single-post .entry-header::before {
        height: 260px !important;
    }
}
/* ============================================================
   RÉPARATION AUTEUR + DATE (couleur noire lisible)
   ============================================================ */

.single-post .entry-meta,
.single-post .entry-meta a,
.single-post .posted-on,
.single-post .posted-on .published {
    color: #111 !important;
}


/* ============================================================
   TITRES GUTENBERG (wp-block-heading)
   ============================================================ */

.single-post h1.wp-block-heading,
.single-post h2.wp-block-heading,
.single-post h3.wp-block-heading,
.single-post .wp-block-heading {
    color: #000 !important;
    font-weight: 800 !important;
    margin-top: 40px !important;
    margin-bottom: 18px !important;
}
/* ============================================================
   AUTEUR + DATE (toujours lisible sur article clair)
   ============================================================ */

.single-post .entry-meta,
.single-post .entry-meta *,
.single-post .author-name,
.single-post .posted-on,
.single-post .posted-on .published {
    color: #111 !important;
}


/* ============================================================
   NAVIGATION ENTRE ARTICLES
   (précédent / suivant)
   ============================================================ */

.single-post .navigation.post-navigation,
.single-post .navigation.post-navigation a,
.single-post .nav-links a {
    color: #111 !important;
    font-weight: 600;
}

.single-post .nav-previous a:hover,
.single-post .nav-next a:hover {
    color: #3BB2F8 !important;
}


/* ============================================================
   BLOC COMMENTAIRES (zone connexion / répondre)
   ============================================================ */

.single-post #comments,
.single-post #respond,
.single-post .comment-respond,
.single-post .swpm-login-to-comment-msg {
    background: #ffffff !important;
    color: #111 !important;
    padding: 20px;
    border-radius: 12px;
}

.single-post .swpm-login-to-comment-msg a {
    color: #3BB2F8 !important;
    font-weight: 600;
}


/* ============================================================
   LIENS INTERNES (article)
   ============================================================ */

.single-post .entry-content a {
    color: #0B63F6 !important;
    text-decoration: underline;
}

.single-post .entry-content a:hover {
    color: #3BB2F8 !important;
}
.single-post article {
    box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}


/* Correction : CTA StrateonLab toujours en texte blanc, même en hover dans les articles */
.single-post .entry-content .strateon-cta a,
.single-post .entry-content .strateon-cta a:hover,
.single-post .entry-content .strateon-cta a:visited,
.single-post .entry-content .strateon-cta a:focus,
.single-post .entry-content .strateon-cta a:active {
    color: #ffffff !important;
}