/*
Theme Name: Divi Enfant
Theme URI: http://www.equilibretropique.fr/
Description: Thème enfant pour Divi
Author: Lyvia A.S
Author URI: http://www.equilibretropique.fr/
Template: Divi
Version: 1.0.0
Text Domain: divi-enfant
*/
/* === ÉQUILIBRE TROPIQUE - CSS GLOBAL SIMPLIFIÉ === */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap');

/* Typographie globale */
body {
  font-family: 'Open Sans', sans-serif !important;
  color: #2C3E50 !important;
}

h1, h2, h3, h4, h5, h6, .et_pb_module_header {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

/* Boutons style Équilibre Tropique */
.et_pb_button {
  background: linear-gradient(135deg, #FF6B6B 0%, #4A90E2 50%, #66BB6A 100%) !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}

.et_pb_button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.25) !important;
}

/* Sections avec dégradé tropical */
.section-gradient {
  background: linear-gradient(135deg, #FF6B6B 0%, #4A90E2 50%, #66BB6A 100%) !important;
}

/* Cartes avec effet hover */
.et_pb_blurb {
  transition: all 0.3s ease !important;
  border-radius: 20px !important;
}

.et_pb_blurb:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}

/* Header avec votre charte graphique */
#monHeaderDivi {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(135deg, #FF6B6B 0%, #4A90E2 50%, #66BB6A 100%);
  color: white;
  padding: 15px 30px;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}

.header-cache {
  transform: translateY(-100%);
}

.header-montre {
  transform: translateY(0);
  box-shadow: 0 4px 25px rgba(0,0,0,0.2);
}

/* Compensation pour le header fixe */
#et-main-area {
  padding-top: 80px !important;
  transition: padding-top 0.3s ease;
}

/* Responsive */
@media (max-width: 980px) {
  #et-main-area {
    padding-top: 70px !important;
  }
  
  #monHeaderDivi {
    padding: 10px 20px;
  }
}

@media (max-width: 768px) {
  h1 { font-size: 2.5rem !important; }
  h2 { font-size: 2rem !important; }
  .et_pb_section { padding: 40px 0 !important; }
  
  #et-main-area {
    padding-top: 60px !important;
  }
}
/* Hover uniquement sur les cartes de la section programmes */
#section-programmes .et_pb_blurb:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}
#section-programmes .et_pb_blurb:hover {
  transform: translateY(-20px) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,0.25) !important;
  transition: all 0.3s ease !important;
} 
@media (max-width: 768px) {
  #cta-contact h2 {
    font-size: 32px !important;
  }
  
  #cta-contact a {
    display: block !important;
    margin: 0.5rem auto !important;
    width: 80% !important;
    text-align: center !important;
  }
}
/* Masquer le bouton CTA du header sur mobile */
@media (max-width: 768px) {
  .header .cta-button,
  .et_pb_section .et_pb_button:last-child {
    display: none !important;
  }
}
/* Réduire la taille du titre Hero sur mobile */
@media (max-width: 768px) {
  .hero-title,
  #hero-section h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
}
/* Réduire les titres des sections sur mobile */
@media (max-width: 768px) {
  /* Titre Hero */
  .hero-title,
  #hero-section h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  
  /* Titre section À propos */
  #apropos h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  
  /* Titre section Programmes */
  #section-programmes h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  
  /* Tous les H2 de sections si les ID ne fonctionnent pas */
  .et_pb_section h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
}
/* Réduire les titres des sections sur mobile */
@media (max-width: 768px) {
  /* Titre Hero */
  .hero-title,
  #hero-section h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  
  /* Titre section À propos */
  #apropos h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  
  /* Titre section Programmes */
  #section-programmes h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  
  /* Titre section Contact */
  #cta-contact h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  
  /* Tous les H2 de sections si les ID ne fonctionnent pas */
  .et_pb_section h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
}
/* Réduire la hauteur du header sur mobile uniquement */
@media (max-width: 768px) {
  #monHeaderDivi {
    padding: 8px 20px !important;
  }
  
  /* Ajuster le logo/texte du header */
  #monHeaderDivi .et_pb_text {
    font-size: 20px !important;
  }
  
  /* Réduire l'espace compensatoire du contenu */
  #et-main-area {
    padding-top: 50px !important;
  }
}
/* Navigation fluide */
html {
  scroll-behavior: smooth;
}

/* Ajustement pour le header fixe */
#hero-section,
#section-programmes, 
#apropos,
#cta-contact {
  scroll-margin-top: 80px;
}

@media (max-width: 768px) {
  #hero-section,
  #section-programmes, 
  #apropos,
  #cta-contact {
    scroll-margin-top: 60px;
  }
}
/* Colonnes programmes responsive - empilement mobile */
@media (max-width: 768px) {
  #section-programmes .et_pb_row {
    flex-direction: column !important;
  }
  
  #section-programmes .et_pb_column {
    margin-bottom: 2rem !important;
  }
}
/* Égalisation hauteurs colonnes programmes - compatible tous navigateurs */
#section-programmes .et_pb_row {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

#section-programmes .et_pb_column {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

#section-programmes .et_pb_blurb {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

@media (max-width: 768px) {
  #section-programmes .et_pb_row {
    -webkit-box-orient: vertical !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  
  #section-programmes .et_pb_column {
    margin-bottom: 2rem !important;
  }
}
/* Largeurs personnalisées des colonnes footer */
#footer-global .et_pb_row .et_pb_column_1_4:nth-child(1) {
    width: 30% !important;
}

#footer-global .et_pb_row .et_pb_column_1_4:nth-child(2) {
    width: 22% !important;
}

#footer-global .et_pb_row .et_pb_column_1_4:nth-child(3) {
    width: 23% !important;
}

#footer-global .et_pb_row .et_pb_column_1_4:nth-child(4) {
    width: 25% !important;
}

@media (min-width: 981px) {
    #footer-global .et_pb_row {
        display: flex !important;
        align-items: flex-start !important;
    }
}
.footer-logo-img {
    width: 100px;
    height: 50px;
    object-fit: contain;
}

.footer-logo-text {
    color: #666;
    font-size: 10px;
    margin: 5px 0 0 0;
    font-weight: 600;
    letter-spacing: 1px;
}
.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
    margin-right: 10px;
}

.social-link:last-child {
    margin-right: 0;
}

.social-link:hover {
    background: linear-gradient(45deg, #FF6B6B, #4A90E2);
    color: white;
    transform: translateY(-2px);
}
.footer-social-links {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
}

.social-link:hover {
    background: linear-gradient(45deg, #FF6B6B, #4A90E2);
    color: white;
    transform: translateY(-2px);
}
#footer-global .footer-title {
    color: #FF6B6B !important;
}

#footer-global .footer-links a {
    color: rgba(255, 255, 255, 0.8) !important;
}

#footer-global .footer-links a:hover {
    color: #4A90E2 !important;
}
.footer-contact {
    margin-bottom: 15px;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}

.contact-icon {
    margin-right: 8px;
    font-size: 14px;
    color: #66BB6A;
    width: 16px;
}

.footer-legal {
    margin-top: 12px !important;
}

.footer-copyright {
    text-align: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-copyright p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    margin: 2px 0;
    font-family: 'Poppins', sans-serif;
}

.footer-copyright a {
    color: #4A90E2;
    text-decoration: none;
}

.footer-copyright a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    #footer-global .et_pb_row {
        flex-direction: column !important;
    }
    
    #footer-global .et_pb_column {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .footer-social-links {
        justify-content: center;
    }
}
#footer-global .footer-title {
    color: #FF6B6B !important;
}

#footer-global .footer-links a {
    color: rgba(255, 255, 255, 0.8) !important;
}

#footer-global .footer-links a:hover {
    color: #4A90E2 !important;
}
#footer-global .footer-copyright a {
    color: #4A90E2 !important;
    text-decoration: none;
}

#footer-global .footer-copyright a:hover {
    text-decoration: underline;
}
/* Responsive mobile footer - Version corrigée */
@media (max-width: 980px) {
    /* Force l'empilement des colonnes */
    #footer-global .et_pb_row {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
    }
    
    /* Colonnes en largeur complète */
    #footer-global .et_pb_column {
        width: 100% !important;
        margin-bottom: 30px !important;
        margin-right: 0 !important;
        padding: 0 10px !important;
    }
    
    /* Évite la coupure du texte */
    #footer-global .footer-title {
        white-space: nowrap !important;
        font-size: 16px !important;
    }
    
    #footer-global .footer-links a {
        white-space: nowrap !important;
        font-size: 14px !important;
    }
    
    /* Centre les éléments */
    #footer-global .footer-logo-container {
        margin: 0 auto 15px auto !important;
    }
    
    #footer-global .footer-social-links {
        justify-content: center !important;
    }
}
@media (max-width: 980px) {
    #footer-global .et_pb_row {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    #footer-global .et_pb_column {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    
    #footer-global .footer-title {
        white-space: nowrap !important;
    }
    
    #footer-global .footer-links a {
        white-space: nowrap !important;
    }
}

/* ========================================
   TEMPLATE ARTICLE ÉQUILIBRE TROPIQUE
   ======================================== */

/* =====================================
   1. HEADER ARTICLE
   ===================================== */
.article-header a,
.article-header .et_pb_text a {
    color: white !important;
    text-decoration: none !important;
}

.article-header .et_pb_text a:hover {
    color: rgba(255,255,255,0.8) !important;
}

.category-tag-white {
    display: inline-block !important;
}

/* =====================================
   2. CONTENU ARTICLE (Post Content)
   ===================================== */

/* Paragraphes */
.et_pb_post_content p {
    font-size: 16px;
    line-height: 1.7;
    color: #495057;
    margin-bottom: 15px;
}

/* Introduction lead */
.et_pb_post_content .intro-lead {
    font-size: 18px;
    font-weight: 500;
    color: #4A90E2;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Titres H2 */
.et_pb_post_content h2 {
    color: #2C3E50;
    font-size: 24px;
    margin: 40px 0 20px 0;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 10px;
    font-weight: 600;
}

/* Titres H3 */
.et_pb_post_content h3 {
    color: #2C3E50;
    font-size: 20px;
    margin: 25px 0 15px 0;
    font-weight: 600;
}

/* Titres H4 */
.et_pb_post_content h4 {
    color: #2C3E50;
    font-size: 18px;
    margin: 20px 0 10px 0;
    font-weight: 600;
}

/* Citation créole */
.et_pb_post_content .citation-creole {
    background: linear-gradient(45deg, rgba(255,107,107,0.1), rgba(74,144,226,0.1));
    border-left: 4px solid #FF6B6B;
    padding: 20px;
    border-radius: 10px;
    margin: 30px 0;
    text-align: center;
}

.et_pb_post_content .citation-creole blockquote {
    margin: 0;
    font-style: italic;
    font-size: 18px;
    color: #2C3E50;
    border: none;
    padding: 0;
}

.et_pb_post_content .citation-creole em {
    font-size: 14px;
    color: #7F8C8D;
    display: block;
    margin-top: 10px;
    font-style: italic;
}

/* Conseil pratique */
.et_pb_post_content .conseil-pratique {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 20px;
    margin: 30px 0;
    border-left: 4px solid #66BB6A;
}

.et_pb_post_content .conseil-pratique h4 {
    color: #2C3E50;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.et_pb_post_content .conseil-pratique h4::before {
    content: "💡";
    margin-right: 10px;
    font-size: 20px;
}

/* Liste stylée */
.et_pb_post_content .styled-list {
    list-style: none;
    padding-left: 0;
}

.et_pb_post_content .styled-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.6;
}

.et_pb_post_content .styled-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #66BB6A;
    font-weight: bold;
    font-size: 18px;
}

/* Images dans l'article */
.et_pb_post_content img {
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    margin: 20px auto;
    display: block;
    max-width: 100%;
    height: auto;
}

/* Blockquotes standard */
.et_pb_post_content blockquote {
    border-left: 4px solid #4A90E2;
    padding-left: 20px;
    margin: 20px 0;
    font-style: italic;
    color: #7F8C8D;
}

/* Listes ordonnées et non-ordonnées standard */
.et_pb_post_content ul:not(.styled-list),
.et_pb_post_content ol {
    padding-left: 30px;
    margin-bottom: 20px;
}

.et_pb_post_content ul:not(.styled-list) li,
.et_pb_post_content ol li {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* Liens dans le contenu */
.et_pb_post_content a {
    color: #4A90E2;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.et_pb_post_content a:hover {
    color: #FF6B6B;
}

/* =====================================
   3. BIO AUTEUR
   ===================================== */
.bio-auteur {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 15px;
    padding: 25px;
    margin: 40px 0 30px 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    gap: 20px;
}

.bio-auteur .et_pb_team_member_image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* =====================================
   4. SIDEBAR
   ===================================== */

/* Espacement entre modules sidebar */
.sidebar .et_pb_module {
    margin-bottom: 25px !important;
}

/* Newsletter sidebar */
.sidebar-newsletter {
    background: linear-gradient(135deg, #FF6B6B, #4A90E2) !important;
    color: white !important;
    border-radius: 15px !important;
}

.sidebar-newsletter h4,
.sidebar-newsletter p {
    color: white !important;
}

/* Barre de progression */
.reading-progress-container {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.progress-title {
    color: #2C3E50;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
}

.progress-bar-wrapper {
    width: 100%;
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    overflow: hidden;
    margin: 10px 0;
}

.progress-bar-fill {
    height: 100%;
    background: linear-gradient(45deg, #FF6B6B, #4A90E2);
    width: 0%;
    transition: width 0.3s ease;
    border-radius: 3px;
}

.progress-text {
    font-size: 12px;
    color: #7F8C8D;
    text-align: center;
    margin: 10px 0 0 0;
}

/* =====================================
   5. BOUTONS ET CTA
   ===================================== */

/* Bouton avec dégradé */
.gradient-button,
.et_pb_button.gradient-button {
    background: linear-gradient(45deg, #FF6B6B, #4A90E2) !important;
    border: none !important;
    color: white !important;
    padding: 12px 20px !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.gradient-button:hover,
.et_pb_button.gradient-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255,107,107,0.3) !important;
    color: white !important;
}

/* CTA Programme discret */
.program-cta-border {
    border: 2px solid #FF6B6B;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

.discrete-cta {
    display: inline-block;
    background: transparent;
    color: #FF6B6B;
    padding: 8px 16px;
    border: 1px solid #FF6B6B;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.discrete-cta:hover {
    background: #FF6B6B;
    color: white;
}

/* =====================================
   6. RESPONSIVE
   ===================================== */

@media (max-width: 980px) {
    /* Header responsive */
    .article-header .et_pb_text_inner h1,
    .article-header .et_pb_post_title h1 {
        font-size: 24px !important;
    }
    
    /* Contenu responsive */
    .et_pb_post_content {
        padding: 25px !important;
    }
    
    .et_pb_post_content h2 {
        font-size: 20px;
    }
    
    .et_pb_post_content h3 {
        font-size: 18px;
    }
    
    /* Bio auteur responsive */
    .bio-auteur {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    /* Masquer la sidebar sur mobile si besoin */
    /* .sidebar { display: none; } */
    
    /* Ou l'afficher en bas */
    .content-wrapper {
        grid-template-columns: 1fr !important;
    }
}
/* ================================================
   BLOG ARCHIVE - ÉQUILIBRE TROPIQUE
   ================================================ */

/* ----- SECTION 2 : FILTRES ----- */

.filters-container {
  display: flex !important;
  gap: 15px !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.filter-label {
  font-weight: 600 !important;
  color: #2C3E50 !important;
  margin-right: 10px !important;
  font-size: 15px !important;
}

.filter-buttons {
  display: flex !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.filter-btn {
  padding: 10px 25px !important;
  border: 2px solid #E0E6ED !important;
  background: white !important;
  color: #7F8C8D !important;
  border-radius: 25px !important;
  text-decoration: none !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

.filter-btn:hover {
  border-color: #FF6B6B !important;
  color: #FF6B6B !important;
  transform: translateY(-2px) !important;
}

.filter-btn.active {
  background: linear-gradient(135deg, #FF6B6B, #4A90E2) !important;
  color: white !important;
  border-color: transparent !important;
}

@media (max-width: 768px) {
  .filters-container {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  .filter-buttons {
    flex-direction: column !important;
    width: 100% !important;
  }
  
  .filter-btn {
    width: 100% !important;
    text-align: center !important;
  }
  
  .filter-label {
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
}

/* ----- SECTION 3 : BLOG ARTICLES ----- */

/* Cartes d'articles */
.et_pb_blog_grid .et_pb_post {
  background: white !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
  margin-bottom: 40px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Hover carte */
.et_pb_blog_grid .et_pb_post:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.12) !important;
}

/* Hover image */
.et_pb_blog_grid .et_pb_post:hover .et_pb_image_container img {
  transform: scale(1.05) !important;
}

/* Hover titre */
.et_pb_blog_grid .et_pb_post:hover h2.entry-title a {
  color: #FF6B6B !important;
}

/* Hover lien lire la suite */
.et_pb_blog_grid .et_pb_post .more-link:hover {
  transform: translateX(5px) !important;
}

/* Contenu de la carte */
.et_pb_blog_grid .et_pb_post .post-content {
  padding: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* Catégories badges */
.et_pb_blog_grid .post-meta a[rel="category tag"] {
  display: inline-block !important;
  padding: 6px 15px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 15px !important;
  text-decoration: none !important;
}

/* Couleurs catégories */
.et_pb_blog_grid .post-meta a[rel="category tag"]:nth-child(1) {
  background: rgba(255, 107, 107, 0.1) !important;
  color: #FF6B6B !important;
}

.et_pb_blog_grid .post-meta a[rel="category tag"]:nth-child(2) {
  background: rgba(74, 144, 226, 0.1) !important;
  color: #4A90E2 !important;
}

.et_pb_blog_grid .post-meta a[rel="category tag"]:nth-child(3) {
  background: rgba(102, 187, 106, 0.1) !important;
  color: #66BB6A !important;
}

/* Pagination */
.et_pb_blog_grid .wp-pagenavi {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 40px 0 !important;
  margin-top: 20px !important;
}

.et_pb_blog_grid .wp-pagenavi a,
.et_pb_blog_grid .wp-pagenavi span {
  width: 45px !important;
  height: 45px !important;
  border: 2px solid #E0E6ED !important;
  background: white !important;
  color: #7F8C8D !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  margin: 0 5px !important;
}

.et_pb_blog_grid .wp-pagenavi a:hover {
  border-color: #FF6B6B !important;
  color: #FF6B6B !important;
  transform: scale(1.1) !important;
}

.et_pb_blog_grid .wp-pagenavi span.current {
  background: linear-gradient(135deg, #FF6B6B, #4A90E2) !important;
  color: white !important;
  border-color: transparent !important;
}

/* Responsive */
@media (max-width: 980px) {
  .et_pb_blog_grid .et_pb_post {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 768px) {
  .et_pb_blog_grid .et_pb_post .post-content {
    padding: 20px !important;
  }
  
  .et_pb_blog_grid .et_pb_post h2.entry-title {
    font-size: 18px !important;
  }
}

/* ----- SECTION 4 : NEWSLETTER ----- */

.newsletter-content {
  max-width: 600px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.newsletter-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 32px !important;
  color: #FFFFFF !important;
  margin-bottom: 15px !important;
}

.newsletter-subtitle {
  font-size: 18px !important;
  color: rgba(255,255,255,0.95) !important;
  margin-bottom: 30px !important;
  line-height: 1.6 !important;
}

.newsletter-form-wrapper {
  max-width: 500px !important;
  margin: 0 auto !important;
}

.newsletter-form {
  display: flex !important;
}

.newsletter-input {
  flex: 1 !important;
  padding: 15px 20px !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  outline: none !important;
  margin-right: 15px !important;
}

.newsletter-btn {
  padding: 15px 35px !important;
  background: white !important;
  color: #FF6B6B !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
  font-family: 'Open Sans', sans-serif !important;
}

.newsletter-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;
}

@media (max-width: 768px) {
  .newsletter-title {
    font-size: 24px !important;
  }
  
  .newsletter-subtitle {
    font-size: 16px !important;
  }
  
  .newsletter-form {
    flex-direction: column !important;
  }
  
  .newsletter-input {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }
  
  .newsletter-btn {
    width: 100% !important;
  }
}
/* ===== NEWSLETTER CTA - CENTRAGE RESPONSIVE (AJOUT) ===== */

.et_pb_section#newsletter-cta,
.et_pb_section#newsletter-cta .et_pb_module,
.et_pb_section#newsletter-cta .et_pb_text,
.et_pb_section#newsletter-cta .et_pb_text_inner {
  text-align: center !important;
}

/* Container centré */
.et_pb_section#newsletter-cta .et_pb_text_inner,
.et_pb_section#newsletter-cta .newsletter-content {
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Tablette */
@media (max-width: 980px) {
  .et_pb_section#newsletter-cta {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  
  .et_pb_section#newsletter-cta *,
  .et_pb_section#newsletter-cta h2,
  .et_pb_section#newsletter-cta p {
    text-align: center !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .et_pb_section#newsletter-cta {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .et_pb_section#newsletter-cta *,
  .et_pb_section#newsletter-cta h2,
  .et_pb_section#newsletter-cta p {
    text-align: center !important;
  }
}

/* ========================================================== */
/* ========= STYLES TYPOGRAPHIQUES POUR LE HERO BLOG ======== */
/* ========================================================== */

/* ------------------ 1. TITRE DU BLOG (H1) ----------------- */

/* Desktop (Styles par défaut) */
.titre-hero-blog h1 {
  font-size: 48px !important;
  line-height: 1.2em !important;
  color: #FFFFFF !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.3) !important;
  margin-bottom: 1rem !important; /* Garder la marge pour l'espacement avec le corps de texte */
}

/* TABLETTE (max 980px) */
@media (max-width: 980px) {
  .titre-hero-blog h1 {
    font-size: 36px !important;
  }
}

/* MOBILE (max 767px) */
@media (max-width: 767px) {
  .titre-hero-blog h1 {
    font-size: 32px !important;
  }
}


/* ---------------- 2. CORPS DE TEXTE (P) ------------------ */

/* Desktop (Styles par défaut) */
.corps-hero-blog p {
  font-size: 20px !important;
  line-height: 1.6em !important;
  color: #FFFFFF !important;
  font-family: 'Open Sans', sans-serif !important;
}

/* TABLETTE (max 980px) */
@media (max-width: 980px) {
  .corps-hero-blog p {
    font-size: 18px !important;
  }
}

/* MOBILE (max 767px) */
@media (max-width: 767px) {
  .corps-hero-blog p {
    font-size: 16px !important;
  }
}

/* ========================================
   BLOG GRID - ÉQUILIBRE TROPIQUE
   ======================================== */

/* Cartes d'articles */
.blog-grid-equilibre .et_pb_post {
  background: white !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  margin-bottom: 40px !important;
}

/* Effet hover sur les cartes */
.blog-grid-equilibre .et_pb_post:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.12) !important;
}

/* Image de l'article */
.blog-grid-equilibre .et_pb_post .et_pb_image_container img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

/* Zoom image au hover */
.blog-grid-equilibre .et_pb_post:hover .et_pb_image_container img {
  transform: scale(1.05) !important;
}

/* Contenu de l'article */
.blog-grid-equilibre .et_pb_post .et_pb_post_content {
  padding: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* Titre de l'article */
.blog-grid-equilibre .et_pb_post h2.entry-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #2C3E50 !important;
  margin-bottom: 15px !important;
  line-height: 1.4 !important;
  transition: color 0.3s ease !important;
}

/* Changement couleur titre au hover */
.blog-grid-equilibre .et_pb_post:hover h2.entry-title a {
  color: #FF6B6B !important;
}

/* Extrait de l'article */
.blog-grid-equilibre .et_pb_post .post-content {
  color: #7F8C8D !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
  flex-grow: 1 !important;
}

/* Métadonnées (date, catégories) */
.blog-grid-equilibre .et_pb_post .post-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 20px !important;
  border-top: 1px solid #E0E6ED !important;
  font-size: 14px !important;
  color: #7F8C8D !important;
  margin-top: auto !important;
}

/* Lien "Lire la suite" */
.blog-grid-equilibre .et_pb_post .more-link {
  color: #FF6B6B !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 15px !important;
  transition: gap 0.3s ease !important;
}

/* Effet hover sur "Lire la suite" */
.blog-grid-equilibre .et_pb_post .more-link:hover {
  gap: 12px !important;
}
/* ========================================================= */
/* ===== LIEN "EN LIRE PLUS" (FORCÉ PAR ID DE SECTION) ===== */
/* ========================================================= */

/* 1. Masquage du texte d'origine et styles du conteneur de lien */
#blog-section-id a.more-link {
    /* Cache l'ancien texte */
    font-size: 0 !important; 
    line-height: 0 !important;
    display: block !important;
    visibility: visible !important; 
    
    /* Styles généraux */
    margin-top: 15px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* 2. INJECTION DU NOUVEAU TEXTE et STYLISATION */
#blog-section-id a.more-link:before {
    /* INJECTION DU TEXTE FINAL */
    content: "En lire plus";

    /* STYLES TYPOGRAPHIQUES PERSONNALISÉS */
    font-size: 16px !important; 
    line-height: normal !important;
    display: inline-block !important;
    
    /* COULEUR CIBLEE ! (Rouge Corail) */
    color: #FF6B6B !important; 
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
}

/* 3. EFFET HOVER */
#blog-section-id a.more-link:hover:before {
    letter-spacing: 1px !important;
}

/* ========================================
   CATÉGORIES COLORÉES EN HAUT DU TITRE
   ======================================== */

/* Forcer le titre à s'afficher en colonne (catégorie au-dessus) */
.blog-grid-equilibre h2.entry-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Style de base de la pastille catégorie */
.blog-grid-equilibre .article-category {
  display: inline-block !important;
  padding: 6px 15px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 15px !important;
  font-family: 'Open Sans', sans-serif !important;
  transition: all 0.3s ease !important;
}

/* Développement Personnel - Rouge Corail */
.blog-grid-equilibre .category-badge-developpement-personnel {
  background: rgba(255, 107, 107, 0.1) !important;
  color: #FF6B6B !important;
}

.blog-grid-equilibre .et_pb_post:hover .category-badge-developpement-personnel {
  background: #FF6B6B !important;
  color: white !important;
}

/* Entrepreneuriat - Bleu Tropical */
.blog-grid-equilibre .category-badge-entrepreneuriat {
  background: rgba(74, 144, 226, 0.1) !important;
  color: #4A90E2 !important;
}

.blog-grid-equilibre .et_pb_post:hover .category-badge-entrepreneuriat {
  background: #4A90E2 !important;
  color: white !important;
}

/* Équilibre de Vie - Vert Nature */
.blog-grid-equilibre .category-badge-equilibre-vie {
  background: rgba(102, 187, 106, 0.1) !important;
  color: #66BB6A !important;
}

.blog-grid-equilibre .et_pb_post:hover .category-badge-equilibre-vie {
  background: #66BB6A !important;
  color: white !important;
}

/* Leadership - Jaune/Or */
.blog-grid-equilibre .category-badge-leadership {
  background: rgba(255, 193, 7, 0.1) !important;
  color: #FFC107 !important;
}

.blog-grid-equilibre .et_pb_post:hover .category-badge-leadership {
  background: #FFC107 !important;
  color: #2C3E50 !important;
}

/* ========================================
   MÉTADONNÉES EN BAS (Date + temps de lecture)
   ======================================== */

/* Date en bas avec icône */
.blog-grid-equilibre .et_pb_post .post-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 20px !important;
  border-top: 1px solid #E0E6ED !important;
  font-size: 14px !important;
  color: #7F8C8D !important;
  margin-top: auto !important;
}

/* Style de la date */
.blog-grid-equilibre .et_pb_post .published {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

/* Ajouter une icône calendrier avant la date */
.blog-grid-equilibre .et_pb_post .published::before {
  content: "📅" !important;
  font-size: 14px !important;
}

/* ========================================
   CATÉGORIES COLORÉES (dans les métadonnées)
   ======================================== */

/* Style de base pour toutes les catégories */
.blog-grid-equilibre .post-meta a[rel="category tag"] {
  display: inline-block !important;
  padding: 6px 15px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  margin-left: auto !important;
}

/* Développement Personnel - Rouge Corail */
.blog-grid-equilibre .post-meta a[href*="developpement-personnel"] {
  background: rgba(255, 107, 107, 0.1) !important;
  color: #FF6B6B !important;
}

.blog-grid-equilibre .post-meta a[href*="developpement-personnel"]:hover {
  background: #FF6B6B !important;
  color: white !important;
}

/* Entrepreneuriat - Bleu Tropical */
.blog-grid-equilibre .post-meta a[href*="entrepreneuriat"] {
  background: rgba(74, 144, 226, 0.1) !important;
  color: #4A90E2 !important;
}

.blog-grid-equilibre .post-meta a[href*="entrepreneuriat"]:hover {
  background: #4A90E2 !important;
  color: white !important;
}

/* Équilibre de Vie - Vert Nature */
.blog-grid-equilibre .post-meta a[href*="equilibre-vie"] {
  background: rgba(102, 187, 106, 0.1) !important;
  color: #66BB6A !important;
}

.blog-grid-equilibre .post-meta a[href*="equilibre-vie"]:hover {
  background: #66BB6A !important;
  color: white !important;
}

/* Leadership - Jaune/Or */
.blog-grid-equilibre .post-meta a[href*="leadership"] {
  background: rgba(255, 193, 7, 0.1) !important;
  color: #FFC107 !important;
}

.blog-grid-equilibre .post-meta a[href*="leadership"]:hover {
  background: #FFC107 !important;
  color: #2C3E50 !important;
}

/* Améliorer l'alignement des métadonnées */
.blog-grid-equilibre .post-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
/* --- CORRECTION FINALE DU BLOG HERO --- */


/* 2. Tablette (jusqu'à 980px) - Centrage et Largeur */
@media (max-width: 980px) {
    /* Correction du Centrage et de la Largeur pour les appareils plus petits (Tablette + Mobile) */
    #hero-blog .et_pb_heading_container,
    #hero-blog .et_pb_text_inner {
        width: 90% !important;        
        margin: 0 auto !important;     
    }
}

/* 3. Mobile (jusqu'à 768px) - Nouveau Padding plus grand pour éviter le chevauchement */
@media (max-width: 768px) {
    #hero-blog {
        padding-top: 210px !important; /* Votre valeur trouvée */
    }
}

/* 4. TRÈS PETIT MOBILE (jusqu'à 468px) - Réduction de la police pour éviter le titre coupé */
@media (max-width: 468px) {
    #hero-blog h1.et_pb_module_heading {
        font-size: 20px !important; /* Valeur standard qui devrait régler le problème du titre coupé */
        line-height: 1.2em !important;
    }
}

/* --- CIBLAGE  DU ARCHIVE  HERO --- */

/* 1. Tablette (jusqu'à 980px) - Centrage et Largeur */
@media (max-width: 980px) {
    /* Correction du Centrage et de la Largeur pour les appareils plus petits (Tablette + Mobile) */
    #hero-archive .et_pb_heading_container,
    #hero-archive .et_pb_text_inner {
        width: 90% !important;        
        margin: 0 auto !important;     
    }
}

/* 2. Mobile (jusqu'à 768px) - Nouveau Padding plus grand pour éviter le chevauchement */
@media (max-width: 768px) {
    #hero-archive {
        padding-top: 210px !important; /* Votre valeur trouvée */
    }
}

/* 3. TRÈS PETIT MOBILE (jusqu'à 468px) - Réduction de la police pour éviter le titre coupé */
@media (max-width: 468px) {
    #hero-archive h1.et_pb_module_heading {
        font-size: 20px !important; /* Valeur standard qui devrait régler le problème du titre coupé */
        line-height: 1.2em !important;
    }
}

