/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.8.1778224098
Updated: 2026-04-12 15:26:31

*/



/* === MTA Custom CSS — externalisé depuis le Customizer === */

			/* === Ma Tribu Atypique — Refonte graphique 2026-05-03 === */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --mta-teal: #4A9B9F;
  --mta-teal-dark: #2D6669;
  --mta-terracotta: #D08C6B;
  --mta-sage: #A8C09A;
  --mta-cream: #F8F4ED;
  --mta-cream-dark: #EFE8DA;
  --mta-anthracite: #3E3E48;
  --mta-anthracite-soft: #5A5A66;
}

body {
  font-family: 'Inter', -apple-system, sans-serif;
  color: var(--mta-anthracite);
  background-color: var(--mta-cream) !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .site-title, .wp-block-heading {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--mta-anthracite) !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

h1, .entry-title { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; }
h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: 1.2; }
h3 { font-size: clamp(1.25rem, 2.5vw, 1.5rem); line-height: 1.3; }

.wp-block-button__link, button:not(.color-picker-button), .button, input[type=submit] {
  border-radius: 999px !important;
  padding: 0.75em 1.75em !important;
  font-weight: 600 !important;
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0.01em;
  transition: all 0.2s ease;
  border: none;
}

.wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(74, 155, 159, 0.25);
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--mta-teal) !important;
  border: 2px solid var(--mta-teal) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--mta-teal) !important;
  color: white !important;
}

.site-container, .content-container, .entry-content, main.site-main { background-color: white; border-radius: 24px; box-shadow: 0 4px 24px rgba(62, 62, 72, 0.06); }

.site-header {
  background-color: var(--mta-cream) !important;
  border-bottom: 1px solid var(--mta-cream-dark);
}

.site-header .menu-item a,
.main-navigation a {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: var(--mta-anthracite) !important;
  transition: color 0.2s ease;
}

.site-header .menu-item a:hover,
.main-navigation a:hover {
  color: var(--mta-teal) !important;
}

.wp-block-cover {
  border-radius: 16px;
  overflow: hidden;
}

.wp-block-cover h1,
.wp-block-cover h2 {
  color: white !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 600;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.wp-block-columns .wp-block-column {
  padding: 1.5rem;
  background-color: white;
  border-radius: 16px;
  border: 1px solid var(--mta-cream-dark);
  transition: all 0.25s ease;
}

.wp-block-columns .wp-block-column:hover {
  transform: translateY(-3px);
  border-color: var(--mta-teal);
  box-shadow: 0 8px 24px rgba(74, 155, 159, 0.12);
}

.wp-block-columns .wp-block-column h3 {
  color: var(--mta-teal) !important;
  margin-bottom: 0.5rem;
}

.entry-content a, .post-content a {
  color: var(--mta-teal);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.entry-content a:hover {
  color: var(--mta-terracotta);
}

.cat-links a, .post-categories a, .entry-meta .cat-links a {
  background: var(--mta-terracotta);
  color: white !important;
  padding: 0.25em 0.75em;
  border-radius: 999px;
  font-size: 0.85em;
  font-weight: 500;
  text-decoration: none;
}

hr, .wp-block-separator {
  border-color: var(--mta-cream-dark) !important;
  background: var(--mta-cream-dark) !important;
}

.site-footer {
  background-color: var(--mta-anthracite) !important;
  color: var(--mta-cream) !important;
  padding: 3rem 1rem 1.5rem !important;
}

.site-footer a {
  color: var(--mta-cream) !important;
  opacity: 0.85;
  text-decoration: none;
}

.site-footer a:hover {
  color: var(--mta-teal) !important;
  opacity: 1;
}

::selection {
  background: var(--mta-teal);
  color: white;
}

.wp-block-image img, .entry-content img {
  border-radius: 12px;
}

.single-post .entry-content {
  font-size: 1.1rem;
  line-height: 1.75;
}

.single-post .entry-content p {
  margin-bottom: 1.5em;
}

.single-post .entry-content blockquote {
  border-left: 4px solid var(--mta-terracotta);
  background: var(--mta-cream);
  padding: 1.5em 2em;
  border-radius: 0 12px 12px 0;
  font-style: italic;
  color: var(--mta-anthracite);
}

/* Fix: bouton primaire — texte blanc sur teal */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: var(--mta-teal) !important;
  color: white !important;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background-color: var(--mta-teal-dark) !important;
  color: white !important;
}

/* Fix: pas d'underline sur les boutons */
.wp-block-button__link, .wp-block-button__link:hover, button, .button {
  text-decoration: none !important;
}

/* Hero — H1 à gauche pour ne pas overlapper MA TRIBU */
.wp-block-cover .wp-block-cover__inner-container {
  text-align: left !important;
  max-width: 50%;
  margin-left: 5%;
}
.wp-block-cover h1 {
  text-align: left !important;
  color: var(--mta-anthracite) !important;
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  text-shadow: 0 2px 12px rgba(248, 244, 237, 0.7);
}
@media (max-width: 768px) {
  .wp-block-cover .wp-block-cover__inner-container { max-width: 90%; margin-left: 5%; }
}

/* Footer amélioré */
.site-footer .site-info {
  text-align: center;
  padding: 1rem 0;
  border-top: 1px solid rgba(248, 244, 237, 0.15);
  margin-top: 1rem;
  font-size: 0.9rem;
  opacity: 0.7;
}

/* Cards des catégories — padding + transitions plus doux */
.wp-block-columns {
  gap: 1.5rem;
}

/* Footer 4 colonnes */
.mta-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 2rem; max-width: 1200px; margin: 0 auto 2rem; padding: 0 1rem; text-align: left; }
@media (max-width: 768px) { .mta-footer-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; } }
@media (max-width: 480px) { .mta-footer-grid { grid-template-columns: 1fr; } }
.mta-footer-col h4 { font-family: 'Fraunces', serif !important; color: var(--mta-cream) !important; font-size: 1.1rem; margin-bottom: 0.75rem; font-weight: 600; }
.mta-footer-col p { font-size: 0.9rem; line-height: 1.6; opacity: 0.85; margin: 0; }
.mta-footer-col ul { list-style: none; padding: 0; margin: 0; }
.mta-footer-col ul li { margin-bottom: 0.4rem; }
.mta-footer-col a { color: var(--mta-cream) !important; opacity: 0.85; text-decoration: none !important; font-size: 0.9rem; transition: all 0.2s ease; }
.mta-footer-col a:hover { color: var(--mta-teal) !important; opacity: 1; }
.mta-footer-bottom { text-align: center; padding: 1rem 0 0; border-top: 1px solid rgba(248, 244, 237, 0.15); font-size: 0.85rem; opacity: 0.6; max-width: 1200px; margin: 0 auto; }

