h1 {
  font-size: 38px !important;
}
h2 {
  font-size: 31px !important;
}

h3 {
  font-size: 24px !important;
}

h2.has-larger-font-size {
  font-size: 31px !important;
}
h3.has-large-font-size {
  font-size: 24px !important;
}


/* Bordures citations — terracotta */
blockquote {
    border-left-color: #A0776A !important;
}

/* Séparateurs — terracotta */
.wp-block-separator {
    background-color: #A0776A !important;
    color: #A0776A !important;
}

/* Line-height paragraphes — 1.7 */
p {
    line-height: 1.7 !important;
}

/* --- MOBILE : bouton moins imposant --- */
@media (max-width: 768px) {
    .wp-block-button__link {
        max-width: 260px !important;
        font-size: 15px !important;
        padding: 12px 28px !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* --- MOBILE : boutons moins larges --- */
@media (max-width: 767px) {
    .wp-block-button__link {
        padding: 0.8rem 1.5rem !important;
        font-size: 15px !important;
        max-width: 85vw !important;
        box-sizing: border-box !important;
    }
}
/* --- MOBILE : meilleure hiérarchie titres/texte --- */
@media (max-width: 768px) {
    body {
        font-size: 15px;
    }
    h1 { font-size: 30px !important; }
    h2 { font-size: 26px !important; }
    h3 { font-size: 20px !important; }
}


/* --- FOOTER : titres plus grands pour compenser Cormorant vs Lato --- */
footer h4,
.footer-wrap h4 {
    font-size: 22px !important;
    margin-bottom: 14px !important;
    letter-spacing: 0.02em;
}

/* --- DESKTOP : titres footer mieux différenciés du texte --- */
footer li,
.footer-wrap li {
    font-size: 14px !important;
    margin-bottom: 4px;
}

/* --- MENU MOBILE : fond ivoire au lieu de noir --- */
.mobile-navigation-overlay,
.popup-drawer,
.kadence-off-canvas,
#mobile-drawer {
    background-color: #FAF8F5 !important;
}

/* --- MOBILE : H1 plus compact --- */
@media (max-width: 767px) {
    h1 {
        font-size: 30px !important;
    }
}

/* ============================================================
   BOUTONS CTA — Style global pour tout le site
   À coller dans : Apparence > Personnaliser > CSS additionnel
   Design system : Bleu profond #1B4F72 / Ivoire #FAF8F5
   ============================================================ */
 
/* --- État par défaut --- */
.wp-block-button__link {
  background-color: #1B4F72;
  color: #FAF8F5;
  border-radius: 6px;
  padding: 0.8rem 2rem;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  border: none;
}
 
/* --- Survol (hover) --- */
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: #15405D;          /* Bleu profond légèrement plus foncé */
  color: #FAF8F5;
  box-shadow: 0 2px 8px rgba(27, 79, 114, 0.25);
  text-decoration: none;
}
 
/* --- État actif (clic) --- */
.wp-block-button__link:active {
  background-color: #0F3249;
  box-shadow: 0 1px 4px rgba(27, 79, 114, 0.3);
}
 
/* --- Variante outline (si utilisée) --- */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent;
  color: #1B4F72;
  border: 2px solid #1B4F72;
}
 
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
  background-color: #1B4F72;
  color: #FAF8F5;
}
 
/* --- Groupe de boutons : espacement --- */
.wp-block-buttons {
  gap: 1rem;
}

/* --- Centrage des groupes de boutons --- */
.wp-block-buttons.is-content-justification-center {
  justify-content: center;
}
 
/* --- Forcer le style même si des inline styles restent ---
   Décommenter ces lignes si les inline styles des anciens articles
   persistent et écrasent le CSS global.
   Attention : !important est à utiliser temporairement, le temps
   de nettoyer les inline styles des articles.
 
.wp-block-button__link[style] {
  background-color: #1B4F72 !important;
  color: #FAF8F5 !important;
  border-radius: 6px !important;

/* --- Boutons CTA — Style global --- */
.wp-block-button__link {
  background-color: #1B4F72;
  color: #FAF8F5;
  border-radius: 6px;
  padding: 0.8rem 2rem;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  border: none;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: #15405D;
  color: #FAF8F5;
  box-shadow: 0 2px 8px rgba(27, 79, 114, 0.25);
  text-decoration: none;
}

/* --- Forcer le style sur les boutons avec inline styles --- */
.wp-block-button__link[style] {
  background-color: #1B4F72 !important;
  color: #FAF8F5 !important;
  border-radius: 6px !important;
}

/* ---pour la page d'accueil--- */

/* Hero Cover — titre ivoire*/ .wp-block-cover h1 {
  color: #FAF8F5 !important;
}


/* Hero Cover — bouton inversé (ivoire sur bleu profond) */
.wp-block-cover .wp-block-button__link,
.wp-block-cover .wp-block-button__link[style] {
  background-color: #FAF8F5 !important;
  color: #1B4F72 !important;
}

.wp-block-cover .wp-block-button__link:hover,
.wp-block-cover .wp-block-button__link[style]:hover {
  background-color: #ffffff !important;
  color: #15405D !important;
  box-shadow: 0 2px 12px rgba(255, 255, 255, 0.3);
}

/* Hero — text-shadow pour lisibilité sur vagues */
.wp-block-cover h1,
.wp-block-cover p {
  text-shadow: 0 1px 8px rgba(10, 30, 50, 0.4);
}

/* Bouton doré — Commander sur Amazon */
.is-style-btn-gold .wp-block-button__link,
.is-style-btn-gold.wp-block-button__link {
  background-color: #c5a882 !important;
  color: #ffffff !important;
}
.is-style-btn-gold .wp-block-button__link:hover,
.is-style-btn-gold.wp-block-button__link:hover {
  background-color: #b89a74 !important;
  color: #ffffff !important;
}

/* Bouton doré — Commander sur Amazon */
.is-style-btn-gold .wp-block-button__link,
.is-style-btn-gold.wp-block-button__link {
  background-color: #c5a882 !important;
  color: #ffffff !important;
}
.is-style-btn-gold .wp-block-button__link:hover,
.is-style-btn-gold.wp-block-button__link:hover {
  background-color: #b89a74 !important;
  color: #ffffff !important;
}

/* Espacement sous les H2  cohrence globale */
.entry-content h2.wp-block-heading {
	    margin-bottom: 1.5rem;
}
}


/* Espacement headings → texte */
h2 {
    margin-bottom: 0.8em !important;
}
h3 {
    margin-bottom: 0.8em !important;
}

/* Video verticale YouTube — limiter la largeur sur desktop */
.embed-vertical-limit {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* Padding colonnes formateurs — page EAR */
.columns-formateurs .wp-block-column {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}