/* ========================================
   PAGE ARTICLE (SINGLE POST) - HARMONISATION AVEC BLOG
   Équilibre Tropique - Page modèle article individuel
   ======================================== */

/* ----------------------------------
   1. CATÉGORIES COLORÉES
   ---------------------------------- */

/* Style de base pour toutes les catégories */
.single-post .post-meta a[rel="category tag"],
.single .post-meta a[rel="category tag"] {
  display: inline-block !important;
  padding: 6px 15px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  margin-right: 8px !important;
}

/* Développement Personnel - Rouge Corail */
.single-post .post-meta a[href*="developpement-personnel"],
.single .post-meta a[href*="developpement-personnel"] {
  background: rgba(255, 107, 107, 0.1) !important;
  color: #FF6B6B !important;
}

.single-post .post-meta a[href*="developpement-personnel"]:hover,
.single .post-meta a[href*="developpement-personnel"]:hover {
  background: #FF6B6B !important;
  color: white !important;
}

/* Entrepreneuriat - Bleu Tropical */
.single-post .post-meta a[href*="entrepreneuriat"],
.single .post-meta a[href*="entrepreneuriat"] {
  background: rgba(74, 144, 226, 0.1) !important;
  color: #4A90E2 !important;
}

.single-post .post-meta a[href*="entrepreneuriat"]:hover,
.single .post-meta a[href*="entrepreneuriat"]:hover {
  background: #4A90E2 !important;
  color: white !important;
}

/* Équilibre de Vie - Vert Nature */
.single-post .post-meta a[href*="equilibre-vie"],
.single .post-meta a[href*="equilibre-vie"] {
  background: rgba(102, 187, 106, 0.1) !important;
  color: #66BB6A !important;
}

.single-post .post-meta a[href*="equilibre-vie"]:hover,
.single .post-meta a[href*="equilibre-vie"]:hover {
  background: #66BB6A !important;
  color: white !important;
}

/* Leadership - Jaune/Or */
.single-post .post-meta a[href*="leadership"],
.single .post-meta a[href*="leadership"] {
  background: rgba(255, 193, 7, 0.1) !important;
  color: #FFC107 !important;
}

.single-post .post-meta a[href*="leadership"]:hover,
.single .post-meta a[href*="leadership"]:hover {
  background: #FFC107 !important;
  color: #2C3E50 !important;
}

/* ----------------------------------
   2. COULEUR DES TITRES
   ---------------------------------- */

/* Titre principal de l'article (H1) */
.single-post .entry-title,
.single .entry-title {
  color: #2C3E50 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

/* Sous-titres dans le contenu (H2, H3, H4) */
.single-post .entry-content h2,
.single .entry-content h2 {
  color: #2C3E50 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

.single-post .entry-content h3,
.single .entry-content h3 {
  color: #2C3E50 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

.single-post .entry-content h4,
.single .entry-content h4 {
  color: #2C3E50 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

/* ----------------------------------
   3. "LIRE LA SUITE" → "EN LIRE PLUS" (ROUGE)
   ---------------------------------- */

/* Cibler le lien "Lire la suite" dans les articles similaires */
.single-post .more-link,
.single .more-link,
.et_pb_post .more-link {
  color: #FF6B6B !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-size: 0 !important; /* Cache le texte original */
  transition: all 0.3s ease !important;
}

/* Injecter "En lire plus" */
.single-post .more-link:before,
.single .more-link:before,
.et_pb_post .more-link:before {
  content: "En lire plus" !important;
  font-size: 16px !important;
  display: inline-block !important;
}

/* Effet hover */
.single-post .more-link:hover,
.single .more-link:hover,
.et_pb_post .more-link:hover {
  opacity: 0.8 !important;
}

/* Bouton filtre actif avec gradient */
.filter-btn.active {
  background: linear-gradient(135deg, #FF6B6B, #4A90E2) !important;
  color: white !important;
  border-color: transparent !important;
}

/* Hover sur bouton actif */
.filter-btn.active:hover {
  background: linear-gradient(135deg, #FF6B6B, #4A90E2) !important;
  color: white !important;
}

/* ========================================
   ÉGALISATION HAUTEURS - MODULE BLOG
   ======================================== */

/* Sur mobile : réinitialiser les hauteurs */
.pa-blog-equal-height .pa-auto-height {
  height: auto !important;
}

/* Flexbox pour les articles */
.pa-blog-equal-height .et_pb_post {
  display: flex !important;
  flex-direction: column !important;
}

/* Le contenu doit remplir l'espace */
.pa-blog-equal-height .et_pb_post .entry-content {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}


/*modification avec Copilot style articles dans blog*/
.et_pb_post {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.et_pb_post.visible {
  opacity: 1;
  transform: translateY(0);
}

/* AJOUTER COULEUR DES CATÉGORIES À LA COULEUR DU FOND AU POST TITLE */

.single-post.category-entrepreneuriat .post-title-section {
  background-color: #2ea3f2 !important;
  color: white; !important;
}

.single-post.category-leadership .post-title-section {
  background-color: #FFC107  !important;
  color: white;  !important;
}
*/
.single-post.category-developpement-personnel .post-title-section {
  background-color: #FF6B6B !important;
  color: white; !important;
}
.single-post.category-equilibre-vie .post-title-section {
  background-color: #66bb6a !important;
  color: white; !important;
}


/*MODIFICATION TITRE POPPINS SANS SERIF POUR POST TITLE */

.titre-article-poppins h2 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 3rem !important;
  text-transform: none !important;
  font-weight: 400 !important;
}
/* Desktop par défaut */
.titre-article-poppins h2 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 3rem !important;
  text-transform: none !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Tablette */
@media (max-width: 980px) {
  .titre-article-poppins h2 {
    font-size: 2.5rem !important;
  }
}

/* Smartphone standard */
@media (max-width: 767px) {
  .titre-article-poppins h2 {
    font-size: 2rem !important;
  }
}

/* Petits téléphones */
@media (max-width: 468px) {
  .titre-article-poppins h2 {
    font-size: 1.6rem !important;
  }
}

/* Très petits écrans */
@media (max-width: 360px) {
  .titre-article-poppins h2 {
    font-size: 1.4rem !important;
  }
}
/*MODIFICATION POLICE POST CONTENT */
.contenu-article-creole h2,
.contenu-article-creole h3,
.contenu-article-creole h4,
.contenu-article-creole h5,
.contenu-article-creole h6 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  color: #2C3E50 !important;
  line-height: 1.3 !important;
}

@media (max-width: 980px) {
  .contenu-article-creole h2 { font-size: 2.2rem !important; }
  .contenu-article-creole h3 { font-size: 2rem !important; }
  .contenu-article-creole h4 { font-size: 1.8rem !important; }
  .contenu-article-creole h5 { font-size: 1.6rem !important; }
  .contenu-article-creole h6 { font-size: 1.4rem !important; }
}

@media (max-width: 468px) {
  .contenu-article-creole h2 { font-size: 1.8rem !important; }
  .contenu-article-creole h3 { font-size: 1.6rem !important; }
  .contenu-article-creole h4 { font-size: 1.4rem !important; }
  .contenu-article-creole h5 { font-size: 1.2rem !important; }
  .contenu-article-creole h6 { font-size: 1rem !important; }
}

/*MODIFICATION POLICES MODÈLE CRÉOLE*/
.article-modele-creole h2,
.article-modele-creole h3,
.article-modele-creole h4,
.article-modele-creole h5,
.article-modele-creole h6 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  color: #2C3E50 !important;
  line-height: 1.3 !important;
}
.article-modele-creole h1,
.article-modele-creole h2,
.article-modele-creole h3,
.article-modele-creole h4,
.article-modele-creole h5,
.article-modele-creole h6 {
  font-weight: 700 !important;
}

@media (max-width: 980px) {
  .article-modele-creole h2 { font-size: 2.2rem !important; }
  .article-modele-creole h3 { font-size: 2rem !important; }
  .article-modele-creole h4 { font-size: 1.8rem !important; }
  .article-modele-creole h5 { font-size: 1.6rem !important; }
  .article-modele-creole h6 { font-size: 1.4rem !important; }
}

@media (max-width: 468px) {
  .article-modele-creole h2 { font-size: 1.8rem !important; }
  .article-modele-creole h3 { font-size: 1.6rem !important; }
  .article-modele-creole h4 { font-size: 1.4rem !important; }
  .article-modele-creole h5 { font-size: 1.2rem !important; }
  .article-modele-creole h6 { font-size: 1rem !important; }
}

.titre-article-poppins h1,
.titre-article-poppins h2,
.titre-article-poppins h3,
.titre-article-poppins h4,
.titre-article-poppins h5,
.titre-article-poppins h6 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  color: #2C3E50 !important;
  line-height: 1.3 !important;
}

.contenu-article-creole h1,
.contenu-article-creole h2,
.contenu-article-creole h3,
.contenu-article-creole h4,
.contenu-article-creole h5,
.contenu-article-creole h6 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  color: #2C3E50 !important;
  line-height: 1.3 !important;
}
@media (max-width: 980px) {
  .titre-article-poppins h2,
  .contenu-article-creole h2 { font-size: 2.2rem !important; }
  .titre-article-poppins h3,
  .contenu-article-creole h3 { font-size: 2rem !important; }
  .titre-article-poppins h4,
  .contenu-article-creole h4 { font-size: 1.8rem !important; }
  .titre-article-poppins h5,
  .contenu-article-creole h5 { font-size: 1.6rem !important; }
  .titre-article-poppins h6,
  .contenu-article-creole h6 { font-size: 1.4rem !important; }
}

@media (max-width: 468px) {
  .titre-article-poppins h2,
  .contenu-article-creole h2 { font-size: 1.8rem !important; }
  .titre-article-poppins h3,
  .contenu-article-creole h3 { font-size: 1.6rem !important; }
  .titre-article-poppins h4,
  .contenu-article-creole h4 { font-size: 1.4rem !important; }
  .titre-article-poppins h5,
  .contenu-article-creole h5 { font-size: 1.2rem !important; }
  .titre-article-poppins h6,
  .contenu-article-creole h6 { font-size: 1rem !important; }
}

/*MODIFICATION TITRE HERO BLOG*/
.hero-blog-poppins h1,
.hero-blog-poppins h2 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  font-size: 3rem !important;
  color: #2C3E50 !important;
  line-height: 1.2 !important;
}
@media (max-width: 980px) {
  .hero-blog-poppins h1,
  .hero-blog-poppins h2 {
    font-size: 2.5rem !important;
  }
}

@media (max-width: 468px) {
  .hero-blog-poppins h1,
  .hero-blog-poppins h2 {
    font-size: 1.8rem !important;
  }
}
/*MODIFICATION TITRE DES ARTICLES POLICE POPPINS*/

.blog-articles-poppins h2.post-title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  font-size: 2.2rem !important;
  color: #2C3E50 !important;
  line-height: 1.3 !important;
}

@media (max-width: 980px) {
  .blog-articles-poppins h2.post-title {
    font-size: 2rem !important;
  }
}

@media (max-width: 468px) {
  .blog-articles-poppins h2.post-title {
    font-size: 1.6rem !important;
  }
}
/* ========================================
   SOMMAIRE DYNAMIQUE (TOC)
   ======================================== */

#toc-container {
  margin-bottom: 25px;
}

.sidebar-toc-dynamic {
  background: #FFFFFF;
  border: 1px solid #E9ECEF;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.sidebar-toc-dynamic h4 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  color: #2C3E50 !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 15px !important;
  border-bottom: 2px solid #F0F0F0 !important;
  font-weight: 600 !important;
}