/* Footer fix — force white card not to bleed into footer */
.site-footer, .footer-contain, footer.site-footer { background-color: var(--mta-anthracite) !important; box-shadow: none !important; border-radius: 0 !important; }
.site-footer * { color: var(--mta-cream) !important; }
.site-footer h4 { color: white !important; opacity: 1 !important; }
.site-footer .mta-footer-col p, .site-footer .mta-footer-col a { opacity: 0.9 !important; }
.site-footer .mta-footer-col a:hover { color: var(--mta-teal) !important; opacity: 1 !important; }

/* Footer override fort — jamais de white card dans le footer */
.site-footer .site-container, .site-footer .content-container, .site-footer * { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
footer.site-footer { background-color: var(--mta-anthracite) !important; }
footer.site-footer .mta-footer-col h4 { color: white !important; }
footer.site-footer .mta-footer-col p, footer.site-footer .mta-footer-col li { color: var(--mta-cream) !important; opacity: 0.85; }
footer.site-footer .mta-footer-col a { color: var(--mta-cream) !important; opacity: 0.85; text-decoration: none !important; }
footer.site-footer .mta-footer-col a:hover { color: var(--mta-teal) !important; opacity: 1; }
footer.site-footer .mta-footer-bottom { color: var(--mta-cream) !important; opacity: 0.6; }


/* === MTA additions session 2026-05-06 === */

/* H1 du hero : améliorer la lisibilité sur fond wp:cover */
.wp-block-cover h1.wp-block-heading,
.wp-block-cover .wp-block-heading {
  background: rgba(248, 244, 237, 0.85);
  padding: 1rem 1.5rem;
  border-radius: 12px;
  display: inline-block;
  max-width: 90%;
  text-shadow: none !important;
  color: var(--mta-anthracite) !important;
}

/* Sommaire (TOC ancré) sur les pages piliers : liens cliquables stylés */
.entry-content > ol > li > a,
.entry-content ol li a[href^="#"] {
  color: var(--mta-teal-dark);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
  padding: 0.15rem 0;
  display: inline-block;
}
.entry-content > ol > li > a:hover,
.entry-content ol li a[href^="#"]:hover {
  color: var(--mta-terracotta);
  border-bottom-color: var(--mta-terracotta);
  padding-left: 0.25rem;
}

/* Sections "Pourquoi MTA" et "Newsletter" : palette MTA */
.wp-block-group.has-base-background-color {
  background-color: var(--mta-cream-dark) !important;
  border-radius: 16px;
  margin-top: 3rem !important;
  margin-bottom: 2rem !important;
}

/* Colonnes "Pourquoi MTA" : harmoniser typo & couleur des H3 */
.wp-block-group .wp-block-columns h3.wp-block-heading {
  color: var(--mta-teal-dark) !important;
  font-size: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}

/* Section newsletter en bas : style chaleureux */
.wp-block-group[style*="#f0f9ff"] {
  background-color: var(--mta-cream) !important;
  border: 2px dashed var(--mta-teal);
  border-radius: 16px;
}

/* Bouton primaire : plus de presence */
.wp-block-button .wp-block-button__link.has-primary-background-color,
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: var(--mta-teal) !important;
  color: var(--mta-cream) !important;
  font-weight: 600;
  padding: 0.85rem 2rem !important;
  border-radius: 999px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(74, 155, 159, 0.25);
}
.wp-block-button .wp-block-button__link.has-primary-background-color:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background-color: var(--mta-teal-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(74, 155, 159, 0.35);
}

/* Bouton outline : meilleur contraste */
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid var(--mta-teal) !important;
  color: var(--mta-teal-dark) !important;
  font-weight: 600;
  padding: 0.75rem 1.875rem !important;
  border-radius: 999px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: var(--mta-teal) !important;
  color: var(--mta-cream) !important;
}

/* FAQ H3 (questions) : style dynamique */
.entry-content h3.wp-block-heading {
  color: var(--mta-teal-dark);
  margin-top: 2rem;
  padding-left: 1rem;
  border-left: 4px solid var(--mta-terracotta);
}

/* Bio Slashye en bas d'article : style discret mais chaleureux */
.entry-content p:has(em a[href*="notre-histoire"]) {
  background-color: var(--mta-cream-dark);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  border-left: 4px solid var(--mta-sage);
  font-size: 0.95rem;
  margin-top: 1.5rem;
}

/* Liens internes dans le contenu : sous-ligne discrete */
.entry-content p a:not([class]) {
  color: var(--mta-teal-dark);
  text-decoration: underline;
  text-decoration-color: rgba(74, 155, 159, 0.4);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s ease;
}
.entry-content p a:not([class]):hover {
  text-decoration-color: var(--mta-terracotta);
}

/* Smooth scroll global pour le TOC ancré */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

/* Espacement global dans les piliers : aération de lecture */
.entry-content h2.wp-block-heading {
  margin-top: 3rem;
  margin-bottom: 1rem;
}

/* Newsletter cookie banner Complianz : harmoniser */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
  background-color: var(--mta-teal) !important;
  border-color: var(--mta-teal) !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
  background-color: var(--mta-teal-dark) !important;
}

/* === fin additions === */