.toc-list-dynamic {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.toc-list-dynamic li {
  margin-bottom: 12px !important;
}

.toc-list-dynamic a {
  color: #7F8C8D !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  transition: all 0.3s ease !important;
  display: block !important;
  padding: 8px 0 8px 15px !important;
  border-left: 3px solid transparent !important;
}

.toc-list-dynamic a:hover {
  color: #FF6B6B !important;
  border-left-color: rgba(255, 107, 107, 0.3) !important;
  padding-left: 20px !important;
}

.toc-list-dynamic a.active {
  color: #FF6B6B !important;
  border-left-color: #FF6B6B !important;
  padding-left: 20px !important;
  font-weight: 600 !important;
}

/* Responsive */
@media (max-width: 980px) {
  .sidebar-toc-dynamic {
    margin-top: 30px;
  }
/*CORRECTION COPILOT */
/* === Développement Personnel === */
.category-developpement-personnel .et_pb_title_container h2,
.category-developpement-personnel .et_pb_post_title h2 {
    color: #FF6B6B !important;
}
.category-developpement-personnel .et_pb_section .post-title-section {
    background-color: #FFECEC !important;
}

/* === Entrepreneuriat === */
.category-entrepreneuriat .et_pb_title_container h2,
.category-entrepreneuriat .et_pb_post_title h2 {
    color: #4A90E2 !important;
}
.category-entrepreneuriat .et_pb_section.post-title-section {
    background-color: #E6F0FA !important;
}

/* === Leadership === */
.category-leadership .et_pb_title_container h2,
.category-leadership .et_pb_post_title h2 {
    color: #FCB900 !important;
}
.category-leadership .et_pb_section.post-title-section {
    background-color: #FFF8DC !important;
}

/* === Équilibre de Vie === */
.category-equilibre-vie .et_pb_title_container h2,
.category-equilibre-vie .et_pb_post_title h2 {
    color: #66BB6A !important;
}
.category-equilibre-vie .et_pb_section .post-title-section {
    background-color: #E8F5E9 !important;
}

/* === Couleur par défaut === */
.single .et_pb_title_container h2,
.single .et_pb_post_title h2 {
    color: #2C3E50 !important;
}
.single .et_pb_section.post-title-section {
    background-color: #F5F5F5 !important;
}


/* Corriger la police des titres dans le blog */
.et_pb_blog_grid .entry-title,
.et_pb_blog_grid .entry-title a,
.et_pb_post .entry-title,
.et_pb_post .entry-title a {
    font-family: 'Poppins', sans-serif !important;
    text-transform: none !important;
    font-weight: 600 !important;
}
/* Texte blanc sur fond coloré - Post Title */

/* TITRE H2 (pas H1) */
.et_pb_post_title h2.entry-title {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;
}

/* Métadonnées (auteur, date, catégorie) */
.et_pb_title_meta_container,
.et_pb_title_meta_container p,
.et_pb_title_meta_container a,
.et_pb_title_meta_container .author.vcard,
.et_pb_title_meta_container .published {
    color: #FFFFFF !important;
    opacity: 0.95 !important;
}

/* Liens des métadonnées au hover */
.et_pb_title_meta_container a:hover {
    color: #FFFFFF !important;
    opacity: 1 !important;
    text-decoration: underline !important;
}

/* === Correction du style des titres du blog (desktop) === */
.et_pb_blog_grid h2.entry-title,
.et_pb_blog_grid .entry-title a,
.et_pb_post h2.entry-title,
.et_pb_post .entry-title a {
    font-family: 'Poppins', sans-serif !important;
    text-transform: none !important;
    font-weight: 600 !important;
}
/*
@media only screen and (min-width: 982px) {
  .et_pb_blog_grid h2.entry-title,
  .et_pb_blog_grid .entry-title a,
  .et_pb_post h2.entry-title,
  .et_pb_post .entry-title a {
    text-transform: none !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
  }
}
  */
/* ==========================================
   FOND COLORÉ SECTION POST TITLE - DYNAMIQUE
   ========================================== */

/* Développement Personnel - Rouge */
/*body.category-developpement-personnel .et_pb_section .post-title-section {
    background: linear-gradient(135deg, #FF6B6B, #FFA07A) !important;
}

/* Entrepreneuriat - Bleu 
body.category-entrepreneuriat .et_pb_section .post-title-section {
    background: linear-gradient(135deg, #4A90E2, #6BB6FF) !important;
}

/* Leadership - Jaune 
body.category-leadership .et_pb_section .post-title-section {
    background: linear-gradient(135deg, #FCB900, #FFD54F) !important;
}

/* Équilibre de Vie - Vert 
body.category-equilibre-vie .et_pb_section .post-title-section {
    background: linear-gradient(135deg, #66BB6A, #81C784) !important;
}

/* Responsive - Garder le fond sur TOUS les appareils 
@media (max-width: 980px) {
    body.category-developpement-personnel .et_pb_section.post-title-section,
    body.category-entrepreneuriat .et_pb_section.post-title-section,
    body.category-leadership .et_pb_section.post-title-section,
    body.category-equilibre-vie .et_pb_section.post-title-section {
        background: inherit !important;
        background-size: cover !important;
    }
}
 
  /* FORCER le fond coloré sur TOUS les appareils 
@media (max-width: 790px) {
    body.category-developpement-personnel .et_pb_section .post-title-section {
        background: linear-gradient(135deg, #FF6B6B, #FFA07A) !important;
    }
    
    body.category-leadership .et_pb_section .post-title-section {
        background: linear-gradient(135deg, #FCB900, #FFD54F) !important;
    }
}

@media (max-width: 480px) {
    body.category-developpement-personnel .et_pb_section .post-title-section {
        background: linear-gradient(135deg, #FF6B6B, #FFA07A) !important;
    }
    
    body.category-leadership .et_pb_section .post-title-section {
        background: linear-gradient(135deg, #FCB900, #FFD54F) !important;
    }
} 
 
 /* ==========================================
   POST TITLE - ROUGE PARTOUT
   Développement Personnel
   ========================================== */

/* Forcer le fond rouge sur TOUTES les tailles 
.single-post.category-developpement-personnel .et_pb_post_title {
    background: #FF6B6B !important;
    background-color: #FF6B6B !important;
}

/* Titre en blanc 
.single-post.category-developpement-personnel .et_pb_post_title h1,
.single-post.category-developpement-personnel .et_pb_post_title .entry-title {
    color: #FFFFFF !important;
}

/* Éliminer le inherit sur toutes les tailles 
@media (max-width: 980px) {
    .single-post.category-developpement-personnel .et_pb_post_title {
        background: #FF6B6B !important;
        background-color: #FF6B6B !important;
    }
} 
  
 */ 
  
  /* ==========================================
   ANCIEN CSS - SAUVEGARDE (ne pas supprimer !)
   ========================================== */
/*
VERIFICATION

JE PENSE QUE CE CODE MARCHE EN PARTIE

.single-post.category-entrepreneuriat .post-title-section {
  background-color: #2ea3f2; !important;
  color: white; !important;
}

.single-post.category-leadership .post-title-section {
  background-color: #FFC107;  !important;
  color: white;  !important;
}

.single-post.category-developpement-personnel .post-title-section {
  background-color: #FF6B6B; !important;
  color: white; !important;
}
.single-post.category-equilibre-vie .post-title-section {
  background-color: #66bb6a; !important;
  color: white; !important;
}

[... tout le reste de votre ancien CSS ici ...]
*/
/* ==========================================
   DESKTOP - CONTRER .et_pb_section #fff
   ========================================== */

/*@media (min-width: 874px) {
    /* Développement Personnel - Plus spécifique que .et_pb_section */
   /* body.single-post.category-developpement-personnel div.et_pb_section.post-title-section {
        background-color: #FF6B6B !important;
        background: #FF6B6B !important;
    }*/
    
   /* Développement Personnel - toutes tailles d'écran */
body.single-post.category-developpement-personnel div.et_pb_section.post-title-section {
  background-color: #FF6B6B !important;
  color: white !important;
}

	
	
	/* Entrepreneuriat */
    body.single-post.category-entrepreneuriat div.et_pb_section.post-title-section {
        background-color: #2ea3f2 !important;
        background: #2ea3f2 !important;
    }
    
    /* Leadership */
    body.single-post.category-leadership div.et_pb_section.post-title-section {
        background-color: #FFC107 !important;
        background: #FFC107 !important;
    }
    
    /* Équilibre de Vie */
    body.single-post.category-equilibre-vie div.et_pb_section.post-title-section {
        background-color: #66bb6a !important;
        background: #66bb6a !important;
    }
}

/* Votre CSS existant continue en dessous... */
/* ==========================================
   NOUVEAU CSS UNIFIÉ - COULEURS POST TITLE
   ========================================== */

/* DÉVELOPPEMENT PERSONNEL - Rouge */
.single-post.category-developpement-personnel .post-title-section,
.single-post.category-developpement-personnel .et_pb_post_title {
    background: #FF6B6B !important;
    background-color: #FF6B6B !important;
    color: white !important;
}

/* ENTREPRENEURIAT - Bleu */
.single-post.category-entrepreneuriat .post-title-section,
.single-post.category-entrepreneuriat .et_pb_post_title {
    background: #2ea3f2 !important;
    background-color: #2ea3f2 !important;
    color: white !important;
}

/* LEADERSHIP - Jaune */
.single-post.category-leadership .post-title-section,
.single-post.category-leadership .et_pb_post_title {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
    color: white !important;
}

/* ÉQUILIBRE DE VIE - Vert */
.single-post.category-equilibre-vie .post-title-section,
.single-post.category-equilibre-vie .et_pb_post_title {
    background: #66bb6a !important;
    background-color: #66bb6a !important;
    color: white !important;
}

/* TITRES BLANCS */
.single-post.category-developpement-personnel h1,
.single-post.category-developpement-personnel .entry-title,
.single-post.category-entrepreneuriat h1,
.single-post.category-entrepreneuriat .entry-title,
.single-post.category-leadership h1,
.single-post.category-leadership .entry-title,
.single-post.category-equilibre-vie h1,
.single-post.category-equilibre-vie .entry-title {
    color: #FFFFFF !important;
}

/* ==========================================
   RESPONSIVE - FORCER SUR TOUTES LES TAILLES
   ========================================== */

 /* ==========================================
   CONTRER LE MEDIA QUERY DIVI
   ========================================== */

@media (min-width: 981px) {
    /* Développement Personnel - Plus spécifique que .et_pb_section */
    .single-post.category-developpement-personnel .et_pb_section.post-title-section {
        background-color: #FF6B6B !important;
        background: #FF6B6B !important;
    }
    
    .single-post.category-entrepreneuriat .et_pb_section.post-title-section {
        background-color: #2ea3f2 !important;
        background: #2ea3f2 !important;
    }
    
    .single-post.category-leadership .et_pb_section.post-title-section {
        background-color: #FFC107 !important;
        background: #FFC107 !important;
    }
    
    .single-post.category-equilibre-vie .et_pb_section.post-title-section {
        background-color: #66bb6a !important;
        background: #66bb6a !important;
    }
} 
  
  
  
/* TABLETTES (768px - 980px) */
@media (max-width: 980px) and (min-width: 768px) {
    .single-post.category-developpement-personnel .post-title-section { background: #FF6B6B !important; }
    .single-post.category-entrepreneuriat .post-title-section { background: #2ea3f2 !important; }
    .single-post.category-leadership .post-title-section { background: #FFC107 !important; }
    .single-post.category-equilibre-vie .post-title-section { background: #66bb6a !important; }
}

/* MOBILES MOYENS (480px - 767px) */
@media (max-width: 767px) and (min-width: 480px) {
    .single-post.category-developpement-personnel .post-title-section { background: #FF6B6B !important; }
    .single-post.category-entrepreneuriat .post-title-section { background: #2ea3f2 !important; }
    .single-post.category-leadership .post-title-section { background: #FFC107 !important; }
    .single-post.category-equilibre-vie .post-title-section { background: #66bb6a !important; }
}

/* PETITS TÉLÉPHONES (320px - 479px) */
@media (max-width: 479px) {
    .single-post.category-developpement-personnel .post-title-section { background: #FF6B6B !important; }
    .single-post.category-entrepreneuriat .post-title-section { background: #2ea3f2 !important; }
    .single-post.category-leadership .post-title-section { background: #FFC107 !important; }
    .single-post.category-equilibre-vie .post-title-section { background: #66bb6a !important; }
}

/* TRÈS PETITS ÉCRANS (moins de 320px) */
@media (max-width: 319px) {
    .single-post.category-developpement-personnel .post-title-section { background: #FF6B6B !important; }
    .single-post.category-entrepreneuriat .post-title-section { background: #2ea3f2 !important; }
    .single-post.category-leadership .post-title-section { background: #FFC107 !important; }
    .single-post.category-equilibre-vie .post-title-section { background: #66bb6a !important; }
}
  

/* ========================================
   STATS GRID - HAUTEUR ÉGALE
   ======================================== */

/* Forcer flexbox sur la ligne stats */
.stats-grid-cards.et_pb_row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

/* Forcer flexbox sur chaque colonne */
.stats-grid-cards.et_pb_row > .et_pb_column {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0px !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

/* Forcer hauteur 100% sur les modules Blurb */
.stats-grid-cards.et_pb_row .et_pb_blurb {
    height: 100% !important;
    width: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

/* Centrer le contenu verticalement */
.stats-grid-cards.et_pb_row .et_pb_blurb_content {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

/* Responsive - 2 colonnes sur tablette */
@media only screen and (max-width: 980px) {
    .stats-grid-cards.et_pb_row > .et_pb_column {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 calc(50% - 10px) !important;
        flex: 0 1 calc(50% - 10px) !important;
    }
}

/* Responsive - 1 colonne sur mobile */
@media only screen and (max-width: 767px) {
    .stats-grid-cards.et_pb_row > .et_pb_column {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 100% !important;
        flex: 0 1 100% !important;
    }
}
 
/* Sélecteur ultra-précis */
#success-story-stats.stats-grid-cards.et_pb_row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

#success-story-stats.stats-grid-cards.et_pb_row > .et_pb_column {
    display: flex !important;
    flex: 1 1 0 !important;
}

#success-story-stats.stats-grid-cards.et_pb_row .et_pb_blurb {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

#success-story-stats.stats-grid-cards.et_pb_row .et_pb_blurb_content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex: 1 !important;
}

/* NOUVEL ARTICLE MOUN KI NI TCHÈ NI FOS */

/* ========================================
   ÉQUILIBRE TROPIQUE - ÉLÉMENTS DYNAMIQUES ARTICLES
   Version Optimisée Sans Conflit - Janvier 2025
   ======================================== */

/* ----------------------------------
   VARIABLES COULEURS (touches douces)
   ---------------------------------- */
:root {
  --coral-soft: #FF8A7A;           /* Corail doux */
  --turquoise-soft: #5DBEAA;       /* Turquoise doux */
  --green-tropical: #66BB6A;       /* Vert tropical (conservé) */
  --amber-soft: #FFB870;           /* Ambre doux */
  --text-dark: #2C3E50;            /* Texte foncé (conservé) */
  --text-light: #5A6C7D;           /* Texte clair */
  --bg-cream: #FFF8F5;             /* Fond crème léger */
}

/* ----------------------------------
   AMÉLIORATION GLOBALE ARTICLE
   ---------------------------------- */

/* Fond crème léger pour plus de confort */
.single-post .entry-content,
.single .entry-content {
  background: var(--bg-cream) !important;
  padding: 40px !important;
  border-radius: 10px !important;
}

/* Amélioration lisibilité paragraphes */
.single-post .entry-content p,
.single .entry-content p {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: var(--text-dark) !important;
  margin-bottom: 25px !important;
}

/* Strong avec touche corail douce */
.single-post .entry-content strong,
.single .entry-content b {
  color: var(--coral-soft) !important;
  font-weight: 600 !important;
}

/* ----------------------------------
   H2 AVEC BARRE DÉCORATIVE
   ---------------------------------- */

.single-post .entry-content h2,
.single .entry-content h2 {
  margin: 50px 0 25px !important;
  padding-bottom: 15px !important;
  position: relative !important;
}

.single-post .entry-content h2::after,
.single .entry-content h2::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 80px !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--coral-soft), var(--turquoise-soft)) !important;
  border-radius: 2px !important;
}

/* ----------------------------------
   1. INTRO LEAD (Phrase d'accroche)
   ---------------------------------- */

.intro-lead {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #4A90E2 !important;  /* Bleu conservé pour cohérence */
  line-height: 1.6 !important;
  padding: 20px 20px 20px 25px !important;
  border-left: 4px solid #4A90E2 !important;
  margin: 0 0 40px !important;
  background: linear-gradient(90deg, rgba(74, 144, 226, 0.05), transparent) !important;
  border-radius: 0 10px 10px 0 !important;
}

/* ----------------------------------
   2. CITATIONS CRÉOLES SPLIT
   ---------------------------------- */

.quote-creole-split {
  background: linear-gradient(135deg, rgba(93, 190, 170, 0.05), rgba(102, 187, 106, 0.05)) !important;
  padding: 40px !important;
  margin: 50px 0 !important;
  border-left: 5px solid var(--coral-soft) !important;
  border-radius: 15px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 40px !important;
  align-items: center !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

.quote-creole-split blockquote {
  font-family: 'Poppins', sans-serif !important;
  font-style: italic !important;
  font-size: 26px !important;
  color: var(--text-dark) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.quote-translation {
  padding-left: 30px !important;
  border-left: 2px solid var(--turquoise-soft) !important;
}

.quote-translation strong {
  display: block !important;
  color: var(--coral-soft) !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important;
}

.quote-translation p {
  font-size: 16px !important;
  color: var(--text-light) !important;
  margin: 0 !important;
}

/* Responsive Citation */
@media (max-width: 768px) {
  .quote-creole-split {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 30px !important;
  }
  
  .quote-creole-split blockquote {
    font-size: 20px !important;
  }
}

/* ----------------------------------
   3. ENCADRÉ CONSEIL (avec emoji)
   ---------------------------------- */

.conseil-box {
  background: linear-gradient(135deg, rgba(102, 187, 106, 0.08), rgba(93, 190, 170, 0.08)) !important;
  border-left: 5px solid var(--green-tropical) !important;
  padding: 35px !important;
  margin: 50px 0 !important;
  border-radius: 10px !important;
  position: relative !important;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05) !important;
}

.conseil-box::before {
  content: '💡' !important;
  position: absolute !important;
  top: -20px !important;
  left: 35px !important;
  font-size: 32px !important;
  background: white !important;
  padding: 5px 15px !important;
  border-radius: 50px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;
}

.conseil-box h4 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--green-tropical) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 15px !important;
}

.conseil-box p {
  color: var(--text-dark) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
}

/* ----------------------------------
   4. LISTES AVEC CHECKMARKS
   ---------------------------------- */

.checklist {
  list-style: none !important;
  padding: 0 !important;
  margin: 30px 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 15px !important;
}

.checklist li {
  font-size: 16px !important;
  padding-left: 35px !important;
  position: relative !important;
  line-height: 1.6 !important;
  color: var(--text-dark) !important;
}

.checklist li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--green-tropical) !important;
  font-weight: bold !important;
  font-size: 20px !important;
  background: rgba(102, 187, 106, 0.1) !important;
  width: 25px !important;
  height: 25px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}

/* Responsive Liste */
@media (max-width: 768px) {
  .checklist {
    grid-template-columns: 1fr !important;
  }
}

/* ----------------------------------
   5. IMAGE + TEXTE 2 COLONNES
   ---------------------------------- */

.image-text-split {
  display: grid !important;
  grid-template-columns: 45% 55% !important;
  gap: 40px !important;
  margin: 50px 0 !important;
  align-items: center !important;
  background: white !important;
  padding: 40px !important;
  border-radius: 15px !important;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05) !important;
}

.image-text-split img {
  width: 100% !important;
  height: 350px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}

/* Responsive Image+Texte */
@media (max-width: 768px) {
  .image-text-split {
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    padding: 25px !important;
  }
  
  .image-text-split img {
    height: 250px !important;
  }
}

/* ----------------------------------
   6. CTA PROGRAMME
   ---------------------------------- */

.cta-programme {
  background: linear-gradient(135deg, rgba(93, 190, 170, 0.08), rgba(102, 187, 106, 0.08)) !important;
  border: 2px solid var(--turquoise-soft) !important;
  border-radius: 15px !important;
  padding: 45px !important;
  margin: 50px 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 30px !important;
  align-items: center !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

.cta-programme h4 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  color: var(--text-dark) !important;
  margin-bottom: 12px !important;
}

.cta-programme p {
  font-size: 16px !important;
  color: var(--text-light) !important;
  margin: 0 !important;
}

.cta-button {
  background: linear-gradient(135deg, var(--turquoise-soft), var(--green-tropical)) !important;
  color: white !important;
  padding: 18px 35px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  white-space: nowrap !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(93, 190, 170, 0.3) !important;
  display: inline-block !important;
}

.cta-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 25px rgba(93, 190, 170, 0.4) !important;
  background: linear-gradient(135deg, var(--green-tropical), var(--turquoise-soft)) !important;
}

/* Responsive CTA */
@media (max-width: 768px) {
  .cta-programme {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 30px !important;
  }
  
  .cta-button {
    width: 100% !important;
  }
}

/* ----------------------------------
   7. IMAGE PLEINE LARGEUR
   ---------------------------------- */

.image-full {
  width: calc(100% + 120px) !important;
  margin-left: -60px !important;
  margin-right: -60px !important;
  height: 400px !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}

.image-full img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 980px) {
  .image-full {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 300px !important;
  }
}

/* ----------------------------------
   8. AMÉLIORATION IMAGES STANDARD
   ---------------------------------- */

.single-post .entry-content img,
.single .entry-content img {
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
  margin: 30px 0 !important;
}

/* ----------------------------------
   9. BLOCKQUOTES (Citations standard)
   ---------------------------------- */

.single-post .entry-content blockquote,
.single .entry-content blockquote {
  font-family: 'Poppins', sans-serif !important;
  font-style: italic !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  color: var(--text-dark) !important;
  background: linear-gradient(90deg, rgba(93, 190, 170, 0.05), transparent) !important;
  border-left: 4px solid var(--turquoise-soft) !important;
  padding: 25px 30px !important;
  margin: 40px 0 !important;
  border-radius: 0 10px 10px 0 !important;
}

/* ----------------------------------
   10. RESPONSIVE GÉNÉRAL
   ---------------------------------- */

@media (max-width: 980px) {
  .single-post .entry-content h2,
  .single .entry-content h2 {
    font-size: 28px !important;
  }
  
  .single-post .entry-content h3,
  .single .entry-content h3 {
    font-size: 20px !important;
  }
  
  .intro-lead {
    font-size: 20px !important;
    padding: 18px !important;
  }
  
  .single-post .entry-content,
  .single .entry-content {
    padding: 30px !important;
  }
}

@media (max-width: 768px) {
  .single-post .entry-content h2,
  .single .entry-content h2 {
    font-size: 24px !important;
  }
  
  .single-post .entry-content p,
  .single .entry-content p {
    font-size: 16px !important;
  }
  
  .intro-lead {
    font-size: 18px !important;
  }
  
  .single-post .entry-content,
  .single .entry-content {
    padding: 20px !important;
  }
}
/*ARTICLE AUTHENTICITE CREOLE*/
/* ----------------------------------
   FIN DU CSS ÉQUILIBRE TROPIQUE
   ---------------------------------- */
/* ========================================
   LISTES AVEC COCHES VERTES
   ======================================== */

.liste-verte {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.liste-verte li {
    font-size: 16px !important;
    padding-left: 35px !important;
    position: relative !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    color: #2C3E50 !important;
}

.liste-verte li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #66BB6A !important;
    font-weight: bold !important;
    font-size: 20px !important;
    background: rgba(102, 187, 106, 0.1) !important;
    width: 25px !important;
    height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
}
																						  
																						  
/* ========================================
   BARRE SOUS H2 - UNIQUEMENT ARTICLE AVEC CLASSE
   ======================================== */

.article-avec-barre h2 {
    padding-bottom: 15px !important;
    position: relative !important;
    margin-bottom: 25px !important;
	border-bottom: none !important; /* ← Supprime la bordure Divi */																						
}

.article-avec-barre h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 80px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #FF8A7A, #5DBEAA) !important;
    border-radius: 2px !important;
}																						  
																						  
/* ========================================
   FOND CRÈME - ARTICLE AUTHENTICITÉ UNIQUEMENT
   ======================================== */

.article-avec-barre {
    background: #FFF8F5 !important;
}

.article-avec-barre .et_pb_section,
.article-avec-barre .et_pb_row {
    background: #FFF8F5 !important;
}
/* ========================================
   RÉDUIRE L'ESPACE ENTRE LES LIGNES
   ======================================== */

.article-avec-barre .et_pb_row {
    margin-bottom: 30px !important; /* Au lieu de 50px par défaut */
}

/* Si vous voulez encore moins d'espace */
.article-avec-barre .et_pb_row {
    margin-bottom: 20px !important;
}																						  
																						  
/* ========================================
   FORCER BORDURE TURQUOISE - ANNULER BLEUE
   ======================================== */

.article-avec-barre .et_pb_post_content blockquote,
.article-avec-barre blockquote {
    border-left: 2px solid #5DBEAA !important;
}

/* Pour la traduction aussi */
.article-avec-barre .quote-translation-divi {
    border-left: 2px solid #5DBEAA !important;
}


/* ========================================
   FORCER RÉDUCTION MARGES - VERSION PUISSANTE
   ======================================== */

.article-avec-barre .et_pb_row {
    margin-bottom: 20px !important;
    padding-bottom: 0px !important;
}

.article-avec-barre .et_pb_column {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.article-avec-barre .et_pb_section {
    padding-bottom: 30px !important;
}

/* Pour les lignes spécifiques avec citations */
.article-avec-barre .et_pb_row.et_pb_row_1,
.article-avec-barre .et_pb_row.et_pb_row_2,
.article-avec-barre .et_pb_row.et_pb_row_3 {
    margin-bottom: 20px !important;
}

/* ========================================
   RÉDUCTION ESPACES - ARTICLE (AUTHENTICITÉ ) -AVEC-BARRE
   ======================================== */

/* Réduire espace après les H2 */
.article-avec-barre h2 {
    margin-bottom: 20px !important;
}

/* Réduire espace après les H3 (sous-titres numérotés) */
.article-avec-barre h3 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

/* Réduire espace avant/après les paragraphes normaux */
.article-avec-barre p {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}

/* Réduire espace avant/après les paragraphes orangés */
.article-avec-barre p[style*="color: #FF8A7A"],
.article-avec-barre p strong[style*="color: #FF8A7A"] {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* Réduire espace avant les listes */
.article-avec-barre .liste-verte {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

/* Réduire espace entre items de liste */
.article-avec-barre .liste-verte li {
    margin-bottom: 8px !important;
}

/* Réduire espace après les citations créoles */
.article-avec-barre blockquote {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* Réduire espace dans les lignes Divi */
.article-avec-barre .et_pb_row {
    margin-bottom: 20px !important;
    padding-bottom: 0px !important;
}

/* Réduire espace dans les colonnes */
.article-avec-barre .et_pb_column {
    margin-bottom: 0px !important;
}

/* Réduire espace des modules texte */
.article-avec-barre .et_pb_text {
    margin-bottom: 15px !important;
}

/* Espace spécial après section avec image + texte */
.article-avec-barre .et_pb_row:has(.et_pb_image) {
    margin-bottom: 20px !important;
}

/* ========================================
   BORDURE AUTOUR DES CITATIONS CRÉOLES
   ======================================== */

.article-avec-barre .et_pb_row:has(blockquote) {
    border: 2px solid rgba(93, 190, 170, 0.3) !important;
    border-left: 5px solid #5DBEAA !important;
    border-radius: 15px !important;
    padding: 40px !important;
    background: linear-gradient(135deg, rgba(93, 190, 170, 0.05), rgba(102, 187, 106, 0.05)) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

/* ========================================
   CSS ARTICLE - RETOUR EN MARTINIQUE
   Catégorie : Développement Personnel (Rouge Corail)
   Équilibre Tropique
   ======================================== */



/* ----------------------------------
   3. CONTENU PRINCIPAL
   ---------------------------------- */

.article-main {
    background: white;
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}

/* Intro Lead */
.intro-lead {
    font-size: 22px;
    font-weight: 500;
    color: #4A90E2;
    line-height: 1.6;
    margin-bottom: 30px;
    padding-left: 20px;
    border-left: 4px solid #4A90E2;
    font-style: italic;
}

/* Paragraphes généraux */
.article-main > p,
.content-section p {
    font-size: 17px;
    line-height: 1.8;
    color: #495057;
    margin-bottom: 20px;
}

/* ========================================
   CSS ARTICLE RETOUR EN MARTINIQUE (VERSION CORRIGÉE)
   
   CLASSE À AJOUTER AU MODULE DIVI : article-retour-martinique
   
   Comment ajouter la classe :
   1. Ouvrir l'article dans Divi Builder
   2. Cliquer sur paramètres du module Texte (⚙️)
   3. Onglet "Avancé" → Section "CSS ID & Classes"
   4. Dans "Classe CSS" mettre : article-retour-martinique
   ======================================== */

/* ----------------------------------
   SECTIONS DE CONTENU
   ---------------------------------- */

/* Cibler le module Divi avec la classe personnalisée */
.article-retour-martinique .article-layout .content-section {
    margin: 50px 0;
}

/* H2 - Titres principaux */
.article-retour-martinique .article-layout h2,
.article-retour-martinique h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    color: #FF6B6B !important;
    margin-bottom: 30px !important;
    margin-top: 40px !important;
    position: relative !important;
    padding-bottom: 20px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}

/* Underline décorative pour H2 */
.article-retour-martinique .article-layout h2::after,
.article-retour-martinique h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100px !important;
    height: 5px !important;
    background: linear-gradient(90deg, #FF6B6B 0%, #FFA07A 100%) !important;
    border-radius: 3px !important;
}

/* H3 - Sous-titres */
.article-retour-martinique .article-layout h3,
.article-retour-martinique h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    color: #4A8C57 !important;
    margin: 35px 0 20px !important;
    font-weight: 600 !important;
    padding-left: 20px !important;
    border-left: 4px solid #4A8C57 !important;
}

/* H4 - Petits titres */
.article-retour-martinique .article-layout h4,
.article-retour-martinique h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin: 25px 0 15px !important;
    font-weight: 600 !important;
}

/* Paragraphes dans les sections */
.article-retour-martinique .article-layout p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #495057 !important;
    margin-bottom: 20px !important;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .article-retour-martinique .article-layout h2,
    .article-retour-martinique h2 {
        font-size: 26px !important;
    }
    
    .article-retour-martinique .article-layout h3,
    .article-retour-martinique h3 {
        font-size: 20px !important;
    }
    
    .article-retour-martinique p {
        font-size: 16px !important;
    }
}

/* ----------------------------------
   INSTRUCTIONS D'INSTALLATION
   ---------------------------------- */

/*
📋 COMMENT UTILISER CE CSS :

ÉTAPE 1 - AJOUTER LA CLASSE AU MODULE DIVI :
1. Aller dans l'article "Retour en Martinique"
2. Ouvrir Divi Builder
3. Cliquer sur ⚙️ Paramètres du module Texte
4. Onglet "Avancé"
5. Section "CSS ID & Classes"
6. Dans "Classe CSS" mettre : article-retour-martinique
7. Sauvegarder

ÉTAPE 2 - AJOUTER CE CSS AU CHILD THEME :
1. Ouvrir : public_html/wp-content/themes/divi-child/style.css
2. REMPLACER l'ancien CSS de l'article par celui-ci
3. Sauvegarder

ÉTAPE 3 - VIDER LES CACHES :
1. Divi → Options du thème → Builder → Effacer le cache
2. Navigateur : Ctrl + F5 (Windows) / Cmd + Shift + R (Mac)

✅ RÉSULTAT :
Les styles rouge corail s'appliquent uniquement à l'article
"Retour en Martinique" sans affecter les autres articles.
*/

/* ----------------------------------
   5. CITATION CRÉOLE SPLIT
   ---------------------------------- */

.quote-split {
    background: linear-gradient(135deg, rgba(255,107,107,0.05), rgba(74,144,226,0.05)); /* Rouge Corail */
    border-left: 5px solid #FF6B6B;
    padding: 40px;
    border-radius: 15px;
    margin: 50px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.quote-split blockquote {
    font-style: italic;
    font-size: 26px;
    color: #2C3E50;
    line-height: 1.4;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
}

.quote-translation {
    font-size: 16px;
    color: #7F8C8D;
    padding-left: 30px;
    border-left: 2px solid #E0E6ED;
}

.quote-translation strong {
    color: #2C3E50;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ----------------------------------
   6. IMAGES
   ---------------------------------- */

.image-full {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    margin: 40px 0 15px;
}

.image-full img {
    width: 100%;
    height: auto;
    display: block;
}

.image-caption {
    font-size: 14px;
    font-style: italic;
    color: #7F8C8D;
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

/* Galerie d'images */
.image-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 40px 0;
}

.image-gallery img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 15px;
    transition: transform 0.3s ease;
}

.image-gallery img:hover {
    transform: scale(1.05);
}

/* ----------------------------------
   7. BOÎTES DE CONTENU
   ---------------------------------- */

/* Boîte de conseil */
.conseil-box {
    background: rgba(74, 144, 226, 0.05);
    border-left: 4px solid #4A90E2;
    padding: 30px;
    border-radius: 12px;
    margin: 30px 0;
}

.conseil-box h4 {
    color: #4A90E2;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0;
    border: none;
}

.conseil-box p {
    margin-bottom: 15px;
}

.conseil-box ul {
    margin: 15px 0 0 0;
    padding-left: 20px;
}

.conseil-box ul li {
    margin-bottom: 10px;
    color: #495057;
}

/* Boîte de témoignage */
.testimonial-box {
    background: rgba(255, 107, 107, 0.05); /* Rouge Corail */
    border-left: 4px solid #FF6B6B;
    padding: 30px;
    border-radius: 12px;
    margin: 30px 0;
    font-style: italic;
}

.testimonial-box p {
    color: #2C3E50;
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 0;
}

.testimonial-author {
    font-style: normal;
    font-weight: 600;
    margin-top: 15px;
    color: #2C3E50;
    font-size: 15px;
}

/* ----------------------------------
   8. LISTES
   ---------------------------------- */

.list-two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 30px;
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.list-two-columns li {
    padding-left: 25px;
    position: relative;
    color: #495057;
    line-height: 1.6;
}

.list-two-columns li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #FF6B6B; /* Rouge Corail */
    font-weight: bold;
    font-size: 18px;
}

.list-two-columns li strong {
    color: #2C3E50;
}

/* ----------------------------------
   9. SPLIT CONTENT (IMAGE + TEXTE)
   ---------------------------------- */

.split-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    padding: 30px 0;
    margin: 30px 0;
}

.split-content img {
    width: 100%;
    border-radius: 15px;
}

.split-content-text h3,
.split-content-text h4 {
    margin-top: 0;
}

.split-content-text ul {
    margin: 15px 0;
    padding-left: 20px;
}

.split-content-text ul li {
    margin-bottom: 10px;
    color: #495057;
}



/* ----------------------------------
   13. RESPONSIVE DESIGN
   ---------------------------------- */

/* Tablettes */
@media (max-width: 1200px) {
     .article-main {
        padding: 35px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .article-main {
        padding: 25px 20px;
    }
    
    .quote-split {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 30px 20px;
    }
    
    .quote-split blockquote {
        font-size: 22px;
    }
    
    .quote-translation {
        padding-left: 20px;
    }
    
    .split-content {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .list-two-columns {
        grid-template-columns: 1fr;
    }
    
    .image-gallery {
        grid-template-columns: 1fr;
    }
    
    .content-section h2 {
        font-size: 26px;
    }
    
    .content-section h3 {
        font-size: 20px;
    }
}

/* ----------------------------------
   14. UTILITAIRES
   ---------------------------------- */

/* Styles pour les éléments <strong> dans les paragraphes */
.article-main strong,
.content-section strong {
    color: #2C3E50;
    font-weight: 600;
}

/* Styles pour les éléments <em> dans les paragraphes */
.article-main em,
.content-section em {
    color: #FF6B6B; /* Rouge Corail */
    font-style: italic;
}

/* Liens généraux dans le contenu */
.article-main a:not(.program-cta-button):not(.toc-list a):not(.similar-item a),
.content-section a:not(.program-cta-button) {
    color: #4A90E2;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.article-main a:not(.program-cta-button):hover,
.content-section a:not(.program-cta-button):hover {
    color: #FF6B6B; /* Rouge Corail */
}

/* ----------------------------------
   15. NOTES D'IMPLÉMENTATION
   ---------------------------------- */

/*
📋 INSTRUCTIONS D'INTÉGRATION DANS DIVI :

1. AJOUTER CE CSS :
   - Aller dans : Divi → Options du thème → CSS personnalisé
   - OU : Fichier thème enfant → style.css
   - Coller tout ce code CSS

2. STRUCTURE DE LA PAGE :
   - Créer une nouvelle page dans WordPress
   - Utiliser Divi Builder
   - Ajouter une section "Pleine largeur"
   - Désactiver le padding de la section (0px partout)
   - Ajouter un module "Code" ou "Texte"
   - Basculer en mode HTML
   - Coller le code HTML fourni

3. CATÉGORIE :
   - Assigner la page/article à la catégorie "Développement Personnel"
   - La couleur rouge corail s'appliquera automatiquement

4. IMAGES :
   - Remplacer les URLs d'images (URL_IMAGE_XXX.jpg) par vos vraies images
   - Uploader les images dans la bibliothèque WordPress
   - Copier les URLs et les coller dans le HTML

5. LIENS :
   - Remplacer #contact par votre vraie page de contact
   - Ajuster les liens des articles similaires

6. TEST :
   - Vider le cache Divi (Divi → Effacer le cache)
   - Vider le cache du navigateur (Ctrl + F5)
   - Tester sur desktop, tablette et mobile

✅ COMPATIBILITÉ :
- Divi 4.x et versions ultérieures
- WordPress 5.x et versions ultérieures
- Tous les navigateurs modernes
- Responsive sur tous les appareils

🎨 PERSONNALISATION :
Pour changer la couleur principale, rechercher et remplacer :
- #FF6B6B → Votre nouvelle couleur principale
- #FFA07A → Votre nouvelle couleur secondaire
- rgba(255, 107, 107, 0.05) → Votre nouveau background léger
*/



CSS COMPLET LEADERSHIP AU FEMININ

/* ========================================
   CSS ULTRA-SPÉCIFIQUE - ARTICLE LEADERSHIP AU FÉMININ
   Catégorie : Leadership (Jaune/Or #FFC107)
   
   CLASSE À AJOUTER AU MODULE DIVI : article-leadership-feminin
   
   Version avec SPÉCIFICITÉ MAXIMALE pour surpasser TOUS les styles Divi
   ======================================== */

/* ----------------------------------
   INTRO LEAD
   ---------------------------------- */
.et_pb_module.article-leadership-feminin .intro-lead,
.et_pb_text.article-leadership-feminin .intro-lead {
    font-size: 22px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    font-weight: 400 !important;
    margin-bottom: 40px !important;
    padding: 25px !important;
    background: rgba(255,193,7,0.05) !important;
    border-left: 5px solid #FFC107 !important;
    border-radius: 8px !important;
    font-style: italic;
}

/* ----------------------------------
   CITATIONS CRÉOLES SPLIT (2 COLONNES)
   ---------------------------------- */
.et_pb_module.article-leadership-feminin .quote-split,
.et_pb_text.article-leadership-feminin .quote-split {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin: 40px 0 !important;
    padding: 35px !important;
    background: linear-gradient(135deg, rgba(255,193,7,0.05) 0%, rgba(255,213,79,0.05) 100%) !important;
    border-radius: 15px !important;
    border: 2px solid rgba(255,193,7,0.2) !important;
}

.et_pb_module.article-leadership-feminin .quote-split blockquote,
.et_pb_text.article-leadership-feminin .quote-split blockquote {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: #FFC107 !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

.et_pb_module.article-leadership-feminin .quote-translation,
.et_pb_text.article-leadership-feminin .quote-translation {
    background: white !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border-left: 4px solid #FFC107 !important;
}

.et_pb_module.article-leadership-feminin .quote-translation strong,
.et_pb_text.article-leadership-feminin .quote-translation strong {
    color: #FFC107 !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* ----------------------------------
   SECTIONS DE CONTENU
   ---------------------------------- */
.et_pb_module.article-leadership-feminin .content-section,
.et_pb_text.article-leadership-feminin .content-section {
    margin: 50px 0 !important;
}

/* H2 - Titres principaux (couleur Leadership - JAUNE) */
.et_pb_module.article-leadership-feminin .content-section h2,
.et_pb_module.article-leadership-feminin h2,
.et_pb_text.article-leadership-feminin .content-section h2,
.et_pb_text.article-leadership-feminin h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    color: #FFC107 !important;
    margin-bottom: 30px !important;
    margin-top: 40px !important;
    position: relative !important;
    padding-bottom: 20px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}

/* Underline décorative pour H2 - gradient jaune/or */
.et_pb_module.article-leadership-feminin .content-section h2::after,
.et_pb_module.article-leadership-feminin h2::after,
.et_pb_text.article-leadership-feminin .content-section h2::after,
.et_pb_text.article-leadership-feminin h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100px !important;
    height: 5px !important;
    background: linear-gradient(90deg, #FFC107 0%, #FFD54F 100%) !important;
    border-radius: 3px !important;
}

/* H3 - Sous-titres (bordure gauche JAUNE) */
.et_pb_module.article-leadership-feminin .content-section h3,
.et_pb_module.article-leadership-feminin h3,
.et_pb_text.article-leadership-feminin .content-section h3,
.et_pb_text.article-leadership-feminin h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    color: #2C3E50 !important;
    margin: 35px 0 20px !important;
    font-weight: 600 !important;
    padding-left: 20px !important;
    border-left: 4px solid #FFC107 !important;
}

/* H4 - Petits titres */
.et_pb_module.article-leadership-feminin .content-section h4,
.et_pb_module.article-leadership-feminin h4,
.et_pb_text.article-leadership-feminin .content-section h4,
.et_pb_text.article-leadership-feminin h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin: 25px 0 15px !important;
    font-weight: 600 !important;
}

/* Paragraphes */
.et_pb_module.article-leadership-feminin .content-section p,
.et_pb_module.article-leadership-feminin p,
.et_pb_text.article-leadership-feminin .content-section p,
.et_pb_text.article-leadership-feminin p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #495057 !important;
    margin-bottom: 20px !important;
}

/* Strong et Em */
.et_pb_module.article-leadership-feminin strong,
.et_pb_text.article-leadership-feminin strong {
    color: #2C3E50 !important;
    font-weight: 600 !important;
}

.et_pb_module.article-leadership-feminin em,
.et_pb_text.article-leadership-feminin em {
    color: #FFC107 !important;
    font-style: italic !important;
}

/* ----------------------------------
   LISTES
   ---------------------------------- */

/* Listes normales */
.et_pb_module.article-leadership-feminin .content-section ul,
.et_pb_module.article-leadership-feminin ul,
.et_pb_text.article-leadership-feminin .content-section ul,
.et_pb_text.article-leadership-feminin ul {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-leadership-feminin .content-section ul li,
.et_pb_module.article-leadership-feminin ul li,
.et_pb_text.article-leadership-feminin .content-section ul li,
.et_pb_text.article-leadership-feminin ul li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

/* Liste 2 colonnes */
.et_pb_module.article-leadership-feminin .list-two-columns,
.et_pb_text.article-leadership-feminin .list-two-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 25px 0 !important;
}

.et_pb_module.article-leadership-feminin .list-two-columns li,
.et_pb_text.article-leadership-feminin .list-two-columns li {
    padding: 15px !important;
    background: #F8F9FA !important;
    border-radius: 8px !important;
    border-left: 3px solid #FFC107 !important;
    margin-bottom: 0 !important;
}

/* ----------------------------------
   TÉMOIGNAGES (fond JAUNE clair)
   ---------------------------------- */
.et_pb_module.article-leadership-feminin .testimonial-box,
.et_pb_text.article-leadership-feminin .testimonial-box {
    background: linear-gradient(135deg, rgba(255,193,7,0.05) 0%, rgba(255,213,79,0.05) 100%) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border-left: 5px solid #FFC107 !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-leadership-feminin .testimonial-box p,
.et_pb_text.article-leadership-feminin .testimonial-box p {
    margin-bottom: 15px !important;
    color: #495057 !important;
    font-style: italic !important;
}

.et_pb_module.article-leadership-feminin .testimonial-author,
.et_pb_text.article-leadership-feminin .testimonial-author {
    font-weight: 600 !important;
    color: #FFC107 !important;
    font-style: normal !important;
    font-size: 15px !important;
}

/* ----------------------------------
   ENCADRÉS CONSEILS (bordure JAUNE)
   ---------------------------------- */
.et_pb_module.article-leadership-feminin .conseil-box,
.et_pb_text.article-leadership-feminin .conseil-box {
    background: linear-gradient(135deg, rgba(255,193,7,0.08) 0%, rgba(255,213,79,0.08) 100%) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 2px solid #FFC107 !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-leadership-feminin .conseil-box h4,
.et_pb_text.article-leadership-feminin .conseil-box h4 {
    color: #FFC107 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-leadership-feminin .conseil-box p,
.et_pb_text.article-leadership-feminin .conseil-box p {
    margin-bottom: 15px !important;
}

.et_pb_module.article-leadership-feminin .conseil-box ul,
.et_pb_text.article-leadership-feminin .conseil-box ul {
    margin-top: 15px !important;
}

/* ----------------------------------
   IMAGES
   ---------------------------------- */

/* Image Pleine Largeur */
.et_pb_module.article-leadership-feminin .image-full,
.et_pb_text.article-leadership-feminin .image-full {
    margin: 50px -50px !important;
    border-radius: 0 !important;
}

.et_pb_module.article-leadership-feminin .image-full img,
.et_pb_text.article-leadership-feminin .image-full img {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

.et_pb_module.article-leadership-feminin .image-caption,
.et_pb_text.article-leadership-feminin .image-caption {
    text-align: center !important;
    font-size: 14px !important;
    color: #7F8C8D !important;
    font-style: italic !important;
    margin-top: 10px !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
}

/* Split Content (Image + Texte) */
.et_pb_module.article-leadership-feminin .split-content,
.et_pb_text.article-leadership-feminin .split-content {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    gap: 30px !important;
    align-items: center !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-leadership-feminin .split-content img,
.et_pb_text.article-leadership-feminin .split-content img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}

.et_pb_module.article-leadership-feminin .split-content-text h4,
.et_pb_text.article-leadership-feminin .split-content-text h4 {
    color: #2C3E50 !important;
    margin-bottom: 10px !important;
}

/* Galerie 3 Images */
.et_pb_module.article-leadership-feminin .image-gallery,
.et_pb_text.article-leadership-feminin .image-gallery {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin: 50px 0 !important;
}

.et_pb_module.article-leadership-feminin .image-gallery img,
.et_pb_text.article-leadership-feminin .image-gallery img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease !important;
}

.et_pb_module.article-leadership-feminin .image-gallery img:hover,
.et_pb_text.article-leadership-feminin .image-gallery img:hover {
    transform: scale(1.05) !important;
}

/* ----------------------------------
   CTA PROGRAMME (JAUNE)
   ---------------------------------- 
.et_pb_module.article-leadership-feminin .program-cta,
.et_pb_text.article-leadership-feminin .program-cta {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 30px !important;
    align-items: center !important;
    background: linear-gradient(135deg, rgba(255,193,7,0.1) 0%, rgba(255,213,79,0.1) 100%) !important;
    padding: 40px !important;
    border-radius: 15px !important;
    border-left: 5px solid #FFC107 !important;
    margin: 50px 0 !important;
    box-shadow: 0 4px 20px rgba(255,193,7,0.2) !important;
}

.et_pb_module.article-leadership-feminin .program-cta h4,
.et_pb_text.article-leadership-feminin .program-cta h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    color: #2C3E50 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-leadership-feminin .program-cta p,
.et_pb_text.article-leadership-feminin .program-cta p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-leadership-feminin .program-cta ul,
.et_pb_text.article-leadership-feminin .program-cta ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
}

.et_pb_module.article-leadership-feminin .program-cta ul li,
.et_pb_text.article-leadership-feminin .program-cta ul li {
    padding: 8px 0 !important;
    color: #495057 !important;
    font-size: 15px !important;
}

.et_pb_module.article-leadership-feminin .program-cta-button,
.et_pb_text.article-leadership-feminin .program-cta-button {
    background: linear-gradient(135deg, #FFC107 0%, #FFD54F 100%) !important;
    color: #2C3E50 !important;
    padding: 18px 40px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    box-shadow: 0 4px 15px rgba(255,193,7,0.3) !important;
    white-space: nowrap !important;
}

.et_pb_module.article-leadership-feminin .program-cta-button:hover,
.et_pb_text.article-leadership-feminin .program-cta-button:hover {
    background: linear-gradient(135deg, #FFB300 0%, #FFC107 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(255,193,7,0.4) !important;
}

 ----------------------------------
   BIO AUTEUR
   ---------------------------------- 
.et_pb_module.article-leadership-feminin .author-bio,
.et_pb_text.article-leadership-feminin .author-bio {
    display: grid !important;
    grid-template-columns: 120px 1fr !important;
    gap: 25px !important;
    background: #F8F9FA !important;
    padding: 30px !important;
    border-radius: 15px !important;
    margin: 50px 0 !important;
    border: 2px solid #E0E6ED !important;
}

.et_pb_module.article-leadership-feminin .author-photo,
.et_pb_text.article-leadership-feminin .author-photo {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #FFC107 0%, #FFD54F 100%) !important;
    box-shadow: 0 4px 15px rgba(255,193,7,0.3) !important;
}

.et_pb_module.article-leadership-feminin .author-content h4,
.et_pb_text.article-leadership-feminin .author-content h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    color: #2C3E50 !important;
    margin-bottom: 5px !important;
}

.et_pb_module.article-leadership-feminin .author-title,
.et_pb_text.article-leadership-feminin .author-title {
    color: #FFC107 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.et_pb_module.article-leadership-feminin .author-content p,
.et_pb_text.article-leadership-feminin .author-content p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}
*/
/* ----------------------------------
   RESPONSIVE - MOBILE
   ---------------------------------- */
@media (max-width: 768px) {
    /* Titres */
    .et_pb_module.article-leadership-feminin h2,
    .et_pb_text.article-leadership-feminin h2 {
        font-size: 26px !important;
    }
    
    .et_pb_module.article-leadership-feminin h3,
    .et_pb_text.article-leadership-feminin h3 {
        font-size: 20px !important;
    }
    
    .et_pb_module.article-leadership-feminin p,
    .et_pb_text.article-leadership-feminin p {
        font-size: 16px !important;
    }
    
    /* Citations split en colonne unique */
    .et_pb_module.article-leadership-feminin .quote-split,
    .et_pb_text.article-leadership-feminin .quote-split {
        grid-template-columns: 1fr !important;
    }
    
    /* Liste 2 colonnes en 1 colonne */
    .et_pb_module.article-leadership-feminin .list-two-columns,
    .et_pb_text.article-leadership-feminin .list-two-columns {
        grid-template-columns: 1fr !important;
    }
    
    /* Split content en colonne unique */
    .et_pb_module.article-leadership-feminin .split-content,
    .et_pb_text.article-leadership-feminin .split-content {
        grid-template-columns: 1fr !important;
    }
    
    /* Galerie en colonne unique */
    .et_pb_module.article-leadership-feminin .image-gallery,
    .et_pb_text.article-leadership-feminin .image-gallery {
        grid-template-columns: 1fr !important;
    }
    
    /* Image pleine largeur sans débordement */
    .et_pb_module.article-leadership-feminin .image-full,
    .et_pb_text.article-leadership-feminin .image-full {
        margin: 30px 0 !important;
    }
    
    .et_pb_module.article-leadership-feminin .image-caption,
    .et_pb_text.article-leadership-feminin .image-caption {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* CTA en colonne unique */
    .et_pb_module.article-leadership-feminin .program-cta,
    .et_pb_text.article-leadership-feminin .program-cta {
        grid-template-columns: 1fr !important;
        padding: 25px !important;
    }
    
    /* Bio auteur en colonne unique */
    .et_pb_module.article-leadership-feminin .author-bio,
    .et_pb_text.article-leadership-feminin .author-bio {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }
    
    .et_pb_module.article-leadership-feminin .author-photo,
    .et_pb_text.article-leadership-feminin .author-photo {
        margin: 0 auto !important;
    }
}

/* ----------------------------------
   TEST DE COULEUR JAUNE
   ---------------------------------- */

/*
🎨 VÉRIFICATION VISUELLE :

Si vous voyez du JAUNE/OR (#FFC107) sur ces éléments, le CSS fonctionne :
✅ Titres H2 en JAUNE
✅ Bordure gauche H3 en JAUNE
✅ Citations créoles en JAUNE
✅ Bordures témoignages en JAUNE
✅ Bordures encadrés conseils en JAUNE
✅ Bordure liste 2 colonnes en JAUNE
✅ Bouton CTA avec fond JAUNE
✅ Nom auteur en JAUNE

Si vous ne voyez PAS de jaune, c'est que :
❌ La classe "article-leadership-feminin" n'est pas sur le module Divi
❌ Le cache n'a pas été vidé
❌ Il y a un conflit CSS plus spécifique

SPÉCIFICITÉ DE CE CSS :
.et_pb_module.article-leadership-feminin h2 
= 2 classes + 1 élément = Poids 21
Divi standard = Poids ~20
→ Ce CSS GAGNE ! 💪
*/

/* ========================================
   CORRECTION : Liste 2 colonnes
   Enlève les puces indésirables
   ======================================== */

/* Liste 2 colonnes - SANS puces */
.et_pb_module.article-leadership-feminin .list-two-columns,
.et_pb_text.article-leadership-feminin .list-two-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 25px 0 !important;
}

.et_pb_module.article-leadership-feminin .list-two-columns li,
.et_pb_text.article-leadership-feminin .list-two-columns li {
    padding: 15px !important;
    background: #F8F9FA !important;
    border-radius: 8px !important;
    border-left: 3px solid #FFC107 !important;
    margin-bottom: 0 !important;
    list-style-type: none !important; /* ← AJOUTÉ */
    list-style: none !important; /* ← AJOUTÉ */
}

/* Force l'enlèvement des pseudo-éléments ::before et ::marker */
.et_pb_module.article-leadership-feminin .list-two-columns li::before,
.et_pb_text.article-leadership-feminin .list-two-columns li::before {
    content: none !important;
    display: none !important;
}

.et_pb_module.article-leadership-feminin .list-two-columns li::marker,
.et_pb_text.article-leadership-feminin .list-two-columns li::marker {
    content: none !important;
    display: none !important;
}

/* ========================================
   CSS ARTICLE ÉQUILIBRE DE VIE EN MARTINIQUE
   Catégorie : Équilibre-Vie (Vert #66BB6A)
   Classe : article-equilibre-vie
   Version : 1.0
   ======================================== */

/* ----------------------------------
   COULEURS PRINCIPALES
   ---------------------------------- */
:root {
    --equilibre-primary: #66BB6A;     /* Vert principal */
    --equilibre-secondary: #81C784;    /* Vert clair */
    --equilibre-dark: #388E3C;        /* Vert foncé */
    --equilibre-light: rgba(102, 187, 106, 0.05);  /* Vert très clair */
}

/* ----------------------------------
   CONTAINER PRINCIPAL
   ---------------------------------- */
.article-equilibre-vie.article-layout {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px;
    display: grid;
    grid-template-columns: 280px 1fr 280px;
    gap: 40px;
    position: relative;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}


/* ----------------------------------
   CONTENU PRINCIPAL
   ---------------------------------- */
.article-equilibre-vie .main-content {
    background: white;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.05);
}

.article-equilibre-vie .content-section {
    margin-bottom: 50px;
}

/* ----------------------------------
   INTRO LEAD
   ---------------------------------- */
.article-equilibre-vie .intro-lead {
    font-size: 22px;
    line-height: 1.7;
    color: #495057;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 25px;
    background: var(--equilibre-light);
    border-left: 5px solid var(--equilibre-primary);
    border-radius: 12px;
    font-style: italic;
}

/* ----------------------------------
   TITRES
   ---------------------------------- */
.article-equilibre-vie h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    color: var(--equilibre-primary);
    margin: 40px 0 25px 0;
    padding-bottom: 15px;
    position: relative;
    font-weight: 700;
}

.article-equilibre-vie h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, var(--equilibre-primary), var(--equilibre-secondary));
    border-radius: 2px;
}

.article-equilibre-vie h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #2C3E50;
    margin: 30px 0 20px 0;
    font-weight: 600;
}

.article-equilibre-vie h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    color: var(--equilibre-dark);
    margin: 20px 0 15px 0;
    font-weight: 600;
}

/* ----------------------------------
   PARAGRAPHES & TEXTE
   ---------------------------------- */
.article-equilibre-vie p {
    font-size: 17px;
    line-height: 1.8;
    color: #495057;
    margin-bottom: 20px;
}

.article-equilibre-vie strong {
    color: #2C3E50;
    font-weight: 600;
}

.article-equilibre-vie em {
    color: #6C757D;
    font-style: italic;
}

/* ----------------------------------
   CITATIONS CRÉOLES SPLIT
   ---------------------------------- */
.article-equilibre-vie .quote-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 50px 0;
    padding: 40px;
    background: linear-gradient(135deg, var(--equilibre-light) 0%, rgba(129, 199, 132, 0.05) 100%);
    border-radius: 20px;
    border: 3px solid rgba(102, 187, 106, 0.3);
    box-shadow: 0 5px 25px rgba(102, 187, 106, 0.1);
}

.article-equilibre-vie .quote-split.proverbe-highlight {
    border: 3px solid var(--equilibre-primary);
    box-shadow: 0 8px 30px rgba(102, 187, 106, 0.2);
}

.article-equilibre-vie .quote-split blockquote {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-style: italic;
    color: var(--equilibre-primary);
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.article-equilibre-vie .quote-translation {
    background: white;
    padding: 25px;
    border-radius: 15px;
    border-left: 4px solid var(--equilibre-primary);
}

.article-equilibre-vie .quote-translation strong {
    display: block;
    color: var(--equilibre-primary);
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.article-equilibre-vie .quote-translation p {
    font-size: 16px;
    color: #495057;
    line-height: 1.6;
    margin-bottom: 15px;
}

.article-equilibre-vie .quote-translation p:last-child {
    margin-bottom: 0;
}

/* ----------------------------------
   CONSEILS BOX
   ---------------------------------- */
.article-equilibre-vie .conseil-box {
    display: flex;
    gap: 20px;
    background: var(--equilibre-light);
    padding: 30px;
    border-radius: 15px;
    margin: 30px 0;
    border: 2px solid rgba(102, 187, 106, 0.2);
}

.article-equilibre-vie .conseil-box.green-gradient {
    background: linear-gradient(135deg, var(--equilibre-light) 0%, rgba(129, 199, 132, 0.08) 100%);
    border: 2px solid var(--equilibre-secondary);
}

.article-equilibre-vie .conseil-icon {
    font-size: 40px;
    flex-shrink: 0;
    line-height: 1;
}

.article-equilibre-vie .conseil-content h4 {
    margin-top: 0;
    color: var(--equilibre-dark);
}

.article-equilibre-vie .conseil-content ul,
.article-equilibre-vie .conseil-content ol {
    margin: 15px 0;
    padding-left: 25px;
}

.article-equilibre-vie .conseil-content li {
    margin-bottom: 12px;
    line-height: 1.6;
    color: #495057;
}

.article-equilibre-vie .conseil-content li strong {
    color: var(--equilibre-dark);
}

/* ----------------------------------
   EXERCICE BOX
   ---------------------------------- */
.article-equilibre-vie .exercice-box {
    background: linear-gradient(135deg, #fff 0%, var(--equilibre-light) 100%);
    padding: 30px;
    border-radius: 15px;
    margin: 30px 0;
    border: 3px dashed var(--equilibre-primary);
}

.article-equilibre-vie .exercice-box h4 {
    color: var(--equilibre-primary);
    margin-top: 0;
    font-size: 20px;
}

.article-equilibre-vie .exercice-box p {
    margin-bottom: 15px;
}

/* ----------------------------------
   LISTES 2 COLONNES
   ---------------------------------- */
.article-equilibre-vie .two-column-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 30px 0;
}

.article-equilibre-vie .two-column-list .column {
    background: var(--equilibre-light);
    padding: 25px;
    border-radius: 15px;
    border: 2px solid rgba(102, 187, 106, 0.2);
}

.article-equilibre-vie .two-column-list h4 {
    color: var(--equilibre-primary);
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 15px;
}

.article-equilibre-vie .two-column-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.article-equilibre-vie .two-column-list li {
    padding-left: 30px;
    margin-bottom: 12px;
    position: relative;
    line-height: 1.6;
}

.article-equilibre-vie .two-column-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--equilibre-primary);
    font-weight: 700;
    font-size: 18px;
}

/* ----------------------------------
   TÉMOIGNAGES
   ---------------------------------- */
.article-equilibre-vie .temoignage-box {
    background: white;
    padding: 30px;
    border-radius: 15px;
    margin: 30px 0;
    border-left: 5px solid var(--equilibre-primary);
    box-shadow: 0 4px 20px rgba(102, 187, 106, 0.1);
}

.article-equilibre-vie .temoignage-box.success-story {
    background: linear-gradient(135deg, var(--equilibre-light) 0%, rgba(129, 199, 132, 0.05) 100%);
    border: 2px solid var(--equilibre-secondary);
    border-left: 5px solid var(--equilibre-primary);
}

.article-equilibre-vie .temoignage-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.article-equilibre-vie .temoignage-photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--equilibre-primary);
}

.article-equilibre-vie .temoignage-info strong {
    display: block;
    font-size: 18px;
    color: #2C3E50;
    margin-bottom: 5px;
}

.article-equilibre-vie .temoignage-info span {
    font-size: 14px;
    color: #6C757D;
}

.article-equilibre-vie .temoignage-box p {
    font-size: 16px;
    line-height: 1.7;
    color: #495057;
    font-style: italic;
    margin-bottom: 0;
}

.article-equilibre-vie .temoignage-box h4 {
    color: var(--equilibre-primary);
    margin-top: 0;
    margin-bottom: 15px;
}

/* ----------------------------------
   IMAGES
   ---------------------------------- */
.article-equilibre-vie .image-container {
    margin: 40px 0;
    text-align: center;
}

.article-equilibre-vie .image-container img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(102, 187, 106, 0.15);
}

.article-equilibre-vie .image-caption {
    font-size: 14px;
    color: #6C757D;
    font-style: italic;
    margin-top: 15px;
    text-align: center;
}

.article-equilibre-vie .image-full-width {
    margin: 50px -50px;
    text-align: center;
}

.article-equilibre-vie .image-full-width img {
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: 0 10px 40px rgba(102, 187, 106, 0.15);
}

.article-equilibre-vie .image-full-width .image-caption {
    margin: 20px 50px 0;
    font-size: 15px;
    color: #6C757D;
    font-style: italic;
}



/* ----------------------------------
   RESPONSIVE - TABLETTE
   ---------------------------------- */
@media (max-width: 1200px) {
    .article-equilibre-vie.article-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .article-equilibre-vie .toc-container,
    .article-equilibre-vie .sidebar {
        position: static;
        max-height: none;
    }
    
    .article-equilibre-vie .main-content {
        padding: 40px;
    }
    
    .article-equilibre-vie .image-full-width {
        margin: 40px -40px;
    }
    
    .article-equilibre-vie .image-full-width .image-caption {
        margin: 20px 40px 0;
    }
    
    .article-equilibre-vie .cta-card {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .article-equilibre-vie .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ----------------------------------
   RESPONSIVE - MOBILE
   ---------------------------------- */
@media (max-width: 768px) {
    .article-equilibre-vie.article-layout {
        padding: 20px 15px;
    }
    
    .article-equilibre-vie .main-content {
        padding: 25px;
        border-radius: 15px;
    }
    
    .article-equilibre-vie h2 {
        font-size: 26px;
    }
    
    .article-equilibre-vie h3 {
        font-size: 21px;
    }
    
    .article-equilibre-vie h4 {
        font-size: 18px;
    }
    
    .article-equilibre-vie p {
        font-size: 16px;
    }
    
    .article-equilibre-vie .intro-lead {
        font-size: 19px;
        padding: 20px;
    }
    
    .article-equilibre-vie .quote-split {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 25px;
    }
    
    .article-equilibre-vie .quote-split blockquote {
        font-size: 20px;
    }
    
    .article-equilibre-vie .two-column-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .article-equilibre-vie .conseil-box {
        flex-direction: column;
        padding: 25px;
    }
    
    .article-equilibre-vie .conseil-icon {
        font-size: 35px;
    }
    
    .article-equilibre-vie .image-full-width {
        margin: 30px -25px;
    }
    
    .article-equilibre-vie .image-full-width .image-caption {
        margin: 15px 25px 0;
    }
    
    .article-equilibre-vie .cta-section {
        padding: 30px 25px;
    }
    
    .article-equilibre-vie .cta-card {
        padding: 25px;
    }
    
    .article-equilibre-vie .cta-card h3 {
        font-size: 24px;
    }
    
    .article-equilibre-vie .cta-button {
        padding: 15px 30px;
        font-size: 16px;
    }
    
    .article-equilibre-vie .related-grid {
        grid-template-columns: 1fr;
    }
    
    .article-equilibre-vie .author-bio {
        flex-direction: column;
        text-align: center;
        padding: 30px 25px;
    }
    
    .article-equilibre-vie .author-links {
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* ----------------------------------
   ACCESSIBILITÉ
   ---------------------------------- */
.article-equilibre-vie *:focus {
    outline: 3px solid var(--equilibre-primary);
    outline-offset: 2px;
}

.article-equilibre-vie a:focus,
.article-equilibre-vie button:focus {
    outline: 3px solid var(--equilibre-primary);
}

/* ----------------------------------
   SCROLLBAR PERSONNALISÉ
   ---------------------------------- */
.article-equilibre-vie .toc-container::-webkit-scrollbar,
.article-equilibre-vie .sidebar::-webkit-scrollbar {
    width: 6px;
}

.article-equilibre-vie .toc-container::-webkit-scrollbar-track,
.article-equilibre-vie .sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.article-equilibre-vie .toc-container::-webkit-scrollbar-thumb,
.article-equilibre-vie .sidebar::-webkit-scrollbar-thumb {
    background: var(--equilibre-secondary);
    border-radius: 10px;
}

.article-equilibre-vie .toc-container::-webkit-scrollbar-thumb:hover,
.article-equilibre-vie .sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--equilibre-primary);
}

/* ----------------------------------
   FIN DU CSS
   ---------------------------------- */
																						  
/* ========================================
   CSS ULTRA-SPÉCIFIQUE - ARTICLE ÉQUILIBRE DE VIE
   Catégorie : Équilibre-Vie (Vert #66BB6A)
   
   CLASSE À AJOUTER AU MODULE DIVI : article-equilibre-vie
   
   Version avec SPÉCIFICITÉ MAXIMALE pour surpasser TOUS les styles Divi
   ======================================== */

/* ----------------------------------
   INTRO LEAD
   ---------------------------------- */
.et_pb_module.article-equilibre-vie .intro-lead,
.et_pb_text.article-equilibre-vie .intro-lead {
    font-size: 22px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    font-weight: 400 !important;
    margin-bottom: 40px !important;
    padding: 25px !important;
    background: rgba(102,187,106,0.05) !important;
    border-left: 5px solid #66BB6A !important;
    border-radius: 8px !important;
    font-style: italic;
}

/* ----------------------------------
   CITATIONS CRÉOLES SPLIT (2 COLONNES)
   ---------------------------------- */
.et_pb_module.article-equilibre-vie .quote-split,
.et_pb_text.article-equilibre-vie .quote-split {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin: 40px 0 !important;
    padding: 35px !important;
    background: linear-gradient(135deg, rgba(102,187,106,0.05) 0%, rgba(129,199,132,0.05) 100%) !important;
    border-radius: 15px !important;
    border: 2px solid rgba(102,187,106,0.2) !important;
}

.et_pb_module.article-equilibre-vie .quote-split.proverbe-highlight,
.et_pb_text.article-equilibre-vie .quote-split.proverbe-highlight {
    border: 3px solid #66BB6A !important;
    box-shadow: 0 5px 20px rgba(102,187,106,0.15) !important;
}

.et_pb_module.article-equilibre-vie .quote-split blockquote,
.et_pb_text.article-equilibre-vie .quote-split blockquote {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: #66BB6A !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

.et_pb_module.article-equilibre-vie .quote-translation,
.et_pb_text.article-equilibre-vie .quote-translation {
    background: white !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border-left: 4px solid #66BB6A !important;
}

.et_pb_module.article-equilibre-vie .quote-translation strong,
.et_pb_text.article-equilibre-vie .quote-translation strong {
    color: #66BB6A !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* ----------------------------------
   SECTIONS DE CONTENU
   ---------------------------------- */
.et_pb_module.article-equilibre-vie .content-section,
.et_pb_text.article-equilibre-vie .content-section {
    margin: 50px 0 !important;
}

/* H2 - Titres principaux (couleur Équilibre-Vie - VERT) */
.et_pb_module.article-equilibre-vie .content-section h2,
.et_pb_module.article-equilibre-vie h2,
.et_pb_text.article-equilibre-vie .content-section h2,
.et_pb_text.article-equilibre-vie h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    color: #66BB6A !important;
    margin-bottom: 30px !important;
    margin-top: 40px !important;
    position: relative !important;
    padding-bottom: 20px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}

/* Underline décorative pour H2 - gradient vert */
.et_pb_module.article-equilibre-vie .content-section h2::after,
.et_pb_module.article-equilibre-vie h2::after,
.et_pb_text.article-equilibre-vie .content-section h2::after,
.et_pb_text.article-equilibre-vie h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100px !important;
    height: 5px !important;
    background: linear-gradient(90deg, #66BB6A 0%, #81C784 100%) !important;
    border-radius: 3px !important;
}

/* H3 - Sous-titres (bordure gauche VERTE) */
.et_pb_module.article-equilibre-vie .content-section h3,
.et_pb_module.article-equilibre-vie h3,
.et_pb_text.article-equilibre-vie .content-section h3,
.et_pb_text.article-equilibre-vie h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    color: #2C3E50 !important;
    margin: 35px 0 20px !important;
    font-weight: 600 !important;
    padding-left: 20px !important;
    border-left: 4px solid #66BB6A !important;
}

/* H4 - Petits titres */
.et_pb_module.article-equilibre-vie .content-section h4,
.et_pb_module.article-equilibre-vie h4,
.et_pb_text.article-equilibre-vie .content-section h4,
.et_pb_text.article-equilibre-vie h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin: 25px 0 15px !important;
    font-weight: 600 !important;
}

/* Paragraphes */
.et_pb_module.article-equilibre-vie .content-section p,
.et_pb_module.article-equilibre-vie p,
.et_pb_text.article-equilibre-vie .content-section p,
.et_pb_text.article-equilibre-vie p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #495057 !important;
    margin-bottom: 20px !important;
}

/* Strong et Em */
.et_pb_module.article-equilibre-vie strong,
.et_pb_text.article-equilibre-vie strong {
    color: #2C3E50 !important;
    font-weight: 600 !important;
}

.et_pb_module.article-equilibre-vie em,
.et_pb_text.article-equilibre-vie em {
    color: #388E3C !important;
    font-style: italic !important;
}

/* ----------------------------------
   LISTES
   ---------------------------------- */

/* Listes normales */
.et_pb_module.article-equilibre-vie .content-section ul,
.et_pb_module.article-equilibre-vie ul,
.et_pb_text.article-equilibre-vie .content-section ul,
.et_pb_text.article-equilibre-vie ul {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-equilibre-vie .content-section ul li,
.et_pb_module.article-equilibre-vie ul li,
.et_pb_text.article-equilibre-vie .content-section ul li,
.et_pb_text.article-equilibre-vie ul li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

.et_pb_module.article-equilibre-vie .content-section ol,
.et_pb_module.article-equilibre-vie ol,
.et_pb_text.article-equilibre-vie .content-section ol,
.et_pb_text.article-equilibre-vie ol {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-equilibre-vie .content-section ol li,
.et_pb_module.article-equilibre-vie ol li,
.et_pb_text.article-equilibre-vie .content-section ol li,
.et_pb_text.article-equilibre-vie ol li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

/* ----------------------------------
   BOXES CONSEIL (fond VERT clair)
   ---------------------------------- */
.et_pb_module.article-equilibre-vie .conseil-box,
.et_pb_text.article-equilibre-vie .conseil-box {
    display: flex !important;
    gap: 20px !important;
    background: linear-gradient(135deg, rgba(102,187,106,0.08) 0%, rgba(129,199,132,0.08) 100%) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(102,187,106,0.3) !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-equilibre-vie .conseil-box.green-gradient,
.et_pb_text.article-equilibre-vie .conseil-box.green-gradient {
    background: linear-gradient(135deg, rgba(102,187,106,0.1) 0%, rgba(129,199,132,0.1) 100%) !important;
    border: 2px solid #66BB6A !important;
}

.et_pb_module.article-equilibre-vie .conseil-icon,
.et_pb_text.article-equilibre-vie .conseil-icon {
    font-size: 40px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

.et_pb_module.article-equilibre-vie .conseil-content,
.et_pb_text.article-equilibre-vie .conseil-content {
    flex: 1 !important;
}

.et_pb_module.article-equilibre-vie .conseil-box h4,
.et_pb_module.article-equilibre-vie .conseil-content h4,
.et_pb_text.article-equilibre-vie .conseil-box h4,
.et_pb_text.article-equilibre-vie .conseil-content h4 {
    color: #388E3C !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-size: 19px !important;
}

.et_pb_module.article-equilibre-vie .conseil-box p,
.et_pb_module.article-equilibre-vie .conseil-content p,
.et_pb_text.article-equilibre-vie .conseil-box p,
.et_pb_text.article-equilibre-vie .conseil-content p {
    margin-bottom: 15px !important;
}

.et_pb_module.article-equilibre-vie .conseil-box ul,
.et_pb_module.article-equilibre-vie .conseil-content ul,
.et_pb_text.article-equilibre-vie .conseil-box ul,
.et_pb_text.article-equilibre-vie .conseil-content ul {
    margin-top: 15px !important;
    list-style: none !important;
    padding-left: 0 !important;
}

.et_pb_module.article-equilibre-vie .conseil-box ul li,
.et_pb_module.article-equilibre-vie .conseil-content ul li,
.et_pb_text.article-equilibre-vie .conseil-box ul li,
.et_pb_text.article-equilibre-vie .conseil-content ul li {
    padding-left: 30px !important;
    position: relative !important;
    margin-bottom: 12px !important;
}

.et_pb_module.article-equilibre-vie .conseil-box ul li::before,
.et_pb_module.article-equilibre-vie .conseil-content ul li::before,
.et_pb_text.article-equilibre-vie .conseil-box ul li::before,
.et_pb_text.article-equilibre-vie .conseil-content ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #66BB6A !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ----------------------------------
   BOX EXERCICE (bordure verte pointillée)
   ---------------------------------- */
.et_pb_module.article-equilibre-vie .exercice-box,
.et_pb_text.article-equilibre-vie .exercice-box {
    background: linear-gradient(135deg, #fff 0%, rgba(102,187,106,0.05) 100%) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 3px dashed #66BB6A !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-equilibre-vie .exercice-box h4,
.et_pb_text.article-equilibre-vie .exercice-box h4 {
    color: #66BB6A !important;
    margin-top: 0 !important;
    font-size: 20px !important;
}

/* ----------------------------------
   LISTES 2 COLONNES
   ---------------------------------- */
.et_pb_module.article-equilibre-vie .two-column-list,
.et_pb_text.article-equilibre-vie .two-column-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-equilibre-vie .two-column-list .column,
.et_pb_text.article-equilibre-vie .two-column-list .column {
    background: rgba(102,187,106,0.05) !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(102,187,106,0.2) !important;
}

.et_pb_module.article-equilibre-vie .two-column-list .column h4,
.et_pb_text.article-equilibre-vie .two-column-list .column h4 {
    color: #66BB6A !important;
    margin-top: 0 !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-equilibre-vie .two-column-list .column ul,
.et_pb_text.article-equilibre-vie .two-column-list .column ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.et_pb_module.article-equilibre-vie .two-column-list .column ul li,
.et_pb_text.article-equilibre-vie .two-column-list .column ul li {
    padding-left: 30px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    line-height: 1.6 !important;
}

.et_pb_module.article-equilibre-vie .two-column-list .column ul li::before,
.et_pb_text.article-equilibre-vie .two-column-list .column ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #66BB6A !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ----------------------------------
   TÉMOIGNAGES (bordure VERTE)
   ---------------------------------- */
.et_pb_module.article-equilibre-vie .temoignage-box,
.et_pb_text.article-equilibre-vie .temoignage-box {
    background: white !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border-left: 5px solid #66BB6A !important;
    margin: 30px 0 !important;
    box-shadow: 0 4px 15px rgba(102,187,106,0.1) !important;
}

.et_pb_module.article-equilibre-vie .temoignage-box.success-story,
.et_pb_text.article-equilibre-vie .temoignage-box.success-story {
    background: linear-gradient(135deg, rgba(102,187,106,0.05) 0%, rgba(129,199,132,0.05) 100%) !important;
    border: 2px solid rgba(102,187,106,0.3) !important;
    border-left: 5px solid #66BB6A !important;
}

.et_pb_module.article-equilibre-vie .temoignage-header,
.et_pb_text.article-equilibre-vie .temoignage-header {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

.et_pb_module.article-equilibre-vie .temoignage-photo,
.et_pb_text.article-equilibre-vie .temoignage-photo {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #66BB6A !important;
    flex-shrink: 0 !important;
}

.et_pb_module.article-equilibre-vie .temoignage-info,
.et_pb_text.article-equilibre-vie .temoignage-info {
    flex: 1 !important;
}

.et_pb_module.article-equilibre-vie .temoignage-info strong,
.et_pb_text.article-equilibre-vie .temoignage-info strong {
    display: block !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin-bottom: 5px !important;
}

.et_pb_module.article-equilibre-vie .temoignage-info span,
.et_pb_text.article-equilibre-vie .temoignage-info span {
    font-size: 14px !important;
    color: #6C757D !important;
    display: block !important;
}

.et_pb_module.article-equilibre-vie .temoignage-box p,
.et_pb_text.article-equilibre-vie .temoignage-box p {
    margin-bottom: 15px !important;
    color: #495057 !important;
    font-style: italic !important;
    line-height: 1.7 !important;
}

.et_pb_module.article-equilibre-vie .temoignage-box h4,
.et_pb_text.article-equilibre-vie .temoignage-box h4 {
    color: #66BB6A !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* ----------------------------------
   IMAGES
   ---------------------------------- */

/* Image Container */
.et_pb_module.article-equilibre-vie .image-container,
.et_pb_text.article-equilibre-vie .image-container {
    margin: 40px 0 !important;
    text-align: center !important;
}

.et_pb_module.article-equilibre-vie .image-container img,
.et_pb_text.article-equilibre-vie .image-container img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(102,187,106,0.15) !important;
}

/* Image Pleine Largeur */
.et_pb_module.article-equilibre-vie .image-full-width,
.et_pb_text.article-equilibre-vie .image-full-width {
    margin: 50px -50px !important;
    text-align: center !important;
}

.et_pb_module.article-equilibre-vie .image-full-width img,
.et_pb_text.article-equilibre-vie .image-full-width img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 40px rgba(102,187,106,0.15) !important;
}

.et_pb_module.article-equilibre-vie .image-caption,
.et_pb_text.article-equilibre-vie .image-caption {
    text-align: center !important;
    font-size: 14px !important;
    color: #6C757D !important;
    font-style: italic !important;
    margin-top: 15px !important;
}

.et_pb_module.article-equilibre-vie .image-full-width .image-caption,
.et_pb_text.article-equilibre-vie .image-full-width .image-caption {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

/* ----------------------------------
   CTA PROGRAMME (VERT)
   ---------------------------------- */
.et_pb_module.article-equilibre-vie .cta-card,
.et_pb_text.article-equilibre-vie .cta-card {
    background: white !important;
    padding: 40px !important;
    border-radius: 15px !important;
    border: 3px solid #66BB6A !important;
    margin: 50px 0 !important;
    box-shadow: 0 8px 30px rgba(102,187,106,0.2) !important;
}

.et_pb_module.article-equilibre-vie .cta-content,
.et_pb_text.article-equilibre-vie .cta-content {
    margin-bottom: 30px !important;
}

.et_pb_module.article-equilibre-vie .cta-card h3,
.et_pb_module.article-equilibre-vie .cta-content h3,
.et_pb_text.article-equilibre-vie .cta-card h3,
.et_pb_text.article-equilibre-vie .cta-content h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    color: #66BB6A !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-equilibre-vie .cta-card p,
.et_pb_module.article-equilibre-vie .cta-content p,
.et_pb_text.article-equilibre-vie .cta-card p,
.et_pb_text.article-equilibre-vie .cta-content p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-equilibre-vie .cta-benefits,
.et_pb_text.article-equilibre-vie .cta-benefits {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.et_pb_module.article-equilibre-vie .cta-benefits li,
.et_pb_text.article-equilibre-vie .cta-benefits li {
    padding: 8px 0 !important;
    font-size: 16px !important;
    color: #495057 !important;
    line-height: 1.6 !important;
}

.et_pb_module.article-equilibre-vie .cta-action,
.et_pb_text.article-equilibre-vie .cta-action {
    text-align: center !important;
}

.et_pb_module.article-equilibre-vie .cta-button,
.et_pb_module.article-equilibre-vie .green-button,
.et_pb_text.article-equilibre-vie .cta-button,
.et_pb_text.article-equilibre-vie .green-button {
    display: inline-block !important;
    background: linear-gradient(135deg, #66BB6A 0%, #81C784 100%) !important;
    color: white !important;
    padding: 18px 40px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 20px rgba(102,187,106,0.3) !important;
}

.et_pb_module.article-equilibre-vie .cta-button:hover,
.et_pb_module.article-equilibre-vie .green-button:hover,
.et_pb_text.article-equilibre-vie .cta-button:hover,
.et_pb_text.article-equilibre-vie .green-button:hover {
    background: linear-gradient(135deg, #388E3C 0%, #66BB6A 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(102,187,106,0.4) !important;
}

.et_pb_module.article-equilibre-vie .cta-subtext,
.et_pb_text.article-equilibre-vie .cta-subtext {
    font-size: 14px !important;
    color: #6C757D !important;
    margin-top: 15px !important;
    text-align: center !important;
}

/* Invitation Box */
.et_pb_module.article-equilibre-vie .invitation-box,
.et_pb_text.article-equilibre-vie .invitation-box {
    background: white !important;
    border: 2px solid #81C784 !important;
}

.et_pb_module.article-equilibre-vie .text-link,
.et_pb_text.article-equilibre-vie .text-link {
    color: #66BB6A !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 2px solid transparent !important;
    transition: border-color 0.3s ease !important;
}

.et_pb_module.article-equilibre-vie .text-link:hover,
.et_pb_text.article-equilibre-vie .text-link:hover {
    border-bottom-color: #66BB6A !important;
}

/* ----------------------------------
   RESPONSIVE - TABLETTE
   ---------------------------------- */
@media (max-width: 980px) {
    /* Citations en 1 colonne */
    .et_pb_module.article-equilibre-vie .quote-split,
    .et_pb_text.article-equilibre-vie .quote-split {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Listes 2 colonnes en 1 colonne */
    .et_pb_module.article-equilibre-vie .two-column-list,
    .et_pb_text.article-equilibre-vie .two-column-list {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* ----------------------------------
   RESPONSIVE - MOBILE
   ---------------------------------- */
@media (max-width: 768px) {
    /* Titres */
    .et_pb_module.article-equilibre-vie h2,
    .et_pb_text.article-equilibre-vie h2 {
        font-size: 26px !important;
    }
    
    .et_pb_module.article-equilibre-vie h3,
    .et_pb_text.article-equilibre-vie h3 {
        font-size: 20px !important;
        padding-left: 15px !important;
    }
    
    .et_pb_module.article-equilibre-vie h4,
    .et_pb_text.article-equilibre-vie h4 {
        font-size: 17px !important;
    }
    
    .et_pb_module.article-equilibre-vie p,
    .et_pb_text.article-equilibre-vie p {
        font-size: 16px !important;
    }
    
    /* Intro lead */
    .et_pb_module.article-equilibre-vie .intro-lead,
    .et_pb_text.article-equilibre-vie .intro-lead {
        font-size: 19px !important;
        padding: 20px !important;
    }
    
    /* Citations */
    .et_pb_module.article-equilibre-vie .quote-split,
    .et_pb_text.article-equilibre-vie .quote-split {
        padding: 25px !important;
    }
    
    .et_pb_module.article-equilibre-vie .quote-split blockquote,
    .et_pb_text.article-equilibre-vie .quote-split blockquote {
        font-size: 18px !important;
    }
    
    /* Conseil box */
    .et_pb_module.article-equilibre-vie .conseil-box,
    .et_pb_text.article-equilibre-vie .conseil-box {
        flex-direction: column !important;
        padding: 25px !important;
    }
    
    .et_pb_module.article-equilibre-vie .conseil-icon,
    .et_pb_text.article-equilibre-vie .conseil-icon {
        font-size: 35px !important;
    }
    
    /* Image pleine largeur */
    .et_pb_module.article-equilibre-vie .image-full-width,
    .et_pb_text.article-equilibre-vie .image-full-width {
        margin: 30px -25px !important;
    }
    
    .et_pb_module.article-equilibre-vie .image-full-width .image-caption,
    .et_pb_text.article-equilibre-vie .image-full-width .image-caption {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    
    /* CTA */
    .et_pb_module.article-equilibre-vie .cta-card,
    .et_pb_text.article-equilibre-vie .cta-card {
        padding: 30px 25px !important;
    }
    
    .et_pb_module.article-equilibre-vie .cta-card h3,
    .et_pb_text.article-equilibre-vie .cta-card h3 {
        font-size: 24px !important;
    }
    
    .et_pb_module.article-equilibre-vie .cta-button,
    .et_pb_module.article-equilibre-vie .green-button,
    .et_pb_text.article-equilibre-vie .cta-button,
    .et_pb_text.article-equilibre-vie .green-button {
        padding: 15px 30px !important;
        font-size: 16px !important;
    }
}

/* ----------------------------------
   TEST DE COULEUR VERTE
   ---------------------------------- */

/*
🎨 VÉRIFICATION VISUELLE :

Si vous voyez du VERT (#66BB6A) sur ces éléments, le CSS fonctionne :
✅ Titres H2 en VERT
✅ Bordure gauche H3 en VERT
✅ Citations créoles en VERT
✅ Bordures témoignages en VERT
✅ Bordures encadrés conseils en VERT
✅ Bordure liste 2 colonnes en VERT
✅ Checkmarks (✓) en VERT
✅ Bouton CTA avec fond VERT

Si vous ne voyez PAS de vert, c'est que :
❌ La classe "article-equilibre-vie" n'est pas sur le module Divi
❌ Le cache n'a pas été vidé
❌ Il y a un conflit CSS plus spécifique

SPÉCIFICITÉ DE CE CSS :
.et_pb_module.article-equilibre-vie h2 
= 2 classes + 1 élément = Poids 21
Divi standard = Poids ~20
→ Ce CSS GAGNE ! 💪
*/																						  
																						  
/* ========================================
   CSS ULTRA-SPÉCIFIQUE - ARTICLE GESTION DU STRESS TROPICAL
   Catégorie : Développement Personnel (Rouge Corail #FF6B6B)
   
   CLASSE À AJOUTER AU MODULE DIVI : article-gestion-stress
   
   Version avec SPÉCIFICITÉ MAXIMALE pour surpasser TOUS les styles Divi
   ======================================== */

/* ----------------------------------
   INTRO LEAD
   ---------------------------------- */
.et_pb_module.article-gestion-stress .intro-lead,
.et_pb_text.article-gestion-stress .intro-lead {
    font-size: 22px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    font-weight: 400 !important;
    margin-bottom: 40px !important;
    padding: 25px !important;
    background: rgba(255,107,107,0.05) !important;
    border-left: 5px solid #FF6B6B !important;
    border-radius: 8px !important;
    font-style: italic;
}

/* ----------------------------------
   CITATIONS CRÉOLES SPLIT (2 COLONNES)
   ---------------------------------- */
.et_pb_module.article-gestion-stress .quote-split,
.et_pb_text.article-gestion-stress .quote-split {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin: 40px 0 !important;
    padding: 35px !important;
    background: linear-gradient(135deg, rgba(255,107,107,0.05) 0%, rgba(255,138,138,0.05) 100%) !important;
    border-radius: 15px !important;
    border: 2px solid rgba(255,107,107,0.2) !important;
}

.et_pb_module.article-gestion-stress .quote-split.proverbe-highlight,
.et_pb_text.article-gestion-stress .quote-split.proverbe-highlight {
    border: 3px solid #FF6B6B !important;
    box-shadow: 0 5px 20px rgba(255,107,107,0.15) !important;
}

.et_pb_module.article-gestion-stress .quote-split blockquote,
.et_pb_text.article-gestion-stress .quote-split blockquote {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: #FF6B6B !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

.et_pb_module.article-gestion-stress .quote-translation,
.et_pb_text.article-gestion-stress .quote-translation {
    background: white !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border-left: 4px solid #FF6B6B !important;
}

.et_pb_module.article-gestion-stress .quote-translation strong,
.et_pb_text.article-gestion-stress .quote-translation strong {
    color: #FF6B6B !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* ----------------------------------
   SECTIONS DE CONTENU
   ---------------------------------- */
.et_pb_module.article-gestion-stress .content-section,
.et_pb_text.article-gestion-stress .content-section {
    margin: 50px 0 !important;
}

/* H2 - Titres principaux (couleur Développement Personnel - ROUGE CORAIL) */
.et_pb_module.article-gestion-stress .content-section h2,
.et_pb_module.article-gestion-stress h2,
.et_pb_text.article-gestion-stress .content-section h2,
.et_pb_text.article-gestion-stress h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    color: #FF6B6B !important;
    margin-bottom: 30px !important;
    margin-top: 40px !important;
    position: relative !important;
    padding-bottom: 20px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}

/* Underline décorative pour H2 - gradient rouge corail */
.et_pb_module.article-gestion-stress .content-section h2::after,
.et_pb_module.article-gestion-stress h2::after,
.et_pb_text.article-gestion-stress .content-section h2::after,
.et_pb_text.article-gestion-stress h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100px !important;
    height: 5px !important;
    background: linear-gradient(90deg, #FF6B6B 0%, #FF8A8A 100%) !important;
    border-radius: 3px !important;
}

/* H3 - Sous-titres (bordure gauche ROUGE) */
.et_pb_module.article-gestion-stress .content-section h3,
.et_pb_module.article-gestion-stress h3,
.et_pb_text.article-gestion-stress .content-section h3,
.et_pb_text.article-gestion-stress h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    color: #2C3E50 !important;
    margin: 35px 0 20px !important;
    font-weight: 600 !important;
    padding-left: 20px !important;
    border-left: 4px solid #FF6B6B !important;
}

/* H4 - Petits titres */
.et_pb_module.article-gestion-stress .content-section h4,
.et_pb_module.article-gestion-stress h4,
.et_pb_text.article-gestion-stress .content-section h4,
.et_pb_text.article-gestion-stress h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin: 25px 0 15px !important;
    font-weight: 600 !important;
}

/* Paragraphes */
.et_pb_module.article-gestion-stress .content-section p,
.et_pb_module.article-gestion-stress p,
.et_pb_text.article-gestion-stress .content-section p,
.et_pb_text.article-gestion-stress p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #495057 !important;
    margin-bottom: 20px !important;
}

/* Strong et Em */
.et_pb_module.article-gestion-stress strong,
.et_pb_text.article-gestion-stress strong {
    color: #2C3E50 !important;
    font-weight: 600 !important;
}

.et_pb_module.article-gestion-stress em,
.et_pb_text.article-gestion-stress em {
    color: #E63946 !important;
    font-style: italic !important;
}

/* ----------------------------------
   LISTES
   ---------------------------------- */

/* Listes normales */
.et_pb_module.article-gestion-stress .content-section ul,
.et_pb_module.article-gestion-stress ul,
.et_pb_text.article-gestion-stress .content-section ul,
.et_pb_text.article-gestion-stress ul {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-gestion-stress .content-section ul li,
.et_pb_module.article-gestion-stress ul li,
.et_pb_text.article-gestion-stress .content-section ul li,
.et_pb_text.article-gestion-stress ul li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

.et_pb_module.article-gestion-stress .content-section ol,
.et_pb_module.article-gestion-stress ol,
.et_pb_text.article-gestion-stress .content-section ol,
.et_pb_text.article-gestion-stress ol {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-gestion-stress .content-section ol li,
.et_pb_module.article-gestion-stress ol li,
.et_pb_text.article-gestion-stress .content-section ol li,
.et_pb_text.article-gestion-stress ol li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

/* ----------------------------------
   BOXES CONSEIL (fond ROUGE clair)
   ---------------------------------- */
.et_pb_module.article-gestion-stress .conseil-box,
.et_pb_text.article-gestion-stress .conseil-box {
    display: flex !important;
    gap: 20px !important;
    background: linear-gradient(135deg, rgba(255,107,107,0.08) 0%, rgba(255,138,138,0.08) 100%) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(255,107,107,0.3) !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-gestion-stress .conseil-box.green-gradient,
.et_pb_text.article-gestion-stress .conseil-box.green-gradient {
    background: linear-gradient(135deg, rgba(255,107,107,0.1) 0%, rgba(255,138,138,0.1) 100%) !important;
    border: 2px solid #FF6B6B !important;
}

.et_pb_module.article-gestion-stress .conseil-icon,
.et_pb_text.article-gestion-stress .conseil-icon {
    font-size: 40px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

.et_pb_module.article-gestion-stress .conseil-content,
.et_pb_text.article-gestion-stress .conseil-content {
    flex: 1 !important;
}

.et_pb_module.article-gestion-stress .conseil-box h4,
.et_pb_module.article-gestion-stress .conseil-content h4,
.et_pb_text.article-gestion-stress .conseil-box h4,
.et_pb_text.article-gestion-stress .conseil-content h4 {
    color: #E63946 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-size: 19px !important;
}

.et_pb_module.article-gestion-stress .conseil-box p,
.et_pb_module.article-gestion-stress .conseil-content p,
.et_pb_text.article-gestion-stress .conseil-box p,
.et_pb_text.article-gestion-stress .conseil-content p {
    margin-bottom: 15px !important;
}

.et_pb_module.article-gestion-stress .conseil-box ul,
.et_pb_module.article-gestion-stress .conseil-content ul,
.et_pb_text.article-gestion-stress .conseil-box ul,
.et_pb_text.article-gestion-stress .conseil-content ul {
    margin-top: 15px !important;
    list-style: none !important;
    padding-left: 0 !important;
}

.et_pb_module.article-gestion-stress .conseil-box ul li,
.et_pb_module.article-gestion-stress .conseil-content ul li,
.et_pb_text.article-gestion-stress .conseil-box ul li,
.et_pb_text.article-gestion-stress .conseil-content ul li {
    padding-left: 30px !important;
    position: relative !important;
    margin-bottom: 12px !important;
}

.et_pb_module.article-gestion-stress .conseil-box ul li::before,
.et_pb_module.article-gestion-stress .conseil-content ul li::before,
.et_pb_text.article-gestion-stress .conseil-box ul li::before,
.et_pb_text.article-gestion-stress .conseil-content ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #FF6B6B !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ----------------------------------
   BOX EXERCICE (bordure rouge pointillée)
   ---------------------------------- */
.et_pb_module.article-gestion-stress .exercice-box,
.et_pb_text.article-gestion-stress .exercice-box {
    background: linear-gradient(135deg, #fff 0%, rgba(255,107,107,0.05) 100%) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 3px dashed #FF6B6B !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-gestion-stress .exercice-box h4,
.et_pb_text.article-gestion-stress .exercice-box h4 {
    color: #FF6B6B !important;
    margin-top: 0 !important;
    font-size: 20px !important;
}

/* ----------------------------------
   LISTES 2 COLONNES
   ---------------------------------- */
.et_pb_module.article-gestion-stress .two-column-list,
.et_pb_text.article-gestion-stress .two-column-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-gestion-stress .two-column-list .column,
.et_pb_text.article-gestion-stress .two-column-list .column {
    background: rgba(255,107,107,0.05) !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(255,107,107,0.2) !important;
}

.et_pb_module.article-gestion-stress .two-column-list .column h4,
.et_pb_text.article-gestion-stress .two-column-list .column h4 {
    color: #FF6B6B !important;
    margin-top: 0 !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-gestion-stress .two-column-list .column ul,
.et_pb_text.article-gestion-stress .two-column-list .column ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.et_pb_module.article-gestion-stress .two-column-list .column ul li,
.et_pb_text.article-gestion-stress .two-column-list .column ul li {
    padding-left: 30px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    line-height: 1.6 !important;
}

.et_pb_module.article-gestion-stress .two-column-list .column ul li::before,
.et_pb_text.article-gestion-stress .two-column-list .column ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #FF6B6B !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ----------------------------------
   TÉMOIGNAGES (bordure ROUGE)
   ---------------------------------- */
.et_pb_module.article-gestion-stress .temoignage-box,
.et_pb_text.article-gestion-stress .temoignage-box {
    background: white !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border-left: 5px solid #FF6B6B !important;
    margin: 30px 0 !important;
    box-shadow: 0 4px 15px rgba(255,107,107,0.1) !important;
}

.et_pb_module.article-gestion-stress .temoignage-box.success-story,
.et_pb_text.article-gestion-stress .temoignage-box.success-story {
    background: linear-gradient(135deg, rgba(255,107,107,0.05) 0%, rgba(255,138,138,0.05) 100%) !important;
    border: 2px solid rgba(255,107,107,0.3) !important;
    border-left: 5px solid #FF6B6B !important;
}

.et_pb_module.article-gestion-stress .temoignage-header,
.et_pb_text.article-gestion-stress .temoignage-header {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

.et_pb_module.article-gestion-stress .temoignage-photo,
.et_pb_text.article-gestion-stress .temoignage-photo {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #FF6B6B !important;
    flex-shrink: 0 !important;
}

.et_pb_module.article-gestion-stress .temoignage-info,
.et_pb_text.article-gestion-stress .temoignage-info {
    flex: 1 !important;
}

.et_pb_module.article-gestion-stress .temoignage-info strong,
.et_pb_text.article-gestion-stress .temoignage-info strong {
    display: block !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin-bottom: 5px !important;
}

.et_pb_module.article-gestion-stress .temoignage-info span,
.et_pb_text.article-gestion-stress .temoignage-info span {
    font-size: 14px !important;
    color: #6C757D !important;
    display: block !important;
}

.et_pb_module.article-gestion-stress .temoignage-box p,
.et_pb_text.article-gestion-stress .temoignage-box p {
    margin-bottom: 15px !important;
    color: #495057 !important;
    font-style: italic !important;
    line-height: 1.7 !important;
}

.et_pb_module.article-gestion-stress .temoignage-box h4,
.et_pb_text.article-gestion-stress .temoignage-box h4 {
    color: #FF6B6B !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* ----------------------------------
   IMAGES
   ---------------------------------- */

/* Image Container */
.et_pb_module.article-gestion-stress .image-container,
.et_pb_text.article-gestion-stress .image-container {
    margin: 40px 0 !important;
    text-align: center !important;
}

.et_pb_module.article-gestion-stress .image-container img,
.et_pb_text.article-gestion-stress .image-container img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(255,107,107,0.15) !important;
}

/* Image Pleine Largeur */
.et_pb_module.article-gestion-stress .image-full-width,
.et_pb_text.article-gestion-stress .image-full-width {
    margin: 50px -50px !important;
    text-align: center !important;
}

.et_pb_module.article-gestion-stress .image-full-width img,
.et_pb_text.article-gestion-stress .image-full-width img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 40px rgba(255,107,107,0.15) !important;
}

.et_pb_module.article-gestion-stress .image-caption,
.et_pb_text.article-gestion-stress .image-caption {
    text-align: center !important;
    font-size: 14px !important;
    color: #6C757D !important;
    font-style: italic !important;
    margin-top: 15px !important;
}

.et_pb_module.article-gestion-stress .image-full-width .image-caption,
.et_pb_text.article-gestion-stress .image-full-width .image-caption {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

/* ----------------------------------
   CTA PROGRAMME (ROUGE)
   ---------------------------------- */
.et_pb_module.article-gestion-stress .cta-card,
.et_pb_text.article-gestion-stress .cta-card {
    background: white !important;
    padding: 40px !important;
    border-radius: 15px !important;
    border: 3px solid #FF6B6B !important;
    margin: 50px 0 !important;
    box-shadow: 0 8px 30px rgba(255,107,107,0.2) !important;
}

.et_pb_module.article-gestion-stress .cta-content,
.et_pb_text.article-gestion-stress .cta-content {
    margin-bottom: 30px !important;
}

.et_pb_module.article-gestion-stress .cta-card h3,
.et_pb_module.article-gestion-stress .cta-content h3,
.et_pb_text.article-gestion-stress .cta-card h3,
.et_pb_text.article-gestion-stress .cta-content h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    color: #FF6B6B !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-gestion-stress .cta-card p,
.et_pb_module.article-gestion-stress .cta-content p,
.et_pb_text.article-gestion-stress .cta-card p,
.et_pb_text.article-gestion-stress .cta-content p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-gestion-stress .cta-benefits,
.et_pb_text.article-gestion-stress .cta-benefits {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.et_pb_module.article-gestion-stress .cta-benefits li,
.et_pb_text.article-gestion-stress .cta-benefits li {
    padding: 8px 0 !important;
    font-size: 16px !important;
    color: #495057 !important;
    line-height: 1.6 !important;
}

.et_pb_module.article-gestion-stress .cta-action,
.et_pb_text.article-gestion-stress .cta-action {
    text-align: center !important;
}

.et_pb_module.article-gestion-stress .cta-button,
.et_pb_module.article-gestion-stress .red-button,
.et_pb_text.article-gestion-stress .cta-button,
.et_pb_text.article-gestion-stress .red-button {
    display: inline-block !important;
    background: linear-gradient(135deg, #FF6B6B 0%, #FF8A8A 100%) !important;
    color: white !important;
    padding: 18px 40px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 20px rgba(255,107,107,0.3) !important;
}

.et_pb_module.article-gestion-stress .cta-button:hover,
.et_pb_module.article-gestion-stress .red-button:hover,
.et_pb_text.article-gestion-stress .cta-button:hover,
.et_pb_text.article-gestion-stress .red-button:hover {
    background: linear-gradient(135deg, #E63946 0%, #FF6B6B 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(255,107,107,0.4) !important;
}

.et_pb_module.article-gestion-stress .cta-subtext,
.et_pb_text.article-gestion-stress .cta-subtext {
    font-size: 14px !important;
    color: #6C757D !important;
    margin-top: 15px !important;
    text-align: center !important;
}

/* Invitation Box */
.et_pb_module.article-gestion-stress .invitation-box,
.et_pb_text.article-gestion-stress .invitation-box {
    background: white !important;
    border: 2px solid #FF8A8A !important;
}

.et_pb_module.article-gestion-stress .text-link,
.et_pb_text.article-gestion-stress .text-link {
    color: #FF6B6B !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 2px solid transparent !important;
    transition: border-color 0.3s ease !important;
}

.et_pb_module.article-gestion-stress .text-link:hover,
.et_pb_text.article-gestion-stress .text-link:hover {
    border-bottom-color: #FF6B6B !important;
}

/* ----------------------------------
   RESPONSIVE - TABLETTE
   ---------------------------------- */
@media (max-width: 980px) {
    /* Citations en 1 colonne */
    .et_pb_module.article-gestion-stress .quote-split,
    .et_pb_text.article-gestion-stress .quote-split {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Listes 2 colonnes en 1 colonne */
    .et_pb_module.article-gestion-stress .two-column-list,
    .et_pb_text.article-gestion-stress .two-column-list {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* ----------------------------------
   RESPONSIVE - MOBILE
   ---------------------------------- */
@media (max-width: 768px) {
    /* Titres */
    .et_pb_module.article-gestion-stress h2,
    .et_pb_text.article-gestion-stress h2 {
        font-size: 26px !important;
    }
    
    .et_pb_module.article-gestion-stress h3,
    .et_pb_text.article-gestion-stress h3 {
        font-size: 20px !important;
        padding-left: 15px !important;
    }
    
    .et_pb_module.article-gestion-stress h4,
    .et_pb_text.article-gestion-stress h4 {
        font-size: 17px !important;
    }
    
    .et_pb_module.article-gestion-stress p,
    .et_pb_text.article-gestion-stress p {
        font-size: 16px !important;
    }
    
    /* Intro lead */
    .et_pb_module.article-gestion-stress .intro-lead,
    .et_pb_text.article-gestion-stress .intro-lead {
        font-size: 19px !important;
        padding: 20px !important;
    }
    
    /* Citations */
    .et_pb_module.article-gestion-stress .quote-split,
    .et_pb_text.article-gestion-stress .quote-split {
        padding: 25px !important;
    }
    
    .et_pb_module.article-gestion-stress .quote-split blockquote,
    .et_pb_text.article-gestion-stress .quote-split blockquote {
        font-size: 18px !important;
    }
    
    /* Conseil box */
    .et_pb_module.article-gestion-stress .conseil-box,
    .et_pb_text.article-gestion-stress .conseil-box {
        flex-direction: column !important;
        padding: 25px !important;
    }
    
    .et_pb_module.article-gestion-stress .conseil-icon,
    .et_pb_text.article-gestion-stress .conseil-icon {
        font-size: 35px !important;
    }
    
    /* Image pleine largeur */
    .et_pb_module.article-gestion-stress .image-full-width,
    .et_pb_text.article-gestion-stress .image-full-width {
        margin: 30px -25px !important;
    }
    
    .et_pb_module.article-gestion-stress .image-full-width .image-caption,
    .et_pb_text.article-gestion-stress .image-full-width .image-caption {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    
    /* CTA */
    .et_pb_module.article-gestion-stress .cta-card,
    .et_pb_text.article-gestion-stress .cta-card {
        padding: 30px 25px !important;
    }
    
    .et_pb_module.article-gestion-stress .cta-card h3,
    .et_pb_text.article-gestion-stress .cta-card h3 {
        font-size: 24px !important;
    }
    
    .et_pb_module.article-gestion-stress .cta-button,
    .et_pb_module.article-gestion-stress .red-button,
    .et_pb_text.article-gestion-stress .cta-button,
    .et_pb_text.article-gestion-stress .red-button {
        padding: 15px 30px !important;
        font-size: 16px !important;
    }
}
/* ========================================
   CSS ULTRA-SPÉCIFIQUE - ARTICLE LEADERSHIP CRÉOLE
   Catégorie : Leadership (Jaune/Or #F39C12)
   
   CLASSE À AJOUTER AU MODULE DIVI : article-leadership-creole
   
   Version avec SPÉCIFICITÉ MAXIMALE pour surpasser TOUS les styles Divi
   ======================================== */

/* ----------------------------------
   INTRO LEAD
   ---------------------------------- */
.et_pb_module.article-leadership-creole .intro-lead,
.et_pb_text.article-leadership-creole .intro-lead {
    font-size: 22px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    font-weight: 400 !important;
    margin-bottom: 40px !important;
    padding: 25px !important;
    background: rgba(243,156,18,0.05) !important;
    border-left: 5px solid #F39C12 !important;
    border-radius: 8px !important;
    font-style: italic;
}

/* ----------------------------------
   CITATIONS CRÉOLES SPLIT (2 COLONNES)
   ---------------------------------- */
.et_pb_module.article-leadership-creole .quote-split,
.et_pb_text.article-leadership-creole .quote-split {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin: 40px 0 !important;
    padding: 35px !important;
    background: linear-gradient(135deg, rgba(243,156,18,0.05) 0%, rgba(255,193,7,0.05) 100%) !important;
    border-radius: 15px !important;
    border: 2px solid rgba(243,156,18,0.2) !important;
}

.et_pb_module.article-leadership-creole .quote-split.proverbe-highlight,
.et_pb_text.article-leadership-creole .quote-split.proverbe-highlight {
    border: 3px solid #F39C12 !important;
    box-shadow: 0 5px 20px rgba(243,156,18,0.15) !important;
}

.et_pb_module.article-leadership-creole .quote-split blockquote,
.et_pb_text.article-leadership-creole .quote-split blockquote {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: #F39C12 !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

.et_pb_module.article-leadership-creole .quote-translation,
.et_pb_text.article-leadership-creole .quote-translation {
    background: white !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border-left: 4px solid #F39C12 !important;
}

.et_pb_module.article-leadership-creole .quote-translation strong,
.et_pb_text.article-leadership-creole .quote-translation strong {
    color: #F39C12 !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* ----------------------------------
   SECTIONS DE CONTENU
   ---------------------------------- */
.et_pb_module.article-leadership-creole .content-section,
.et_pb_text.article-leadership-creole .content-section {
    margin: 50px 0 !important;
}

/* H2 - Titres principaux (couleur Leadership - JAUNE/OR) */
.et_pb_module.article-leadership-creole .content-section h2,
.et_pb_module.article-leadership-creole h2,
.et_pb_text.article-leadership-creole .content-section h2,
.et_pb_text.article-leadership-creole h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    color: #F39C12 !important;
    margin-bottom: 30px !important;
    margin-top: 40px !important;
    position: relative !important;
    padding-bottom: 20px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}

/* Underline décorative pour H2 - gradient jaune/or */
.et_pb_module.article-leadership-creole .content-section h2::after,
.et_pb_module.article-leadership-creole h2::after,
.et_pb_text.article-leadership-creole .content-section h2::after,
.et_pb_text.article-leadership-creole h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100px !important;
    height: 5px !important;
    background: linear-gradient(90deg, #F39C12 0%, #FFC107 100%) !important;
    border-radius: 3px !important;
}

/* H3 - Sous-titres (bordure gauche JAUNE) */
.et_pb_module.article-leadership-creole .content-section h3,
.et_pb_module.article-leadership-creole h3,
.et_pb_text.article-leadership-creole .content-section h3,
.et_pb_text.article-leadership-creole h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    color: #2C3E50 !important;
    margin: 35px 0 20px !important;
    font-weight: 600 !important;
    padding-left: 20px !important;
    border-left: 4px solid #F39C12 !important;
}

/* H4 - Petits titres */
.et_pb_module.article-leadership-creole .content-section h4,
.et_pb_module.article-leadership-creole h4,
.et_pb_text.article-leadership-creole .content-section h4,
.et_pb_text.article-leadership-creole h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin: 25px 0 15px !important;
    font-weight: 600 !important;
}

/* Paragraphes */
.et_pb_module.article-leadership-creole .content-section p,
.et_pb_module.article-leadership-creole p,
.et_pb_text.article-leadership-creole .content-section p,
.et_pb_text.article-leadership-creole p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #495057 !important;
    margin-bottom: 20px !important;
}

/* Strong et Em */
.et_pb_module.article-leadership-creole strong,
.et_pb_text.article-leadership-creole strong {
    color: #2C3E50 !important;
    font-weight: 600 !important;
}

.et_pb_module.article-leadership-creole em,
.et_pb_text.article-leadership-creole em {
    color: #E67E22 !important;
    font-style: italic !important;
}

/* ----------------------------------
   LISTES
   ---------------------------------- */

/* Listes normales */
.et_pb_module.article-leadership-creole .content-section ul,
.et_pb_module.article-leadership-creole ul,
.et_pb_text.article-leadership-creole .content-section ul,
.et_pb_text.article-leadership-creole ul {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-leadership-creole .content-section ul li,
.et_pb_module.article-leadership-creole ul li,
.et_pb_text.article-leadership-creole .content-section ul li,
.et_pb_text.article-leadership-creole ul li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

.et_pb_module.article-leadership-creole .content-section ol,
.et_pb_module.article-leadership-creole ol,
.et_pb_text.article-leadership-creole .content-section ol,
.et_pb_text.article-leadership-creole ol {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-leadership-creole .content-section ol li,
.et_pb_module.article-leadership-creole ol li,
.et_pb_text.article-leadership-creole .content-section ol li,
.et_pb_text.article-leadership-creole ol li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

/* ----------------------------------
   BOXES CONSEIL (fond JAUNE clair)
   ---------------------------------- */
.et_pb_module.article-leadership-creole .conseil-box,
.et_pb_text.article-leadership-creole .conseil-box {
    display: flex !important;
    gap: 20px !important;
    background: linear-gradient(135deg, rgba(243,156,18,0.08) 0%, rgba(255,193,7,0.08) 100%) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(243,156,18,0.3) !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-leadership-creole .conseil-box.green-gradient,
.et_pb_text.article-leadership-creole .conseil-box.green-gradient {
    background: linear-gradient(135deg, rgba(243,156,18,0.1) 0%, rgba(255,193,7,0.1) 100%) !important;
    border: 2px solid #F39C12 !important;
}

.et_pb_module.article-leadership-creole .conseil-icon,
.et_pb_text.article-leadership-creole .conseil-icon {
    font-size: 40px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

.et_pb_module.article-leadership-creole .conseil-content,
.et_pb_text.article-leadership-creole .conseil-content {
    flex: 1 !important;
}

.et_pb_module.article-leadership-creole .conseil-box h4,
.et_pb_module.article-leadership-creole .conseil-content h4,
.et_pb_text.article-leadership-creole .conseil-box h4,
.et_pb_text.article-leadership-creole .conseil-content h4 {
    color: #E67E22 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-size: 19px !important;
}

.et_pb_module.article-leadership-creole .conseil-box p,
.et_pb_module.article-leadership-creole .conseil-content p,
.et_pb_text.article-leadership-creole .conseil-box p,
.et_pb_text.article-leadership-creole .conseil-content p {
    margin-bottom: 15px !important;
}

.et_pb_module.article-leadership-creole .conseil-box ul,
.et_pb_module.article-leadership-creole .conseil-content ul,
.et_pb_text.article-leadership-creole .conseil-box ul,
.et_pb_text.article-leadership-creole .conseil-content ul {
    margin-top: 15px !important;
    list-style: none !important;
    padding-left: 0 !important;
}

.et_pb_module.article-leadership-creole .conseil-box ul li,
.et_pb_module.article-leadership-creole .conseil-content ul li,
.et_pb_text.article-leadership-creole .conseil-box ul li,
.et_pb_text.article-leadership-creole .conseil-content ul li {
    padding-left: 30px !important;
    position: relative !important;
    margin-bottom: 12px !important;
}

.et_pb_module.article-leadership-creole .conseil-box ul li::before,
.et_pb_module.article-leadership-creole .conseil-content ul li::before,
.et_pb_text.article-leadership-creole .conseil-box ul li::before,
.et_pb_text.article-leadership-creole .conseil-content ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #F39C12 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ----------------------------------
   BOX EXERCICE (bordure jaune pointillée)
   ---------------------------------- */
.et_pb_module.article-leadership-creole .exercice-box,
.et_pb_text.article-leadership-creole .exercice-box {
    background: linear-gradient(135deg, #fff 0%, rgba(243,156,18,0.05) 100%) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 3px dashed #F39C12 !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-leadership-creole .exercice-box h4,
.et_pb_text.article-leadership-creole .exercice-box h4 {
    color: #F39C12 !important;
    margin-top: 0 !important;
    font-size: 20px !important;
}

/* ----------------------------------
   LISTES 2 COLONNES
   ---------------------------------- */
.et_pb_module.article-leadership-creole .two-column-list,
.et_pb_text.article-leadership-creole .two-column-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-leadership-creole .two-column-list .column,
.et_pb_text.article-leadership-creole .two-column-list .column {
    background: rgba(243,156,18,0.05) !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border: 2px solid rgba(243,156,18,0.2) !important;
}

.et_pb_module.article-leadership-creole .two-column-list .column h4,
.et_pb_text.article-leadership-creole .two-column-list .column h4 {
    color: #F39C12 !important;
    margin-top: 0 !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-leadership-creole .two-column-list .column ul,
.et_pb_text.article-leadership-creole .two-column-list .column ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.et_pb_module.article-leadership-creole .two-column-list .column ul li,
.et_pb_text.article-leadership-creole .two-column-list .column ul li {
    padding-left: 30px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    line-height: 1.6 !important;
}

.et_pb_module.article-leadership-creole .two-column-list .column ul li::before,
.et_pb_text.article-leadership-creole .two-column-list .column ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #F39C12 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ----------------------------------
   TÉMOIGNAGES (bordure JAUNE)
   ---------------------------------- */
.et_pb_module.article-leadership-creole .temoignage-box,
.et_pb_text.article-leadership-creole .temoignage-box {
    background: white !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border-left: 5px solid #F39C12 !important;
    margin: 30px 0 !important;
    box-shadow: 0 4px 15px rgba(243,156,18,0.1) !important;
}

.et_pb_module.article-leadership-creole .temoignage-box.success-story,
.et_pb_text.article-leadership-creole .temoignage-box.success-story {
    background: linear-gradient(135deg, rgba(243,156,18,0.05) 0%, rgba(255,193,7,0.05) 100%) !important;
    border: 2px solid rgba(243,156,18,0.3) !important;
    border-left: 5px solid #F39C12 !important;
}

.et_pb_module.article-leadership-creole .temoignage-header,
.et_pb_text.article-leadership-creole .temoignage-header {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

.et_pb_module.article-leadership-creole .temoignage-photo,
.et_pb_text.article-leadership-creole .temoignage-photo {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #F39C12 !important;
    flex-shrink: 0 !important;
}

.et_pb_module.article-leadership-creole .temoignage-info,
.et_pb_text.article-leadership-creole .temoignage-info {
    flex: 1 !important;
}

.et_pb_module.article-leadership-creole .temoignage-info strong,
.et_pb_text.article-leadership-creole .temoignage-info strong {
    display: block !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin-bottom: 5px !important;
}

.et_pb_module.article-leadership-creole .temoignage-info span,
.et_pb_text.article-leadership-creole .temoignage-info span {
    font-size: 14px !important;
    color: #6C757D !important;
    display: block !important;
}

.et_pb_module.article-leadership-creole .temoignage-box p,
.et_pb_text.article-leadership-creole .temoignage-box p {
    margin-bottom: 15px !important;
    color: #495057 !important;
    font-style: italic !important;
    line-height: 1.7 !important;
}

.et_pb_module.article-leadership-creole .temoignage-box h4,
.et_pb_text.article-leadership-creole .temoignage-box h4 {
    color: #F39C12 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* ----------------------------------
   IMAGES
   ---------------------------------- */

/* Image Container */
.et_pb_module.article-leadership-creole .image-container,
.et_pb_text.article-leadership-creole .image-container {
    margin: 40px 0 !important;
    text-align: center !important;
}

.et_pb_module.article-leadership-creole .image-container img,
.et_pb_text.article-leadership-creole .image-container img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(243,156,18,0.15) !important;
}

/* Image Pleine Largeur */
.et_pb_module.article-leadership-creole .image-full-width,
.et_pb_text.article-leadership-creole .image-full-width {
    margin: 50px -50px !important;
    text-align: center !important;
}

.et_pb_module.article-leadership-creole .image-full-width img,
.et_pb_text.article-leadership-creole .image-full-width img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 40px rgba(243,156,18,0.15) !important;
}

.et_pb_module.article-leadership-creole .image-caption,
.et_pb_text.article-leadership-creole .image-caption {
    text-align: center !important;
    font-size: 14px !important;
    color: #6C757D !important;
    font-style: italic !important;
    margin-top: 15px !important;
}

.et_pb_module.article-leadership-creole .image-full-width .image-caption,
.et_pb_text.article-leadership-creole .image-full-width .image-caption {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

/* ----------------------------------
   CTA PROGRAMME (JAUNE)
   ---------------------------------- */
.et_pb_module.article-leadership-creole .cta-card,
.et_pb_text.article-leadership-creole .cta-card {
    background: white !important;
    padding: 40px !important;
    border-radius: 15px !important;
    border: 3px solid #F39C12 !important;
    margin: 50px 0 !important;
    box-shadow: 0 8px 30px rgba(243,156,18,0.2) !important;
}

.et_pb_module.article-leadership-creole .cta-content,
.et_pb_text.article-leadership-creole .cta-content {
    margin-bottom: 30px !important;
}

.et_pb_module.article-leadership-creole .cta-card h3,
.et_pb_module.article-leadership-creole .cta-content h3,
.et_pb_text.article-leadership-creole .cta-card h3,
.et_pb_text.article-leadership-creole .cta-content h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    color: #F39C12 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-leadership-creole .cta-card p,
.et_pb_module.article-leadership-creole .cta-content p,
.et_pb_text.article-leadership-creole .cta-card p,
.et_pb_text.article-leadership-creole .cta-content p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-leadership-creole .cta-benefits,
.et_pb_text.article-leadership-creole .cta-benefits {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.et_pb_module.article-leadership-creole .cta-benefits li,
.et_pb_text.article-leadership-creole .cta-benefits li {
    padding: 8px 0 !important;
    font-size: 16px !important;
    color: #495057 !important;
    line-height: 1.6 !important;
}

.et_pb_module.article-leadership-creole .cta-action,
.et_pb_text.article-leadership-creole .cta-action {
    text-align: center !important;
}

.et_pb_module.article-leadership-creole .cta-button,
.et_pb_module.article-leadership-creole .yellow-button,
.et_pb_text.article-leadership-creole .cta-button,
.et_pb_text.article-leadership-creole .yellow-button {
    display: inline-block !important;
    background: linear-gradient(135deg, #F39C12 0%, #FFC107 100%) !important;
    color: white !important;
    padding: 18px 40px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 20px rgba(243,156,18,0.3) !important;
}

.et_pb_module.article-leadership-creole .cta-button:hover,
.et_pb_module.article-leadership-creole .yellow-button:hover,
.et_pb_text.article-leadership-creole .cta-button:hover,
.et_pb_text.article-leadership-creole .yellow-button:hover {
    background: linear-gradient(135deg, #E67E22 0%, #F39C12 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(243,156,18,0.4) !important;
}

.et_pb_module.article-leadership-creole .cta-subtext,
.et_pb_text.article-leadership-creole .cta-subtext {
    font-size: 14px !important;
    color: #6C757D !important;
    margin-top: 15px !important;
    text-align: center !important;
}

/* Invitation Box */
.et_pb_module.article-leadership-creole .invitation-box,
.et_pb_text.article-leadership-creole .invitation-box {
    background: white !important;
    border: 2px solid #FFC107 !important;
}

.et_pb_module.article-leadership-creole .text-link,
.et_pb_text.article-leadership-creole .text-link {
    color: #F39C12 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 2px solid transparent !important;
    transition: border-color 0.3s ease !important;
}

.et_pb_module.article-leadership-creole .text-link:hover,
.et_pb_text.article-leadership-creole .text-link:hover {
    border-bottom-color: #F39C12 !important;
}

/* ----------------------------------
   RESPONSIVE - TABLETTE
   ---------------------------------- */
@media (max-width: 980px) {
    /* Citations en 1 colonne */
    .et_pb_module.article-leadership-creole .quote-split,
    .et_pb_text.article-leadership-creole .quote-split {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Listes 2 colonnes en 1 colonne */
    .et_pb_module.article-leadership-creole .two-column-list,
    .et_pb_text.article-leadership-creole .two-column-list {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* ----------------------------------
   RESPONSIVE - MOBILE
   ---------------------------------- */
@media (max-width: 768px) {
    /* Titres */
    .et_pb_module.article-leadership-creole h2,
    .et_pb_text.article-leadership-creole h2 {
        font-size: 26px !important;
    }
    
    .et_pb_module.article-leadership-creole h3,
    .et_pb_text.article-leadership-creole h3 {
        font-size: 20px !important;
        padding-left: 15px !important;
    }
    
    .et_pb_module.article-leadership-creole h4,
    .et_pb_text.article-leadership-creole h4 {
        font-size: 17px !important;
    }
    
    .et_pb_module.article-leadership-creole p,
    .et_pb_text.article-leadership-creole p {
        font-size: 16px !important;
    }
    
    /* Intro lead */
    .et_pb_module.article-leadership-creole .intro-lead,
    .et_pb_text.article-leadership-creole .intro-lead {
        font-size: 19px !important;
        padding: 20px !important;
    }
    
    /* Citations */
    .et_pb_module.article-leadership-creole .quote-split,
    .et_pb_text.article-leadership-creole .quote-split {
        padding: 25px !important;
    }
    
    .et_pb_module.article-leadership-creole .quote-split blockquote,
    .et_pb_text.article-leadership-creole .quote-split blockquote {
        font-size: 18px !important;
    }
    
    /* Conseil box */
    .et_pb_module.article-leadership-creole .conseil-box,
    .et_pb_text.article-leadership-creole .conseil-box {
        flex-direction: column !important;
        padding: 25px !important;
    }
    
    .et_pb_module.article-leadership-creole .conseil-icon,
    .et_pb_text.article-leadership-creole .conseil-icon {
        font-size: 35px !important;
    }
    
    /* Image pleine largeur */
    .et_pb_module.article-leadership-creole .image-full-width,
    .et_pb_text.article-leadership-creole .image-full-width {
        margin: 30px -25px !important;
    }
    
    .et_pb_module.article-leadership-creole .image-full-width .image-caption,
    .et_pb_text.article-leadership-creole .image-full-width .image-caption {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    
    /* CTA */
    .et_pb_module.article-leadership-creole .cta-card,
    .et_pb_text.article-leadership-creole .cta-card {
        padding: 30px 25px !important;
    }
    
    .et_pb_module.article-leadership-creole .cta-card h3,
    .et_pb_text.article-leadership-creole .cta-card h3 {
        font-size: 24px !important;
    }
    
    .et_pb_module.article-leadership-creole .cta-button,
    .et_pb_module.article-leadership-creole .yellow-button,
    .et_pb_text.article-leadership-creole .cta-button,
    .et_pb_text.article-leadership-creole .yellow-button {
        padding: 15px 30px !important;
        font-size: 16px !important;
    }
}

/* ----------------------------------
   TEST DE COULEUR JAUNE/OR
   ---------------------------------- */

/*
🎨 VÉRIFICATION VISUELLE :

Si vous voyez du JAUNE/OR (#F39C12) sur ces éléments, le CSS fonctionne :
✅ Titres H2 en JAUNE/OR
✅ Bordure gauche H3 en JAUNE/OR
✅ Citations créoles en JAUNE/OR
✅ Bordures témoignages en JAUNE/OR
✅ Bordures encadrés conseils en JAUNE/OR
✅ Bordure liste 2 colonnes en JAUNE/OR
✅ Checkmarks (✓) en JAUNE/OR
✅ Bouton CTA avec fond JAUNE/OR

Si vous ne voyez PAS de jaune/or, c'est que :
❌ La classe "article-leadership-creole" n'est pas sur le module Divi
❌ Le cache n'a pas été vidé
❌ Il y a un conflit CSS plus spécifique

SPÉCIFICITÉ DE CE CSS :
.et_pb_module.article-leadership-creole h2 
= 2 classes + 1 élément = Poids 21
Divi standard = Poids ~20
→ Ce CSS GAGNE ! 💪
*//* ========================================
   CSS ULTRA-SPÉCIFIQUE - IMAGE PORTRAIT
   Article : Retour en Martinique
   Catégorie : Développement Personnel (Rouge Corail #FF6B6B)
   
   CLASSE À AJOUTER AU MODULE DIVI : article-retour-martinique
   
   Version avec SPÉCIFICITÉ MAXIMALE pour surpasser TOUS les styles Divi
   ======================================== */

/* ----------------------------------
   IMAGE PORTRAIT - FORMAT 1024x1536px (2:3)
   ---------------------------------- */

/* Container de l'image - VERSION CENTRÉE */
.et_pb_module.article-retour-martinique .image-full,
.et_pb_text.article-retour-martinique .image-full {
    margin: 60px auto !important;
    max-width: 600px !important;
    width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important;
}

/* Image elle-même - HEIGHT AUTO pour respecter ratio portrait */
.et_pb_module.article-retour-martinique .image-full img,
.et_pb_text.article-retour-martinique .image-full img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

/* Légende de l'image */
.et_pb_module.article-retour-martinique .image-caption,
.et_pb_text.article-retour-martinique .image-caption {
    text-align: center !important;
    font-size: 15px !important;
    color: #7F8C8D !important;
    font-style: italic !important;
    margin-top: 20px !important;
    padding: 0 20px !important;
}


/* ----------------------------------
   RESPONSIVE - TABLETTE
   ---------------------------------- */
@media (max-width: 980px) {
    .et_pb_module.article-retour-martinique .image-full,
    .et_pb_text.article-retour-martinique .image-full {
        max-width: 100% !important;
    }
}

/* ----------------------------------
   RESPONSIVE - MOBILE
   ---------------------------------- */
@media (max-width: 768px) {
    .et_pb_module.article-retour-martinique .image-full,
    .et_pb_text.article-retour-martinique .image-full {
        margin: 40px 0 !important;
        max-width: 100% !important;
    }
    
    .et_pb_module.article-retour-martinique .image-caption,
    .et_pb_text.article-retour-martinique .image-caption {
        font-size: 14px !important;
        padding: 0 10px !important;
    }
}


/* ══════════════════════════════════════════════════════════════
   📋 INSTRUCTIONS D'UTILISATION
   ══════════════════════════════════════════════════════════════
   
   ÉTAPE 1 : AJOUTER LA CLASSE AU MODULE DIVI
   ───────────────────────────────────────────────────────────
   
   1. Ouvrir Divi Visual Builder
   2. Cliquer sur votre Module Texte (celui avec tout le HTML)
   3. Onglet AVANCÉ → ID et Classes CSS
   4. Dans "Classe CSS" : ajouter → article-retour-martinique
   5. Sauvegarder (✓)
   
   
   ÉTAPE 2 : AJOUTER CE CSS AU THÈME ENFANT
   ───────────────────────────────────────────────────────────
   
   MÉTHODE A - Via Gestionnaire de Fichiers (Recommandée) :
   
   1. Ouvrir gestionnaire de fichiers hébergeur
   2. Naviguer : wp-content/themes/divi-child/style.css
   3. Copier TOUT ce fichier CSS
   4. Coller À LA FIN du fichier style.css
   5. Sauvegarder
   
   
   MÉTHODE B - Via WordPress Admin :
   
   1. WordPress → Divi → Options du thème
   2. Onglet GÉNÉRAL → CSS Personnalisé (en bas)
   3. Coller TOUT ce fichier CSS
   4. Enregistrer
   
   
   ÉTAPE 3 : VIDER LES CACHES
   ───────────────────────────────────────────────────────────
   
   1. Divi → Effacer le cache
   2. Navigateur : Ctrl + F5 (PC) / Cmd + Shift + R (Mac)
   3. Si plugin cache (W3 Total Cache, etc.) : Vider aussi
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   📐 RÉSULTAT ATTENDU
   ══════════════════════════════════════════════════════════════
   
   Desktop (>980px) :
     ✅ Image centrée à 600px de large
     ✅ Hauteur proportionnelle (~900px pour ratio 2:3)
     ✅ Coins arrondis 20px
     ✅ Ombre portée élégante
     ✅ Marges 60px haut/bas
   
   Tablette (768-980px) :
     ✅ Image prend toute la largeur disponible
     ✅ Garde les proportions portrait
   
   Mobile (<768px) :
     ✅ Image pleine largeur
     ✅ Marges réduites à 40px
     ✅ Hauteur ajustée automatiquement
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   🎯 SPÉCIFICITÉ DE CE CSS
   ══════════════════════════════════════════════════════════════
   
   Sélecteur utilisé :
   .et_pb_module.article-retour-martinique .image-full
   
   Calcul de spécificité :
   - .et_pb_module = 1 classe
   - .article-retour-martinique = 1 classe
   - .image-full = 1 classe
   = 3 classes = Poids 30
   
   CSS Divi standard :
   .et_pb_text .image-full = Poids ~20
   
   → CE CSS GAGNE ! 💪
   
   Même architecture que votre article Leadership qui fonctionne.
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   🔧 DÉPANNAGE
   ══════════════════════════════════════════════════════════════
   
   ❌ PROBLÈME : L'image est toujours en paysage/déformée
   
   VÉRIFIER :
   
   1. La classe CSS est bien ajoutée au module :
      - Visual Builder → Module Texte → Avancé
      - ID et Classes CSS → Classe CSS
      - Doit contenir : "article-retour-martinique"
   
   2. Le HTML contient bien :
      <div class="image-full">
        <img src="..." alt="..."/>
      </div>
   
   3. Les caches sont vidés :
      - Cache Divi
      - Cache navigateur (Ctrl + F5)
      - Cache plugin si activé
   
   4. Le CSS est bien dans le fichier :
      - Vérifier que le CSS est À LA FIN du style.css
      - Pas de caractères bizarres copiés
   
   
   ❌ PROBLÈME : Le CSS ne s'applique pas du tout
   
   SOLUTION : Tester en navigation privée
   
   Si ça marche en navigation privée = problème de cache
   → Vider TOUS les caches
   
   Si ça ne marche PAS en navigation privée :
   → Vérifier que la classe est bien sur le module
   
   
   ❌ PROBLÈME : Conflit avec CSS précédent
   
   Si vous avez DÉJ un CSS pour .image-full ailleurs :
   
   1. Chercher dans style.css : Ctrl + F → ".image-full"
   2. Deux options :
      
      Option A - Supprimer l'ancien CSS .image-full
      (si c'était pour format paysage)
      
      Option B - Garder les deux
      (le nouveau CSS avec spécificité plus haute écrasera l'ancien)
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   💡 NOTE IMPORTANTE
   ══════════════════════════════════════════════════════════════
   
   Cette architecture CSS est IDENTIQUE à celle de votre article
   Leadership qui fonctionne correctement.
   
   Même structure :
   .et_pb_module.NOM-ARTICLE .element
   .et_pb_text.NOM-ARTICLE .element
   
   Avantages :
   ✅ Spécificité ultra-haute (écrase tout)
   ✅ CSS isolé par article (pas de conflit entre articles)
   ✅ Maintenable (chaque article a son propre namespace)
   ✅ Évolutif (facile d'ajouter de nouveaux styles)
   
   C'est la MEILLEURE pratique pour votre cas d'usage !
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   ⚡ OPTIMISATION BONUS
   ══════════════════════════════════════════════════════════════
   
   N'oubliez pas de compresser votre image !
   
   Image actuelle : 3 MB ❌ TROP LOURD
   
   1. Aller sur https://tinypng.com
   2. Uploader illustration_article_retour.png
   3. Télécharger version compressée (~200 KB)
   4. Utiliser cette version
   
   → Site 15x plus rapide ! ⚡
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   📊 COMPARAISON AVANT / APRÈS
   ══════════════════════════════════════════════════════════════
   
   AVANT (Code paysage) :
   ❌ .image-full { height: 500px; }
      → Force hauteur fixe paysage
   ❌ .image-full { margin: 60px -50px; }
      → Déborde sur les côtés
   ❌ Pas de max-width
      → Image trop large
   ❌ Spécificité basse
      → Écrasé par autres CSS
   
   APRÈS (Code portrait ultra-spécifique) :
   ✅ .et_pb_module.article-retour-martinique .image-full { height: auto; }
      → Respecte ratio naturel 2:3
   ✅ .et_pb_module.article-retour-martinique .image-full { margin: 60px auto; }
      → Centrée élégamment
   ✅ max-width: 600px
      → Largeur contrôlée
   ✅ Spécificité 30
      → Écrase TOUT autre CSS
   
   RÉSULTAT :
   🎨 Image portrait magnifiquement centrée, isolée des autres articles !
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   ✅ CHECKLIST COMPLÈTE
   ══════════════════════════════════════════════════════════════
   
   ÉTAPE 1 - Préparation :
   [ ] Lire ce fichier CSS en entier
   [ ] Comprendre le système de classe CSS personnalisée
   [ ] Image optimisée (< 300 KB)
   
   ÉTAPE 2 - Divi :
   [ ] Visual Builder activé
   [ ] Module Texte sélectionné
   [ ] Onglet AVANCÉ → ID et Classes CSS
   [ ] Classe "article-retour-martinique" ajoutée
   [ ] Module sauvegardé
   
   ÉTAPE 3 - CSS :
   [ ] Fichier style.css du thème enfant ouvert
   [ ] Ce CSS copié ENTIÈREMENT
   [ ] Collé À LA FIN du fichier style.css
   [ ] Fichier sauvegardé
   
   ÉTAPE 4 - Caches :
   [ ] Cache Divi vidé
   [ ] Cache navigateur vidé (Ctrl + F5)
   [ ] Cache plugin vidé (si applicable)
   
   ÉTAPE 5 - Tests :
   [ ] Page rechargée en navigation privée
   [ ] Test desktop : image 600px large, centrée
   [ ] Test tablette : image pleine largeur
   [ ] Test mobile : image adaptée
   [ ] Image non déformée
   [ ] Ratio portrait 2:3 respecté
   [ ] Coins arrondis visibles
   [ ] Ombre portée visible
   
   ÉTAPE 6 - Performance :
   [ ] Image compressée vérifiée
   [ ] Temps de chargement < 3 sec
   [ ] Test sur plusieurs navigateurs
   
   ══════════════════════════════════════════════════════════════ */
																																																				
																																																				
	/* ========================================
   CSS ULTRA-SPÉCIFIQUE - ARTICLE RETOUR EN MARTINIQUE
   Catégorie : Développement Personnel
   Palette : CONTRASTE TROPICAL (Orange #F09630, Terracotta #D23C00, Vert #4A8C57)
   
   CLASSE À AJOUTER AU MODULE DIVI : article-retour-martinique
   
   Version avec SPÉCIFICITÉ MAXIMALE pour surpasser TOUS les styles Divi
   et éviter les conflits avec les autres articles (Leadership, etc.)
   ======================================== */

/* ----------------------------------
   INTRO LEAD (Fond ORANGE clair, bordure ORANGE)
   ---------------------------------- */
.et_pb_module.article-retour-martinique .intro-lead,
.et_pb_text.article-retour-martinique .intro-lead {
    font-size: 22px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
    font-weight: 400 !important;
    margin-bottom: 40px !important;
    padding: 25px !important;
    background: rgba(240, 150, 48, 0.05) !important;
    border-left: 5px solid #F09630 !important;
    border-radius: 8px !important;
    font-style: italic;
}

/* ----------------------------------
   CITATIONS CRÉOLES SPLIT (2 COLONNES) - STYLE CONTRASTE TROPICAL
   ---------------------------------- */
.et_pb_module.article-retour-martinique .quote-split,
.et_pb_text.article-retour-martinique .quote-split {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin: 40px 0 !important;
    padding: 35px !important;
    background: linear-gradient(135deg, rgba(240,150,48,0.05) 0%, rgba(210,60,0,0.05) 100%) !important;
    border-radius: 15px !important;
    border: 2px solid rgba(240,150,48,0.2) !important;
}

.et_pb_module.article-retour-martinique .quote-split.proverbe-highlight,
.et_pb_text.article-retour-martinique .quote-split.proverbe-highlight {
    border: 3px solid #F09630 !important;
    box-shadow: 0 5px 20px rgba(240,150,48,0.15) !important;
}

.et_pb_module.article-retour-martinique .quote-split blockquote,
.et_pb_text.article-retour-martinique .quote-split blockquote {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: #D23C00 !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

.et_pb_module.article-retour-martinique .quote-translation,
.et_pb_text.article-retour-martinique .quote-translation {
    background: white !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border-left: 4px solid #F09630 !important;
}

.et_pb_module.article-retour-martinique .quote-translation strong,
.et_pb_text.article-retour-martinique .quote-translation strong {
    color: #F09630 !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* ----------------------------------
   SECTIONS DE CONTENU
   ---------------------------------- */
.et_pb_module.article-retour-martinique .content-section,
.et_pb_text.article-retour-martinique .content-section {
    margin: 50px 0 !important;
}

/* H2 - Titres principaux (couleur ORANGE #F09630) */
.et_pb_module.article-retour-martinique .content-section h2,
.et_pb_module.article-retour-martinique h2,
.et_pb_text.article-retour-martinique .content-section h2,
.et_pb_text.article-retour-martinique h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    color: #F09630 !important;
    margin-bottom: 30px !important;
    margin-top: 40px !important;
    position: relative !important;
    padding-bottom: 20px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
}

/* Underline décorative pour H2 - gradient orange/terracotta */
.et_pb_module.article-retour-martinique .content-section h2::after,
.et_pb_module.article-retour-martinique h2::after,
.et_pb_text.article-retour-martinique .content-section h2::after,
.et_pb_text.article-retour-martinique h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100px !important;
    height: 5px !important;
    background: linear-gradient(90deg, #F09630 0%, #D23C00 100%) !important;
    border-radius: 3px !important;
}

/* H3 - Sous-titres (bordure gauche VERTE) */
.et_pb_module.article-retour-martinique .content-section h3,
.et_pb_module.article-retour-martinique h3,
.et_pb_text.article-retour-martinique .content-section h3,
.et_pb_text.article-retour-martinique h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    color: #2C3E50 !important;
    margin: 35px 0 20px !important;
    font-weight: 600 !important;
    padding-left: 20px !important;
    border-left: 4px solid #4A8C57 !important;
}

/* H4 - Petits titres */
.et_pb_module.article-retour-martinique .content-section h4,
.et_pb_module.article-retour-martinique h4,
.et_pb_text.article-retour-martinique .content-section h4,
.et_pb_text.article-retour-martinique h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    color: #2C3E50 !important;
    margin: 25px 0 15px !important;
    font-weight: 600 !important;
}

/* Paragraphes */
.et_pb_module.article-retour-martinique .content-section p,
.et_pb_module.article-retour-martinique p,
.et_pb_text.article-retour-martinique .content-section p,
.et_pb_text.article-retour-martinique p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #495057 !important;
    margin-bottom: 20px !important;
}

/* Strong et Em */
.et_pb_module.article-retour-martinique strong,
.et_pb_text.article-retour-martinique strong {
    color: #2C3E50 !important;
    font-weight: 600 !important;
}

.et_pb_module.article-retour-martinique em,
.et_pb_text.article-retour-martinique em {
    color: #D23C00 !important;
    font-style: italic !important;
}

/* ----------------------------------
   LISTES
   ---------------------------------- */

/* Listes normales */
.et_pb_module.article-retour-martinique .content-section ul,
.et_pb_module.article-retour-martinique ul,
.et_pb_text.article-retour-martinique .content-section ul,
.et_pb_text.article-retour-martinique ul {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-retour-martinique .content-section ul li,
.et_pb_module.article-retour-martinique ul li,
.et_pb_text.article-retour-martinique .content-section ul li,
.et_pb_text.article-retour-martinique ul li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

.et_pb_module.article-retour-martinique .content-section ol,
.et_pb_module.article-retour-martinique ol,
.et_pb_text.article-retour-martinique .content-section ol,
.et_pb_text.article-retour-martinique ol {
    margin: 20px 0 !important;
    padding-left: 30px !important;
}

.et_pb_module.article-retour-martinique .content-section ol li,
.et_pb_module.article-retour-martinique ol li,
.et_pb_text.article-retour-martinique .content-section ol li,
.et_pb_text.article-retour-martinique ol li {
    margin-bottom: 12px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

/* ----------------------------------
   LISTES 2 COLONNES (checkmarks VERTS)
   ---------------------------------- */
.et_pb_module.article-retour-martinique .list-two-columns,
.et_pb_text.article-retour-martinique .list-two-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 25px !important;
    margin: 35px 0 !important;
    list-style: none !important;
    padding: 0 !important;
}

.et_pb_module.article-retour-martinique .list-two-columns li,
.et_pb_text.article-retour-martinique .list-two-columns li {
    position: relative !important;
    padding-left: 40px !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
    color: #495057 !important;
    list-style: none !important;
}

.et_pb_module.article-retour-martinique .list-two-columns li::before,
.et_pb_text.article-retour-martinique .list-two-columns li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #4A8C57 !important;
    font-weight: bold !important;
    font-size: 22px !important;
    background: rgba(74, 140, 87, 0.15) !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ----------------------------------
   BOXES CONSEIL (fond ORANGE clair, bordure VERTE)
   ---------------------------------- */
.et_pb_module.article-retour-martinique .conseil-box,
.et_pb_text.article-retour-martinique .conseil-box {
    display: flex !important;
    gap: 20px !important;
    background: linear-gradient(135deg, rgba(74,140,87,0.06), rgba(74,140,87,0.12)) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 3px solid #4A8C57 !important;
    margin: 30px 0 !important;
}

.et_pb_module.article-retour-martinique .conseil-box.orange-gradient,
.et_pb_text.article-retour-martinique .conseil-box.orange-gradient {
    background: linear-gradient(135deg, rgba(240,150,48,0.08) 0%, rgba(210,60,0,0.08) 100%) !important;
    border: 2px solid rgba(240,150,48,0.3) !important;
}

.et_pb_module.article-retour-martinique .conseil-icon,
.et_pb_text.article-retour-martinique .conseil-icon {
    font-size: 40px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

.et_pb_module.article-retour-martinique .conseil-content,
.et_pb_text.article-retour-martinique .conseil-content {
    flex: 1 !important;
}

.et_pb_module.article-retour-martinique .conseil-box h4,
.et_pb_module.article-retour-martinique .conseil-content h4,
.et_pb_text.article-retour-martinique .conseil-box h4,
.et_pb_text.article-retour-martinique .conseil-content h4 {
    color: #4A8C57 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-size: 19px !important;
}

.et_pb_module.article-retour-martinique .conseil-box p,
.et_pb_module.article-retour-martinique .conseil-content p,
.et_pb_text.article-retour-martinique .conseil-box p,
.et_pb_text.article-retour-martinique .conseil-content p {
    margin-bottom: 15px !important;
}

.et_pb_module.article-retour-martinique .conseil-box ul,
.et_pb_module.article-retour-martinique .conseil-content ul,
.et_pb_text.article-retour-martinique .conseil-box ul,
.et_pb_text.article-retour-martinique .conseil-content ul {
    margin-top: 15px !important;
    list-style: none !important;
    padding-left: 0 !important;
}

.et_pb_module.article-retour-martinique .conseil-box ul li,
.et_pb_module.article-retour-martinique .conseil-content ul li,
.et_pb_text.article-retour-martinique .conseil-box ul li,
.et_pb_text.article-retour-martinique .conseil-content ul li {
    padding-left: 30px !important;
    position: relative !important;
    margin-bottom: 12px !important;
}

.et_pb_module.article-retour-martinique .conseil-box ul li::before,
.et_pb_module.article-retour-martinique .conseil-content ul li::before,
.et_pb_text.article-retour-martinique .conseil-box ul li::before,
.et_pb_text.article-retour-martinique .conseil-content ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #4A8C57 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ----------------------------------
   TÉMOIGNAGES (bordure ORANGE)
   ---------------------------------- */
.et_pb_module.article-retour-martinique .temoignage-box,
.et_pb_module.article-retour-martinique .testimonial-box,
.et_pb_text.article-retour-martinique .temoignage-box,
.et_pb_text.article-retour-martinique .testimonial-box {
    background: white !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border-left: 5px solid #F09630 !important;
    margin: 30px 0 !important;
    box-shadow: 0 4px 15px rgba(240,150,48,0.1) !important;
}

.et_pb_module.article-retour-martinique .temoignage-box.success-story,
.et_pb_module.article-retour-martinique .testimonial-box.success-story,
.et_pb_text.article-retour-martinique .temoignage-box.success-story,
.et_pb_text.article-retour-martinique .testimonial-box.success-story {
    background: linear-gradient(135deg, rgba(240,150,48,0.05) 0%, rgba(210,60,0,0.05) 100%) !important;
    border: 2px solid rgba(240,150,48,0.3) !important;
    border-left: 5px solid #F09630 !important;
}

.et_pb_module.article-retour-martinique .temoignage-box p,
.et_pb_module.article-retour-martinique .testimonial-box p,
.et_pb_text.article-retour-martinique .temoignage-box p,
.et_pb_text.article-retour-martinique .testimonial-box p {
    margin-bottom: 15px !important;
    color: #495057 !important;
    font-style: italic !important;
    line-height: 1.7 !important;
}

.et_pb_module.article-retour-martinique .temoignage-author,
.et_pb_module.article-retour-martinique .testimonial-author,
.et_pb_text.article-retour-martinique .temoignage-author,
.et_pb_text.article-retour-martinique .testimonial-author {
    font-weight: 600 !important;
    color: #F09630 !important;
    font-style: normal !important;
    margin-top: 15px !important;
    font-size: 16px !important;
}

/* ----------------------------------
   SPLIT CONTENT (Image + Texte côte à côte)
   ---------------------------------- */
.et_pb_module.article-retour-martinique .split-content,
.et_pb_text.article-retour-martinique .split-content {
    display: grid !important;
    grid-template-columns: 45% 1fr !important;
    gap: 40px !important;
    align-items: center !important;
    margin: 40px 0 !important;
}

.et_pb_module.article-retour-martinique .split-content img,
.et_pb_text.article-retour-martinique .split-content img {
    width: 100% !important;
    height: auto !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(240,150,48,0.15) !important;
}

.et_pb_module.article-retour-martinique .split-content-text h4,
.et_pb_text.article-retour-martinique .split-content-text h4 {
    color: #F09630 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* ----------------------------------
   IMAGES
   ---------------------------------- */

/* Image Container */
.et_pb_module.article-retour-martinique .image-container,
.et_pb_text.article-retour-martinique .image-container {
    margin: 40px 0 !important;
    text-align: center !important;
}

.et_pb_module.article-retour-martinique .image-container img,
.et_pb_text.article-retour-martinique .image-container img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(240,150,48,0.15) !important;
}

/* Image PORTRAIT - VERSION CENTRÉE (pour illustration principale) */
.et_pb_module.article-retour-martinique .image-full,
.et_pb_text.article-retour-martinique .image-full {
    margin: 60px auto !important;
    max-width: 600px !important;
    width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important;
}

.et_pb_module.article-retour-martinique .image-full img,
.et_pb_text.article-retour-martinique .image-full img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

/* Galerie Images (3 colonnes) */
.et_pb_module.article-retour-martinique .image-gallery,
.et_pb_text.article-retour-martinique .image-gallery {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin: 50px 0 !important;
}

.et_pb_module.article-retour-martinique .image-gallery img,
.et_pb_text.article-retour-martinique .image-gallery img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease !important;
}

.et_pb_module.article-retour-martinique .image-gallery img:hover,
.et_pb_text.article-retour-martinique .image-gallery img:hover {
    transform: scale(1.05) !important;
}

/* Légende */
.et_pb_module.article-retour-martinique .image-caption,
.et_pb_text.article-retour-martinique .image-caption {
    text-align: center !important;
    font-size: 15px !important;
    color: #7F8C8D !important;
    font-style: italic !important;
    margin-top: 20px !important;
    padding: 0 20px !important;
}

/* ----------------------------------
   CTA PROGRAMME (Couleur ORANGE)
   ---------------------------------- */
.et_pb_module.article-retour-martinique .cta-card,
.et_pb_module.article-retour-martinique .program-cta,
.et_pb_text.article-retour-martinique .cta-card,
.et_pb_text.article-retour-martinique .program-cta {
    background: white !important;
    padding: 40px !important;
    border-radius: 15px !important;
    border: 3px solid #F09630 !important;
    margin: 50px 0 !important;
    box-shadow: 0 8px 30px rgba(240,150,48,0.2) !important;
}

.et_pb_module.article-retour-martinique .program-cta,
.et_pb_text.article-retour-martinique .program-cta {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 40px !important;
    align-items: center !important;
}

.et_pb_module.article-retour-martinique .program-cta-text,
.et_pb_text.article-retour-martinique .program-cta-text {
    flex: 1 !important;
}

.et_pb_module.article-retour-martinique .cta-content,
.et_pb_text.article-retour-martinique .cta-content {
    margin-bottom: 30px !important;
}

.et_pb_module.article-retour-martinique .cta-card h3,
.et_pb_module.article-retour-martinique .cta-content h3,
.et_pb_module.article-retour-martinique .program-cta-text h4,
.et_pb_text.article-retour-martinique .cta-card h3,
.et_pb_text.article-retour-martinique .cta-content h3,
.et_pb_text.article-retour-martinique .program-cta-text h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    color: #2C3E50 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-weight: 700 !important;
}

.et_pb_module.article-retour-martinique .cta-card p,
.et_pb_module.article-retour-martinique .cta-content p,
.et_pb_module.article-retour-martinique .program-cta-text p,
.et_pb_text.article-retour-martinique .cta-card p,
.et_pb_text.article-retour-martinique .cta-content p,
.et_pb_text.article-retour-martinique .program-cta-text p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #7F8C8D !important;
    margin-bottom: 15px !important;
}

.et_pb_module.article-retour-martinique .cta-action,
.et_pb_module.article-retour-martinique .program-cta-button,
.et_pb_text.article-retour-martinique .cta-action,
.et_pb_text.article-retour-martinique .program-cta-button {
    text-align: center !important;
}

.et_pb_module.article-retour-martinique .cta-button,
.et_pb_module.article-retour-martinique .orange-button,
.et_pb_module.article-retour-martinique .program-cta-button a,
.et_pb_text.article-retour-martinique .cta-button,
.et_pb_text.article-retour-martinique .orange-button,
.et_pb_text.article-retour-martinique .program-cta-button a {
    display: inline-block !important;
    background: linear-gradient(135deg, #F09630 0%, #D23C00 100%) !important;
    color: white !important;
    padding: 18px 40px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 20px rgba(240,150,48,0.3) !important;
}

.et_pb_module.article-retour-martinique .cta-button:hover,
.et_pb_module.article-retour-martinique .orange-button:hover,
.et_pb_module.article-retour-martinique .program-cta-button a:hover,
.et_pb_text.article-retour-martinique .cta-button:hover,
.et_pb_text.article-retour-martinique .orange-button:hover,
.et_pb_text.article-retour-martinique .program-cta-button a:hover {
    background: linear-gradient(135deg, #E67E22 0%, #C0392B 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(240,150,48,0.4) !important;
}

.et_pb_module.article-retour-martinique .text-link,
.et_pb_text.article-retour-martinique .text-link {
    color: #F09630 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 2px solid transparent !important;
    transition: border-color 0.3s ease !important;
}

.et_pb_module.article-retour-martinique .text-link:hover,
.et_pb_text.article-retour-martinique .text-link:hover {
    border-bottom-color: #F09630 !important;
}

/* ----------------------------------
   RESPONSIVE - TABLETTE
   ---------------------------------- */
@media (max-width: 980px) {
    /* Citations en 1 colonne */
    .et_pb_module.article-retour-martinique .quote-split,
    .et_pb_text.article-retour-martinique .quote-split {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Listes 2 colonnes en 1 colonne */
    .et_pb_module.article-retour-martinique .list-two-columns,
    .et_pb_text.article-retour-martinique .list-two-columns {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Split content en 1 colonne */
    .et_pb_module.article-retour-martinique .split-content,
    .et_pb_text.article-retour-martinique .split-content {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }
    
    /* Galerie 2 colonnes */
    .et_pb_module.article-retour-martinique .image-gallery,
    .et_pb_text.article-retour-martinique .image-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* Image portrait */
    .et_pb_module.article-retour-martinique .image-full,
    .et_pb_text.article-retour-martinique .image-full {
        max-width: 100% !important;
    }
    
    /* CTA */
    .et_pb_module.article-retour-martinique .program-cta,
    .et_pb_text.article-retour-martinique .program-cta {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }
}

/* ----------------------------------
   RESPONSIVE - MOBILE
   ---------------------------------- */
@media (max-width: 768px) {
    /* Titres */
    .et_pb_module.article-retour-martinique h2,
    .et_pb_text.article-retour-martinique h2 {
        font-size: 26px !important;
    }
    
    .et_pb_module.article-retour-martinique h3,
    .et_pb_text.article-retour-martinique h3 {
        font-size: 20px !important;
        padding-left: 15px !important;
    }
    
    .et_pb_module.article-retour-martinique h4,
    .et_pb_text.article-retour-martinique h4 {
        font-size: 17px !important;
    }
    
    .et_pb_module.article-retour-martinique p,
    .et_pb_text.article-retour-martinique p {
        font-size: 16px !important;
    }
    
    /* Intro lead */
    .et_pb_module.article-retour-martinique .intro-lead,
    .et_pb_text.article-retour-martinique .intro-lead {
        font-size: 19px !important;
        padding: 20px !important;
    }
    
    /* Citations */
    .et_pb_module.article-retour-martinique .quote-split,
    .et_pb_text.article-retour-martinique .quote-split {
        padding: 25px !important;
    }
    
    .et_pb_module.article-retour-martinique .quote-split blockquote,
    .et_pb_text.article-retour-martinique .quote-split blockquote {
        font-size: 18px !important;
    }
    
    /* Conseil box */
    .et_pb_module.article-retour-martinique .conseil-box,
    .et_pb_text.article-retour-martinique .conseil-box {
        flex-direction: column !important;
        padding: 25px !important;
    }
    
    .et_pb_module.article-retour-martinique .conseil-icon,
    .et_pb_text.article-retour-martinique .conseil-icon {
        font-size: 35px !important;
    }
    
    /* Galerie 1 colonne */
    .et_pb_module.article-retour-martinique .image-gallery,
    .et_pb_text.article-retour-martinique .image-gallery {
        grid-template-columns: 1fr !important;
    }
    
    /* Image portrait */
    .et_pb_module.article-retour-martinique .image-full,
    .et_pb_text.article-retour-martinique .image-full {
        margin: 40px 0 !important;
        max-width: 100% !important;
    }
    
    .et_pb_module.article-retour-martinique .image-caption,
    .et_pb_text.article-retour-martinique .image-caption {
        font-size: 14px !important;
        padding: 0 10px !important;
    }
    
    /* CTA */
    .et_pb_module.article-retour-martinique .cta-card,
    .et_pb_module.article-retour-martinique .program-cta,
    .et_pb_text.article-retour-martinique .cta-card,
    .et_pb_text.article-retour-martinique .program-cta {
        padding: 30px 25px !important;
    }
    
    .et_pb_module.article-retour-martinique .cta-card h3,
    .et_pb_text.article-retour-martinique .cta-card h3 {
        font-size: 24px !important;
    }
    
    .et_pb_module.article-retour-martinique .cta-button,
    .et_pb_module.article-retour-martinique .orange-button,
    .et_pb_module.article-retour-martinique .program-cta-button a,
    .et_pb_text.article-retour-martinique .cta-button,
    .et_pb_text.article-retour-martinique .orange-button,
    .et_pb_text.article-retour-martinique .program-cta-button a {
        padding: 15px 30px !important;
        font-size: 16px !important;
        display: block !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   🎨 VÉRIFICATION VISUELLE - COULEURS CONTRASTE TROPICAL
   ══════════════════════════════════════════════════════════════
   
   Si vous voyez ces couleurs, le CSS fonctionne correctement :
   
   ✅ ORANGE #F09630 sur :
      - Intro lead (bordure gauche)
      - Titres H2
      - Citations créoles (texte)
      - Témoignages (bordure gauche)
      - Boutons CTA (fond dégradé)
   
   ✅ TERRACOTTA #D23C00 sur :
      - Citations créoles (couleur texte foncée)
      - Italic/em (texte en emphase)
      - Dégradé boutons
   
   ✅ VERT #4A8C57 sur :
      - H3 (bordure gauche)
      - Encadrés conseil (bordure et titre)
      - Checkmarks ✓ dans listes
   
   ❌ Si vous voyez du ROUGE, JAUNE/OR ou BLEU :
      → Le CSS est écrasé par un autre article
      → Vérifier que la classe "article-retour-martinique" est bien sur le module
      → Vider TOUS les caches
   
   ══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   📋 SPÉCIFICITÉ DE CE CSS
   ══════════════════════════════════════════════════════════════
   
   Sélecteur :
   .et_pb_module.article-retour-martinique .element
   
   Poids : 3 classes = 30 points
   
   Comparaison :
   - CSS Divi standard          : ~20 points
   - Votre CSS Leadership       : 30 points
   - Ce CSS Retour Martinique   : 30 points
   
   → MÊME NIVEAU que votre article Leadership ! ✅
   → ÉCRASE tous les autres CSS ! 💪
   
   ══════════════════════════════════════════════════════════════ */																																																			
																																																				
	/* ========================================
   CORRECTION TAILLE POLICE - LISTES
   Article Retour en Martinique
   
   PROBLÈME : Listes trop petites dans :
   - Section "Approche Authentique" (.split-content-text ul li)
   - Section "Conseil Stratégique" (.conseil-box ul li)
   
   SOLUTION : Forcer font-size 17px + line-height 1.7
   ======================================== */

/* ----------------------------------
   LISTES DANS SPLIT-CONTENT-TEXT
   (Section "Approche Authentique")
   ---------------------------------- */

/* Container liste */
.et_pb_module.article-retour-martinique .split-content-text ul,
.et_pb_text.article-retour-martinique .split-content-text ul {
    margin: 15px 0 !important;
    list-style: none !important;
    padding-left: 0 !important;
}

/* Items de liste - TAILLE POLICE CORRIGÉE */
.et_pb_module.article-retour-martinique .split-content-text ul li,
.et_pb_text.article-retour-martinique .split-content-text ul li {
    padding-left: 30px !important;
    position: relative !important;
    margin-bottom: 12px !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}

/* Checkmark vert */
.et_pb_module.article-retour-martinique .split-content-text ul li::before,
.et_pb_text.article-retour-martinique .split-content-text ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 0 !important;
    color: #4A8C57 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}


/* ----------------------------------
   LISTES DANS CONSEIL-BOX
   (Section "Conseil Stratégique")
   ---------------------------------- */

/* Items de liste - TAILLE POLICE RENFORCÉE */
.et_pb_module.article-retour-martinique .conseil-box ul li,
.et_pb_module.article-retour-martinique .conseil-content ul li,
.et_pb_text.article-retour-martinique .conseil-box ul li,
.et_pb_text.article-retour-martinique .conseil-content ul li {
    padding-left: 30px !important;
    position: relative !important;
    margin-bottom: 12px !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}


/* ----------------------------------
   VÉRIFICATION GLOBALE
   Tous les <li> dans l'article
   ---------------------------------- */

/* Au cas où : force sur TOUS les li de l'article */
.et_pb_module.article-retour-martinique li,
.et_pb_text.article-retour-martinique li {
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #495057 !important;
}


/* ══════════════════════════════════════════════════════════════
   📋 INSTRUCTIONS D'INTÉGRATION
   ══════════════════════════════════════════════════════════════
   
   OPTION 1 - AJOUT AU CSS EXISTANT (Recommandée) :
   ─────────────────────────────────────────────────────────────
   
   1. Ouvrir : wp-content/themes/divi-child/style.css
   2. Chercher (Ctrl + F) : "article-retour-martinique"
   3. Descendre À LA FIN de votre CSS article-retour-martinique
   4. Copier-coller ce fichier APRÈS les dernières règles
   5. Sauvegarder
   
   
   OPTION 2 - REMPLACEMENT COMPLET (Alternative) :
   ─────────────────────────────────────────────────────────────
   
   Si vous préférez remplacer tout le CSS :
   1. Utiliser le nouveau fichier complet que je vais créer
   2. Remplacer l'ancien CSS article-retour-martinique
   
   
   OPTION 3 - CSS PERSONNALISÉ DIVI (Rapide mais moins propre) :
   ─────────────────────────────────────────────────────────────
   
   1. Divi Visual Builder → Module Texte
   2. Onglet AVANCÉ → CSS Personnalisé
   3. Coller dans "Texte du Module Principal"
   4. Sauvegarder
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   🔍 DIAGNOSTIC - AVANT/APRÈS
   ══════════════════════════════════════════════════════════════
   
   AVANT (Problème) :
   ─────────────────
   .split-content-text ul li {
      font-size: héritée (probablement 14-15px) ❌
      line-height: héritée (probablement 1.5) ❌
   }
   
   .conseil-box ul li {
      font-size: manquante → héritée du parent ❌
      line-height: manquante ❌
   }
   
   
   APRÈS (Correction) :
   ───────────────────
   .split-content-text ul li {
      font-size: 17px !important ✅
      line-height: 1.7 !important ✅
      color: #495057 !important ✅
   }
   
   .conseil-box ul li {
      font-size: 17px !important ✅
      line-height: 1.7 !important ✅
      color: #495057 !important ✅
   }
   
   ══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   ✅ RÉSULTAT ATTENDU
   ══════════════════════════════════════════════════════════════
   
   Section "Approche Authentique" :
   ✅ Liste avec checkmarks verts
   ✅ Police 17px (même taille que paragraphes)
   ✅ Line-height 1.7 (lecture confortable)
   
   Section "Conseil Stratégique" :
   ✅ Liste avec checkmarks verts
   ✅ Police 17px (cohérente avec le reste)
   ✅ Espacement vertical 12px entre items
   
   Cohérence Visuelle :
   ✅ Toutes les listes à 17px
   ✅ Même style que les paragraphes
   ✅ Hiérarchie visuelle respectée
   
   ══════════════════════════════════════════════════════════════ */																																																			
																																																				
	/* =====================================================
   CSS SECTION PROGRAMMES - ÉGALISATION DES CARTES
   Équilibre Tropique
   ===================================================== */

/* ÉTAPE 1 : Forcer la ligne à utiliser flexbox pour égaliser les hauteurs */
.et_pb_section .et_pb_row.programmes-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

.et_pb_section .et_pb_row.programmes-row .et_pb_column {
    display: flex !important;
    flex-direction: column !important;
}

/* ÉTAPE 2 : Forcer les modules Blurb à prendre toute la hauteur */
.et_pb_section .et_pb_row.programmes-row .et_pb_blurb {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: white !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    padding: 2rem !important;
}

/* ÉTAPE 3 : Forcer toutes les images à la même hauteur */
.et_pb_section .et_pb_row.programmes-row .et_pb_main_blurb_image {
    height: 200px !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.et_pb_section .et_pb_row.programmes-row .et_pb_main_blurb_image img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* Alternative si vous utilisez des icônes au lieu d'images */
.et_pb_section .et_pb_row.programmes-row .et_pb_main_blurb_image .et-pb-icon {
    font-size: 80px !important;
    height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ÉTAPE 4 : Faire en sorte que le contenu texte prenne l'espace restant */
.et_pb_section .et_pb_row.programmes-row .et_pb_blurb_content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* ÉTAPE 5 : Titre uniforme */
.et_pb_section .et_pb_row.programmes-row .et_pb_blurb h4 {
    color: #2C3E50 !important;
    font-size: 24px !important;
    margin-bottom: 1rem !important;
    min-height: 60px !important;
}

/* ÉTAPE 6 : Description avec hauteur flexible */
.et_pb_section .et_pb_row.programmes-row .et_pb_blurb .et_pb_blurb_description {
    flex: 1 !important;
    margin-bottom: 1.5rem !important;
}

/* ÉTAPE 7 : Bouton CTA en bas de carte */
.et_pb_section .et_pb_row.programmes-row .et_pb_button_module_wrapper {
    margin-top: auto !important;
}

.et_pb_section .et_pb_row.programmes-row .et_pb_button {
    width: 100% !important;
    text-align: center !important;
    padding: 15px !important;
}

/* ÉTAPE 8 : Effets hover */
.et_pb_section .et_pb_row.programmes-row .et_pb_blurb:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}

/* ÉTAPE 9 : Bordures de couleur par programme */
.et_pb_section .et_pb_row.programmes-row .et_pb_column_1_3:nth-child(1) .et_pb_blurb {
    border-left: 4px solid #66BB6A !important; /* Vert - Renaissance Créole */
}

.et_pb_section .et_pb_row.programmes-row .et_pb_column_1_3:nth-child(2) .et_pb_blurb {
    border-left: 4px solid #FFC107 !important; /* Jaune - Entrepreneur Authentique */
}

.et_pb_section .et_pb_row.programmes-row .et_pb_column_1_3:nth-child(3) .et_pb_blurb {
    border-left: 4px solid #4A90E2 !important; /* Bleu - Équilibre Tropical */
}

/* =====================================================
   RESPONSIVE MOBILE/TABLETTE
   ===================================================== */

@media (max-width: 980px) {
    .et_pb_section .et_pb_row.programmes-row {
        flex-direction: column !important;
    }
    
    .et_pb_section .et_pb_row.programmes-row .et_pb_column {
        width: 100% !important;
        margin-bottom: 2rem !important;
    }
    
    .et_pb_section .et_pb_row.programmes-row .et_pb_blurb h4 {
        font-size: 20px !important;
        min-height: auto !important;
    }
    
    .et_pb_section .et_pb_row.programmes-row .et_pb_main_blurb_image,
    .et_pb_section .et_pb_row.programmes-row .et_pb_main_blurb_image img {
        height: 180px !important;
    }
}

/* =====================================================
   FIN DU CSS PROGRAMMES
   ===================================================== */																																																			
																																																				
	/* Force la couleur jaune du menu sur TOUTES les pages */
body #page-container #main-header #et-top-navigation nav > ul > li > a,
body .et_pb_menu_0_tb_header.et_pb_menu nav > ul > li > a,
body #main-header .et_pb_menu ul li a {
    color: #FFD93D !important;
}

/* Pour les sous-menus si vous en avez */
body #main-header #et-top-navigation nav > ul > li > ul > li > a,
body .et_pb_menu_0_tb_header.et_pb_menu nav > ul > li > ul > li > a {
    color: #333333 !important;
}