/* ========== HOME V2 — Design Claude Design ========== */
.mta-hero, .mta-section, .mta-bandeau-dark-html { 
  --mta-teal: #0D7377; --mta-teal-dark: #095A5D; --mta-teal-light: #E6F3F4;
  --mta-terracotta: #D88062; --mta-terracotta-dark: #C06B4F;
  --mta-dark: #1A1A2E; --mta-gray: #4A4A5E; --mta-gray-light: #8A8A9C;
  --mta-light-gray: #F5F5F7; --mta-beige: #F7F3ED; --mta-white: #FFFFFF;
}
.mta-pretitle, .mta-section-pretitle {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important; font-weight: 700 !important;
  letter-spacing: 1.5px !important; text-transform: uppercase !important;
  color: #D88062 !important; margin-bottom: 12px !important;
}
.mta-pretitle-light { color: rgba(255,255,255,0.65) !important; }
.mta-h1 {
  font-size: clamp(2.2rem, 4.5vw, 3.5rem) !important; line-height: 1.1 !important;
  font-weight: 700 !important; color: #1A1A2E !important; margin: 0 0 24px !important;
}
.mta-h1 em { color: #0D7377; font-style: italic; }
.mta-section-title, .mta-section-title-left {
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important; line-height: 1.2 !important;
  font-weight: 700 !important; color: #1A1A2E !important; margin-bottom: 12px !important;
}
.mta-section-title em { color: #0D7377; font-style: italic; }
.mta-section-subtitle { color: #4A4A5E !important; font-size: 1.05rem !important; margin-bottom: 32px !important; }
.mta-hero { background: #F7F3ED; border-radius: 24px; padding: 48px !important; }
.mta-hero-lead { font-size: 1.1rem !important; line-height: 1.6 !important; color: #4A4A5E !important; margin: 0 0 28px !important; }
.mta-hero-img img { border-radius: 16px; max-width: 100%; max-height: 400px; object-fit: contain; }
.mta-btn-primary .wp-block-button__link { background: #D88062 !important; color: #fff !important; border-radius: 999px !important; padding: 14px 28px !important; font-weight: 700 !important; border: none !important; }
.mta-btn-primary .wp-block-button__link:hover { background: #C06B4F !important; transform: translateY(-1px); }
.mta-btn-ghost .wp-block-button__link { background: transparent !important; color: #0D7377 !important; border: 1.5px solid #0D7377 !important; border-radius: 999px !important; padding: 12px 26px !important; font-weight: 600 !important; }
.mta-btn-ghost .wp-block-button__link:hover { background: #E6F3F4 !important; }
.mta-trust-signals { display: flex !important; flex-wrap: wrap; gap: 18px; font-size: 0.9rem !important; color: #4A4A5E !important; margin-top: 20px !important; }
.mta-section { background: #fff; border-radius: 24px; padding: 48px !important; margin-top: 24px; }
.mta-section-cta a, .mta-section-link a { color: #0D7377 !important; font-weight: 600; }
.mta-card-pourquoi { background: #fff !important; border: 1px solid #E6F3F4 !important; border-left: 4px solid #0D7377 !important; border-radius: 12px !important; padding: 28px !important; height: 100%; transition: all 0.2s; }
.mta-card-pourquoi:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(13,115,119,0.10); }
.mta-card-icon { font-size: 2rem !important; margin: 0 0 12px !important; }
.mta-card-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #0D7377 !important; margin: 0 0 10px !important; }
.mta-card-trouble { background: #fff !important; border: 1px solid #F5F5F7 !important; border-left: 4px solid #D88062 !important; border-radius: 12px !important; padding: 24px !important; height: 100%; transition: all 0.2s; display: flex !important; flex-direction: column; }
.mta-card-trouble:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(216,128,98,0.12); border-left-color: #0D7377; }
.mta-card-trouble-header { display: flex !important; justify-content: space-between !important; align-items: center; margin-bottom: 14px; }
.mta-card-trouble-icon { font-size: 1.5rem; opacity: 0.8; }
.mta-card-trouble-stat { font-size: 10px !important; font-weight: 700; letter-spacing: 1px; color: #8A8A9C !important; background: #F5F5F7; padding: 4px 10px; border-radius: 999px; text-transform: uppercase; }
.mta-card-trouble-title { font-size: 1.4rem !important; font-weight: 700 !important; margin: 0 0 8px !important; }
.mta-card-trouble-title a { color: #0D7377 !important; text-decoration: none !important; }
.mta-card-trouble-desc { color: #4A4A5E !important; font-size: 0.95rem !important; line-height: 1.5 !important; flex-grow: 1; margin: 0 0 16px !important; }
.mta-card-trouble-link a { color: #0D7377 !important; font-weight: 700 !important; font-size: 0.9rem; text-decoration: none !important; }
.mta-card-temoignage { background: #E6F3F4 !important; border-radius: 16px !important; padding: 28px !important; height: 100%; }
.mta-quote-mark { font-size: 4rem !important; line-height: 0.6 !important; color: #0D7377 !important; margin: 0 0 12px !important; font-weight: 700 !important; }
.mta-quote-text { color: #1A1A2E !important; font-style: italic; line-height: 1.5 !important; margin: 0 0 16px !important; }
.mta-quote-author { color: #4A4A5E !important; font-size: 0.85rem !important; margin: 0 !important; }
.mta-leadmagnet { background: #F7F3ED !important; }
.mta-pdf-mockup { position: relative; display: inline-block; max-width: 320px; margin: 0 auto; text-align: center; }
.mta-pdf-mockup img { border-radius: 8px; box-shadow: 0 12px 40px rgba(13,115,119,0.18); width: 100%; height: auto; max-height: 380px; object-fit: contain; }
.mta-pdf-badge { position: absolute; top: -10px; right: -10px; background: #FFE066; color: #1A1A2E; font-weight: 800; font-size: 0.75rem; letter-spacing: 1px; padding: 6px 12px; border-radius: 999px; box-shadow: 0 2px 8px rgba(0,0,0,0.12); }
.mta-leadmagnet-bullets { list-style: none !important; padding: 0 !important; margin: 16px 0 24px !important; }
.mta-leadmagnet-bullets li { padding: 6px 0 !important; color: #1A1A2E !important; font-size: 0.98rem !important; }
.mta-leadmagnet-fineprint { font-size: 0.85rem !important; color: #8A8A9C !important; margin-top: 12px !important; }
.mta-leadmagnet .tnp-email { width: 100% !important; padding: 14px 18px !important; border: 1.5px solid #F5F5F7 !important; border-radius: 8px !important; font-size: 1rem !important; margin: 8px 0 !important; }
.mta-leadmagnet .tnp-submit { background: #D88062 !important; color: #fff !important; border: none !important; padding: 14px 28px !important; border-radius: 999px !important; font-weight: 700 !important; cursor: pointer; width: 100% !important; margin-top: 12px !important; }
.mta-leadmagnet .tnp-submit:hover { background: #C06B4F !important; }

/* === Bandeau dark === */
.mta-bandeau-dark-html { display: flex !important; align-items: center !important; gap: 24px !important; background: linear-gradient(135deg, #095A5D 0%, #1A1A2E 100%) !important; color: #fff !important; border-radius: 24px !important; padding: 36px 40px !important; margin: 48px auto !important; max-width: 1100px !important; box-shadow: 0 12px 40px rgba(13,115,119,0.18); }
.mta-bandeau-icon-col { flex: 0 0 auto; font-size: 2.5rem; line-height: 1; }
.mta-bandeau-text-col { flex: 1 1 auto; min-width: 0; }
.mta-bandeau-text-col .mta-section-pretitle { color: rgba(255,255,255,0.65) !important; margin: 0 0 8px !important; }
.mta-bandeau-text-col .mta-bandeau-title { color: #fff !important; font-size: 1.3rem !important; line-height: 1.3 !important; font-weight: 700 !important; margin: 0 0 6px !important; }
.mta-bandeau-text-col .mta-bandeau-desc { color: rgba(255,255,255,0.75) !important; font-size: 0.95rem !important; margin: 0 !important; line-height: 1.5 !important; }
.mta-bandeau-cta-col { flex: 0 0 auto; }
.mta-btn-bandeau-html { display: inline-block; background: #D88062 !important; color: #fff !important; padding: 14px 24px !important; border-radius: 999px !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap; }
.mta-btn-bandeau-html:hover { background: #C06B4F !important; color: #fff !important; }

/* Cacher entry-title sur la page test */
.page-id-254 .entry-header,
.page-id-254 .single-featured-image-container { display: none !important; }

/* Mobile */
@media (max-width: 781px) {
  .mta-hero, .mta-section { padding: 24px !important; }
  .mta-hero-cols, .mta-leadmagnet-cols { flex-direction: column !important; }
  .mta-hero-cols .wp-block-column, .mta-leadmagnet-cols .wp-block-column { flex-basis: 100% !important; }
  .mta-cards-3 { flex-direction: column !important; }
  .mta-cards-3 .wp-block-column { flex-basis: 100% !important; margin-bottom: 16px; }
  .mta-trust-signals { flex-direction: column; gap: 8px; }
  .mta-bandeau-dark-html { flex-direction: column !important; text-align: center; padding: 28px !important; }
  .mta-btn-bandeau-html { width: 100%; }
}
/* ========== FIN HOME V2 ========== */


/* ========== MTA GLOBAL STYLE — appliqué partout ========== */
:root {
  --mta-teal: #0D7377;
  --mta-teal-dark: #095A5D;
  --mta-teal-light: #E6F3F4;
  --mta-terracotta: #D88062;
  --mta-terracotta-dark: #C06B4F;
  --mta-dark: #1A1A2E;
  --mta-gray: #4A4A5E;
  --mta-gray-light: #8A8A9C;
  --mta-light-gray: #F5F5F7;
  --mta-beige: #F7F3ED;
  --mta-yellow: #FFE066;
  --mta-red-soft: #E63946;
  --mta-green-soft: #16A34A;
}

/* Headings — Crimson Pro pour tous les titres */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.single-content h1,
.single-content h2,
.single-content h3,
.page-content h1,
.page-content h2,
.page-content h3 {
  font-family: 'Crimson Pro', 'Source Serif Pro', Georgia, serif !important;
  color: var(--mta-dark) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.entry-content h1 { font-size: clamp(2rem, 4vw, 3rem) !important; margin-bottom: 24px !important; }
.entry-content h2 { font-size: clamp(1.5rem, 2.8vw, 2.2rem) !important; margin: 40px 0 16px !important; color: var(--mta-teal) !important; }
.entry-content h3 { font-size: clamp(1.2rem, 2.2vw, 1.6rem) !important; margin: 32px 0 12px !important; color: var(--mta-teal-dark) !important; }
.entry-content h4 { font-size: 1.15rem !important; margin: 24px 0 10px !important; color: var(--mta-dark) !important; }

/* Body text */
.entry-content p,
.entry-content li {
  color: var(--mta-dark);
  line-height: 1.65;
}

/* Liens */
.entry-content a:not(.wp-block-button__link):not(.mta-btn-bandeau-html):not(.mta-cta-btn) {
  color: var(--mta-teal) !important;
  text-decoration: underline;
  text-decoration-color: rgba(13, 115, 119, 0.3);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.15s;
}
.entry-content a:not(.wp-block-button__link):not(.mta-btn-bandeau-html):not(.mta-cta-btn):hover {
  text-decoration-color: var(--mta-teal) !important;
}

/* Boutons globaux : tous les wp:button deviennent terracotta pill par défaut */
.entry-content .wp-block-button .wp-block-button__link {
  background-color: var(--mta-terracotta) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 700 !important;
  border: none !important;
  transition: all 0.2s !important;
}
.entry-content .wp-block-button .wp-block-button__link:hover {
  background-color: var(--mta-terracotta-dark) !important;
  transform: translateY(-1px) !important;
}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--mta-teal) !important;
  border: 1.5px solid var(--mta-teal) !important;
}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--mta-teal-light) !important;
  color: var(--mta-teal) !important;
}

/* Listes : puces colorées */
.entry-content ul:not(.mta-leadmagnet-bullets):not(.menu) li::marker {
  color: var(--mta-terracotta);
}
.entry-content ol li::marker {
  color: var(--mta-teal);
  font-weight: 700;
}

/* Citations / Quotes */
.entry-content blockquote,
.entry-content .wp-block-quote {
  border-left: 4px solid var(--mta-terracotta) !important;
  background: var(--mta-teal-light);
  padding: 20px 28px !important;
  border-radius: 0 12px 12px 0;
  margin: 24px 0;
  font-style: italic;
}
.entry-content blockquote p,
.entry-content .wp-block-quote p { color: var(--mta-dark) !important; }
.entry-content blockquote cite {
  font-style: normal;
  color: var(--mta-gray);
  font-size: 0.9rem;
}

/* Tables — cards */
.entry-content table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--mta-light-gray);
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  margin: 24px 0;
}
.entry-content table th {
  background: var(--mta-teal);
  color: #fff !important;
  font-weight: 700;
  padding: 12px 16px;
  text-align: left;
}
.entry-content table td {
  padding: 12px 16px;
  border-top: 1px solid var(--mta-light-gray);
}
.entry-content table tr:nth-child(even) td {
  background: var(--mta-light-gray);
}

/* Séparateurs */
.entry-content hr,
.entry-content .wp-block-separator {
  border: none !important;
  border-top: 1px solid var(--mta-light-gray) !important;
  margin: 40px auto !important;
  max-width: 100px;
}

/* Images : border-radius par défaut */
.entry-content .wp-block-image img {
  border-radius: 12px;
}

/* Cards Kadence existantes */
.entry-content .wp-block-columns .wp-block-column {
  padding: 0;
}

/* Pré-titres pill pattern réutilisable */
.entry-content p strong:first-child:only-child {
  /* heuristique : ne touche pas */
}

/* Encarts callouts détectés via la classe Kadence "is-style-default" + group */
.entry-content .wp-block-group[class*="callout"],
.entry-content .wp-block-group.has-base-background-color {
  background: var(--mta-teal-light) !important;
  border-left: 4px solid var(--mta-teal);
  border-radius: 0 12px 12px 0;
  padding: 20px 28px !important;
}

/* FAQ Rank Math (FAQs schema) */
.rank-math-faq-block .rank-math-question {
  background: var(--mta-light-gray);
  border-radius: 12px;
  margin-bottom: 12px;
  border: 1px solid var(--mta-light-gray);
}
.rank-math-faq-block .rank-math-question .rank-math-question-text {
  color: var(--mta-teal) !important;
  font-weight: 700;
  padding: 16px 20px;
}

/* Sommaires (Rank Math TOC ou listes ancrées en début d'article) */
.entry-content .wp-block-list.is-style-default + h2,
.entry-content > ol:first-of-type {
  background: var(--mta-teal-light);
  border-left: 4px solid var(--mta-teal);
  padding: 20px 28px;
  border-radius: 0 12px 12px 0;
  margin: 24px 0;
}

/* Featured image en single post */
.single-post .post-thumbnail img {
  border-radius: 16px;
  margin-bottom: 24px;
}

/* Cards Latest Posts (utilisées sur la home) */
.wp-block-latest-posts.mta-latest-posts {
  list-style: none !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  margin-top: 24px !important;
}
.wp-block-latest-posts.mta-latest-posts li {
  background: #fff;
  border: 1px solid var(--mta-light-gray);
  border-radius: 12px;
  padding: 20px;
  list-style: none !important;
  transition: all 0.2s;
}
.wp-block-latest-posts.mta-latest-posts li:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.wp-block-latest-posts.mta-latest-posts li a {
  font-family: 'Crimson Pro', Georgia, serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--mta-teal) !important;
  text-decoration: none !important;
  display: block;
  margin-bottom: 8px;
}
.wp-block-latest-posts.mta-latest-posts .wp-block-latest-posts__featured-image {
  margin-bottom: 14px;
}
.wp-block-latest-posts.mta-latest-posts .wp-block-latest-posts__featured-image img {
  border-radius: 8px;
  width: 100%;
  height: 160px;
  object-fit: cover;
}
.wp-block-latest-posts.mta-latest-posts time {
  font-size: 0.8rem;
  color: var(--mta-gray-light);
  letter-spacing: 0.5px;
}

/* Background page beige doux */
body { background-color: var(--mta-beige) !important; }

/* Container content : carte blanche centrée */
.content-container.site-container,
.single article.single-content,
.page article.single-content {
  background: #fff;
  border-radius: 24px;
  padding: 48px;
  margin: 24px auto;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

@media (max-width: 781px) {
  .content-container.site-container,
  .single article.single-content,
  .page article.single-content {
    padding: 24px;
    border-radius: 16px;
    margin: 12px;
  }
  .entry-content h2 { font-size: 1.5rem !important; margin: 28px 0 12px !important; }
  .entry-content h3 { font-size: 1.2rem !important; }
}
/* ========== FIN MTA GLOBAL STYLE ========== */


/* === FIX HOME — bouton ghost + illustration === */
/* Force le bouton ghost teal (priorité sur le global) */
.entry-content .mta-btn-ghost .wp-block-button__link,
body .mta-btn-ghost .wp-block-button__link,
.mta-hero .mta-btn-ghost .wp-block-button__link {
  background: transparent !important;
  background-color: transparent !important;
  color: #0D7377 !important;
  border: 1.5px solid #0D7377 !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 600 !important;
}
.entry-content .mta-btn-ghost .wp-block-button__link:hover,
.mta-hero .mta-btn-ghost .wp-block-button__link:hover {
  background: #E6F3F4 !important;
  background-color: #E6F3F4 !important;
  color: #0D7377 !important;
}

/* Illustration hero : grande, pas dans une carte blanche */
.mta-hero .wp-block-column:nth-child(2) {
  background: transparent !important;
  padding: 0 !important;
}
.mta-hero-img {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mta-hero-img img {
  width: 100% !important;
  max-width: 500px !important;
  max-height: 480px !important;
  object-fit: contain !important;
  border-radius: 16px !important;
  display: block !important;
  margin: 0 auto !important;
  background: transparent !important;
}

/* La colonne droite ne doit pas avoir le style "card" appliqué par le global */
.mta-hero .wp-block-column,
.mta-leadmagnet .wp-block-column {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* La colonne gauche du hero : padding pour aérer */
.mta-hero .wp-block-column:first-child {
  padding-right: 24px !important;
}
@media (max-width: 781px) {
  .mta-hero .wp-block-column:first-child { padding-right: 0 !important; }
}
/* === FIN FIX === */


/* === FIX Latest Posts — image en haut, titre lisible === */
.wp-block-latest-posts.mta-latest-posts {
  list-style: none !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  margin-top: 24px !important;
}
.wp-block-latest-posts.mta-latest-posts li {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid var(--mta-light-gray, #F5F5F7) !important;
  border-radius: 12px !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: hidden;
  transition: all 0.2s;
}
.wp-block-latest-posts.mta-latest-posts li:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.wp-block-latest-posts.mta-latest-posts li > * { 
  padding-left: 20px !important; 
  padding-right: 20px !important; 
}
.wp-block-latest-posts.mta-latest-posts .wp-block-latest-posts__featured-image {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: block !important;
  float: none !important;
}
.wp-block-latest-posts.mta-latest-posts .wp-block-latest-posts__featured-image img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
  margin: 0 !important;
  float: none !important;
  max-width: 100% !important;
}
.wp-block-latest-posts.mta-latest-posts .wp-block-latest-posts__featured-image a {
  display: block !important;
  width: 100% !important;
}
.wp-block-latest-posts.mta-latest-posts > li > a {
  font-family: 'Crimson Pro', Georgia, serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--mta-teal, #0D7377) !important;
  text-decoration: none !important;
  display: block !important;
  margin: 16px 0 8px !important;
  line-height: 1.3 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  width: 100% !important;
}
.wp-block-latest-posts.mta-latest-posts time {
  font-size: 0.8rem !important;
  color: var(--mta-gray-light, #8A8A9C) !important;
  letter-spacing: 0.5px;
  display: block !important;
  margin-bottom: 16px !important;
}
.wp-block-latest-posts.mta-latest-posts .wp-block-latest-posts__post-excerpt {
  font-size: 0.95rem !important;
  color: var(--mta-gray, #4A4A5E) !important;
  line-height: 1.5 !important;
  margin-bottom: 16px !important;
  width: 100% !important;
}
/* === FIN FIX latest posts === */
		
/* === FIN MTA Custom CSS === */

/* === MTA — Fix Splide arrows blob noir (related posts) === */
.entry-related .splide__arrow,
.entry-related .splide__arrows {
    display: none !important;
}
.entry-related .splide__pagination {
    margin-top: 1.5rem;
}
.entry-related .splide__pagination__page {
    background-color: #D5D0CB !important;
    opacity: 1 !important;
    width: 10px;
    height: 10px;
}
.entry-related .splide__pagination__page.is-active {
    background-color: var(--mta-teal, #00897B) !important;
    transform: scale(1.2);
}
/* Padding interne carte related pour respiration */
.entry-related article .post-thumbnail-inner {
    overflow: hidden;
    border-radius: 8px;
}

/* === MTA — CTA bandeaux refonte (lisibilité sur fond dark/light) === */
.mta-cta-dark {
    background: #2A2520 !important;
    color: #FAF6F2 !important;
    padding: 2rem 1.5rem;
    border-radius: 12px;
    margin: 2rem 0;
    text-align: center;
}
.mta-cta-dark .mta-cta-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: #FFFFFF !important;
}
.mta-cta-dark p {
    color: #E8E2DC !important;
    margin: 0.5rem auto 1.5rem;
    max-width: 560px;
    line-height: 1.5;
    opacity: 1;
}
.mta-cta-light {
    background: #FAEFE8 !important;
    padding: 1.75rem 1.5rem;
    border-radius: 12px;
    margin: 2rem 0;
    border-left: 4px solid #00897B;
}
.mta-cta-light .mta-cta-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #2A2520 !important;
}
.mta-cta-light p {
    color: #5C5347 !important;
    margin: 0.5rem 0 1.25rem;
    line-height: 1.5;
}
.mta-cta-btn,
.mta-cta-btn:link,
.mta-cta-btn:visited,
.mta-cta-btn:hover,
.mta-cta-btn:active {
    display: inline-block;
    background: #00897B !important;
    color: #FFFFFF !important;
    padding: 0.85rem 1.75rem;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: 700;
    border: none;
    transition: transform 0.2s, background 0.2s;
}
.mta-cta-btn:hover {
    background: #00695C !important;
    transform: translateY(-2px);
}


/* ========================================================== */
/* MTA — Force display:grid sur inline avec grid-template-columns */
/* WP wp_kses_post strip 'display:grid' des attributes style des
 * blocs Gutenberg, mais préserve 'grid-template-columns'.
 * Cette règle restaure le comportement attendu globalement.
 * Ajouté le 13 mai 2026.                                      */
/* ========================================================== */
[style*="grid-template-columns"] {
    display: grid !important;
}