/*
Theme Name: Kadence Child
Template: kadence
Version: 3.0 - CLEAN & COHÉRENT
*/

/* ========================================
   CSS VARIABLES
   ======================================== */

:root {
    /* Couleurs */
    --color-terracotta: #D58A73;
    --color-terracotta-dark: #C17A64;
    --color-terracotta-light: #E8A89A;
    --color-green: #9AA697;
    --color-green-dark: #778573;
    --color-green-button: #6B8E6C;
    --color-green-button-dark: #5A7A5B;
    --color-teal: #8AB4B4;
    --color-text-dark: #2D3748;
    --color-text-medium: #3A3331;
    --color-text-light: #718096;
    --color-bg-beige: #F5F0ED;
    --color-bg-light-beige: #F5EEE7;
    --color-bg-pink: #F4D7D1;
    --color-bg-aqua: #D8EBEB;
    --color-bg-cream: #F9F4EE;
    --color-bg-faq: #F7EFE8;
    
    /* Typographie UNIFIÉE */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Karla', sans-serif;
    
    /* Tailles UNIFORMES */
    --h1-size: 44px;
    --h2-size: 38px;
    --h3-size: 20px;
    --text-size: 16px;
    
    /* Boutons UNIFORMES */
    --btn-padding: 16px 36px;
    --btn-padding-large: 18px 42px;
    --btn-font-size: 14px;
    --btn-border-radius: 50px;
    
    /* Espacements UNIFORMES */
    --section-padding: 100px 8%;
    
    /* Effets */
    --transition: all 0.3s ease;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --border-radius: 20px;
}

/* ========================================
   TYPOGRAPHIES
   ======================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Karla:wght@300;400;600;700&display=swap');

body {
    font-family: var(--font-body) !important;
    -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading) !important;
}

/* ========================================
   RESET TOTAL - SUPPRIME ESPACES BLANCS
   ======================================== */

body {
    padding: 0 !important;
    margin: 0 !important;
}

#inner-wrap,
#primary,
.content-area,
.content-container,
.site-main,
.content-wrap,
.entry-content-wrap,
.entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

article.entry,
.entry.content-bg {
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.entry-content > *,
.wp-block-group,
.wp-block-cover,
.wp-block-columns {
    margin: 0 !important;
}

.entry-content > p:empty {
    display: none !important;
}

html, body, #wrapper {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ========================================
   HEADER
   ======================================== */

#masthead {
    background-color: var(--color-terracotta) !important;
}

/* Navigation Desktop */
@media (min-width: 1025px) {
    .header-navigation,
    .primary-navigation {
        display: flex !important;
        align-items: center !important;
        gap: 32px !important;
    }
    
    .mobile-toggle-open-container,
    button[data-toggle-target],
    .popup-drawer,
    .drawer-overlay,
    .mobile-navigation {
        display: none !important;
    }
}

.header-navigation a,
.primary-navigation a {
    color: white !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    font-family: var(--font-body) !important;
}

/* BOUTON RÉSERVER VERT */
.header-navigation > ul > li:last-child > a,
.primary-navigation > ul > li:last-child > a,
.site-header nav ul li:last-child a {
    background: var(--color-green) !important;
    background-color: var(--color-green) !important;
    color: white !important;
    padding: 12px 28px !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
}

.header-navigation > ul > li:last-child > a:hover,
.primary-navigation > ul > li:last-child > a:hover {
    background: var(--color-green-dark) !important;
}

.header-navigation > ul > li:last-child > a:after,
.primary-navigation > ul > li:last-child > a:after {
    display: none !important;
}

/* Menu Mobile */
@media (max-width: 1024px) {
    .header-navigation,
    .primary-navigation {
        display: none !important;
    }
    
    .mobile-toggle-open-container,
    button[data-toggle-target] {
        display: flex !important;
    }
}

.mobile-toggle-open-container svg,
.mobile-toggle-open-container svg *,
button[data-toggle-target] svg,
button[data-toggle-target] svg * {
    fill: white !important;
    stroke: white !important;
}

.popup-drawer,
.drawer-inner {
    background: var(--color-terracotta) !important;
}

.popup-drawer a,
.drawer-navigation a,
.mobile-navigation a {
    color: white !important;
    font-size: 18px !important;
    padding: 16px 24px !important;
    font-weight: 500 !important;
}

.popup-drawer li:last-child a,
.drawer-navigation li:last-child a,
.mobile-navigation li:last-child a {
    background: var(--color-green) !important;
    color: white !important;
    border-radius: 25px !important;
    padding: 14px 28px !important;
    margin: 20px !important;
    font-weight: 600 !important;
}

/* ========================================
   SECTIONS PLEINE LARGEUR - FIX TOTAL
   ======================================== */

.recherches-section.wp-block-group,
.bienfaits-section.wp-block-group,
.quest-ce-le-breathwork,
.respiration-holotropique,
.qui-suis-je,
.mon-approche,
.deroule-seance,
.ressentir,
.faq,
.alignfull.pour-qui,
.alignfull.photos,
.alignfull.comment-ca-se-passe,
.alignfull.temoignages,
.alignfull.ou-me-trouver,
.contact,
.cta-final {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: var(--section-padding) !important;
}

.alignfull.photos {
    padding: 60px 8% !important;
}

/* ========================================
   HERO SECTION
   ======================================== */

.hero-section.wp-block-cover {
    height: auto !important;
    min-height: 600px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 120px 0 80px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hero-section .wp-block-cover__background {
    background-color: rgba(58, 51, 49, 0.75) !important;
    opacity: 1 !important;
}

.hero-section .wp-block-cover__inner-container {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
    padding: 0 24px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

.hero-section .hero-tagline {
    color: white !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 30px !important;
    font-family: var(--font-body) !important;
}

.hero-section h1 {
    color: white !important;
    font-size: var(--h1-size) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin: 0 0 24px 0 !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.6) !important;
    font-family: var(--font-heading) !important;
}

.hero-section .hero-subtitle {
    color: white !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    margin: 0 0 36px 0 !important;
    font-family: var(--font-body) !important;
}

.hero-section .wp-block-button__link {
    background: var(--color-terracotta) !important;
    color: white !important;
    padding: 14px 40px !important;
    border-radius: var(--btn-border-radius) !important;
    font-weight: 600 !important;
    font-size: var(--btn-font-size) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    border: none !important;
    font-family: var(--font-body) !important;
}

.hero-section .wp-block-button__link:hover {
    background: white !important;
    color: var(--color-terracotta) !important;
    transform: translateY(-2px) !important;
}

/* ========================================
   TITRES H2 - 100% UNIFORMES
   ======================================== */

/* H2 POPPINS (sections centrées) */
.recherches-section h2,
.bienfaits-section h2,
.ressentir h2,
.faq h2,
.pour-qui h2,
.comment-ca-se-passe h2,
.temoignages h2,
.ou-me-trouver h2 {
    font-family: var(--font-heading) !important;
    font-size: var(--h2-size) !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 16px !important;
    line-height: 1.2 !important;
}

/* H2 POPPINS (sections deux colonnes) */
.quest-ce-le-breathwork-content h2,
.respiration-holotropique-content h2,
.qui-suis-je-content h2,
.mon-approche-content h2,
.deroule-seance h2 {
    font-family: var(--font-heading) !important;
    font-size: var(--h2-size) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
}

/* Couleurs H2 */
.bienfaits-section h2,
.faq h2,
.pour-qui h2,
.comment-ca-se-passe h2,
.ou-me-trouver h2 {
    color: var(--color-terracotta) !important;
}

.recherches-section h2,
.ressentir h2,
.temoignages h2 {
    color: var(--color-text-medium) !important;
}

.quest-ce-le-breathwork-content h2,
.mon-approche-content h2,
.deroule-seance h2 {
    color: var(--color-text-dark) !important;
}

.respiration-holotropique-content h2 {
    color: var(--color-terracotta) !important;
}

.qui-suis-je-content h2 {
    color: white !important;
}

.cta-final-content h2 {
    font-family: var(--font-heading) !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    color: white !important;
    margin-bottom: 24px !important;
}

/* H3 UNIFORMES */
h3,
.bienfait-card .bienfait-title,
.ressentir-card h3,
.deroule-seance .deroule-step h3,
.process-step h3,
.location-card h3 {
    font-family: var(--font-heading) !important;
    font-size: var(--h3-size) !important;
    font-weight: 600 !important;
}

/* Sous-titres */
.section-subtitle,
.bienfaits-subtitle,
.ressentir-subtitle,
.faq-subtitle,
.temoignages-subtitle {
    font-family: var(--font-body) !important;
    font-size: 18px !important;
    color: var(--color-text-light) !important;
    text-align: center !important;
    margin-bottom: 60px !important;
}

/* ========================================
   BOUTONS CTA - 100% UNIFORMES
   ======================================== */

/* BOUTON TERRACOTTA (par défaut) */
.quest-ce-le-breathwork .wp-block-button.cta-button .wp-block-button__link,
.respiration-holotropique .wp-block-button.cta-button .wp-block-button__link,
.pour-qui .wp-block-button.cta-button .wp-block-button__link,
.temoignages .wp-block-button.cta-button .wp-block-button__link {
    background: var(--color-terracotta) !important;
    background-color: var(--color-terracotta) !important;
    background-image: none !important;
    color: white !important;
    padding: var(--btn-padding) !important;
    border-radius: var(--btn-border-radius) !important;
    font-weight: 700 !important;
    font-size: var(--btn-font-size) !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(213, 138, 115, 0.3) !important;
    font-family: var(--font-body) !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.quest-ce-le-breathwork .wp-block-button.cta-button .wp-block-button__link:hover,
.respiration-holotropique .wp-block-button.cta-button .wp-block-button__link:hover,
.pour-qui .wp-block-button.cta-button .wp-block-button__link:hover,
.temoignages .wp-block-button.cta-button .wp-block-button__link:hover {
    background: var(--color-terracotta-dark) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(213, 138, 115, 0.4) !important;
}

/* BOUTON BLANC (sur fond terracotta) */
.qui-suis-je .wp-block-button.cta-button .wp-block-button__link {
    background: white !important;
    background-color: white !important;
    background-image: none !important;
    color: var(--color-terracotta) !important;
    padding: var(--btn-padding-large) !important;
    border-radius: var(--btn-border-radius) !important;
    font-weight: 700 !important;
    font-size: var(--btn-font-size) !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2) !important;
    font-family: var(--font-body) !important;
}

.qui-suis-je .wp-block-button.cta-button .wp-block-button__link:hover {
    background: var(--color-bg-light-beige) !important;
    transform: translateY(-2px) !important;
}

/* BOUTON VERT */
.mon-approche .wp-block-button.cta-button.green .wp-block-button__link,
.deroule-seance .wp-block-button.cta-button.green .wp-block-button__link {
    background: var(--color-green-button) !important;
    background-color: var(--color-green-button) !important;
    background-image: none !important;
    color: white !important;
    padding: var(--btn-padding) !important;
    border-radius: var(--btn-border-radius) !important;
    font-weight: 700 !important;
    font-size: var(--btn-font-size) !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(107, 142, 108, 0.3) !important;
    font-family: var(--font-body) !important;
}

.mon-approche .wp-block-button.cta-button.green .wp-block-button__link:hover,
.deroule-seance .wp-block-button.cta-button.green .wp-block-button__link:hover {
    background: var(--color-green-button-dark) !important;
    transform: translateY(-3px) !important;
}

/* ========================================
   CTA FINAL - BOUTON BLANC FORCÉ
   ======================================== */

.cta-final {
    background: linear-gradient(135deg, var(--color-terracotta) 0%, var(--color-terracotta-light) 100%) !important;
    text-align: center !important;
}

.cta-final .wp-block-button.cta-button .wp-block-button__link,
.cta-final .wp-block-buttons .wp-block-button .wp-block-button__link {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: var(--color-terracotta) !important;
    padding: var(--btn-padding-large) !important;
    border-radius: var(--btn-border-radius) !important;
    font-weight: 700 !important;
    font-size: var(--btn-font-size) !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-family: var(--font-body) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
}

.cta-final .wp-block-button__link:hover {
    background: #FFFFFF !important;
    color: var(--color-terracotta-dark) !important;
    transform: translateY(-3px) !important;
}

.cta-final .wp-block-button__link::before,
.cta-final .wp-block-button__link::after {
    display: none !important;
    content: none !important;
}

/* ========================================
   SECTION RECHERCHES
   ======================================== */

.recherches-section.wp-block-group {
    background: var(--color-bg-beige) !important;
    text-align: center !important;
}

.recherches-section > .wp-block-group__inner-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.recherches-grid.wp-block-columns {
    max-width: 1100px !important;
    margin: 0 auto !important;
    gap: 20px !important;
}

.recherche-card {
    border: 2px solid var(--color-terracotta) !important;
    border-radius: 5px !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.recherche-card .recherche-icon {
    font-size: 22px !important;
    width: 36px !important;
}

.recherche-card .recherche-text {
    font-size: 18px !important;
    text-align: left !important;
    font-family: var(--font-body) !important;
}

/* ========================================
   SECTION BIENFAITS - CARDS CENTRÉES
   ======================================== */

.bienfaits-section.wp-block-group {
    background: white !important;
    text-align: center !important;
}

.bienfaits-grid.wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    justify-items: center !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    gap: 40px !important;
}

.bienfaits-grid.wp-block-columns > .wp-block-column {
    flex-basis: auto !important;
    margin: 0 !important;
}

.bienfait-card {
    background: white !important;
    border-radius: var(--border-radius) !important;
    padding: 40px 35px !important;
    text-align: center !important;
    box-shadow: var(--shadow) !important;
    border: 1px solid rgba(213, 138, 115, 0.1) !important;
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
}

.bienfait-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
}

.bienfait-card .bienfait-icon {
    font-size: 32px !important;
    margin: 0 auto 20px !important;
}

.bienfait-card .bienfait-title {
    color: var(--color-terracotta) !important;
    margin-bottom: 20px !important;
}

.bienfait-card .bienfait-list {
    list-style: none !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bienfait-card .bienfait-list li {
    margin-bottom: 14px !important;
    color: var(--color-text-medium) !important;
}

.bienfait-card .bienfait-list li:before {
    content: "•" !important;
    margin-right: 10px !important;
    color: var(--color-green) !important;
    font-weight: bold !important;
}

/* ========================================
   SECTIONS DEUX COLONNES
   ======================================== */

.quest-ce-le-breathwork {
    background: var(--color-bg-light-beige) !important;
}

.respiration-holotropique {
    background: #FFFFFF !important;
}

.qui-suis-je {
    background: var(--color-terracotta) !important;
}

.mon-approche {
    background: #FFFFFF !important;
}

.quest-ce-le-breathwork .wp-block-columns,
.respiration-holotropique .wp-block-columns,
.qui-suis-je .wp-block-columns,
.mon-approche .wp-block-columns {
    display: flex;
    gap: 80px;
    align-items: center;
}

.quest-ce-le-breathwork-content .lead,
.respiration-holotropique-content .lead {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.4;
    font-family: var(--font-body);
}

.quest-ce-le-breathwork-content p,
.respiration-holotropique-content p,
.qui-suis-je-content p,
.mon-approche-content p {
    font-size: var(--text-size);
    line-height: 1.8;
    margin-bottom: 30px;
    font-family: var(--font-body);
}

.qui-suis-je-content p {
    color: white;
    opacity: 0.95;
}

.quest-ce-le-breathwork-image img,
.respiration-holotropique-image img,
.qui-suis-je-image img,
.mon-approche-image img {
    width: 100%;
    border-radius: var(--border-radius);
    object-fit: cover;
    box-shadow: var(--shadow);
}

/* ========================================
   SECTION DÉROULÉ SÉANCE
   ======================================== */

.deroule-seance {
    background-size: cover !important;
    background-position: center !important;
    text-align: center !important;
}

.deroule-seance .deroule-duration {
    font-size: 14px;
    color: var(--color-teal);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 50px;
    font-weight: 600;
}

.deroule-seance .deroule-grid {
    max-width: 900px;
    margin: 0 auto 30px;
    gap: 40px;
}

.deroule-seance .deroule-step {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    padding: 30px !important;
    border-radius: 15px !important;
    box-shadow: var(--shadow) !important;
    text-align: left !important;
}

.deroule-seance .deroule-step h3 {
    color: var(--color-terracotta) !important;
    margin-bottom: 12px;
}

/* ========================================
   SECTION RESSENTIR
   ======================================== */

.ressentir {
    background: #FFFFFF !important;
}

.ressentir-grid {
    max-width: 1100px;
    margin: 0 auto;
    gap: 60px;
}

.ressentir-card {
    border-radius: var(--border-radius) !important;
    padding: 50px 40px !important;
}

.ressentir-card.pendant {
    background: var(--color-bg-pink) !important;
}

.ressentir-card.apres {
    background: var(--color-bg-aqua) !important;
}

.ressentir-card h3 {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.ressentir-card.pendant h3 {
    color: var(--color-terracotta) !important;
}

.ressentir-card.apres h3 {
    color: var(--color-teal) !important;
}

/* ========================================
   FAQ
   ======================================== */

.faq {
    background: var(--color-bg-faq) !important;
}

.faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    background: white !important;
    border-radius: 15px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05) !important;
}

.faq-question {
    padding: 24px 30px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.faq-question h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--color-text-dark) !important;
    margin: 0 !important;
    font-family: var(--font-body) !important;
}

.faq-toggle {
    width: 36px !important;
    height: 36px !important;
    background: var(--color-terracotta) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    color: white !important;
}

.faq-item.active .faq-toggle {
    transform: rotate(45deg) !important;
}

.faq-answer {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease !important;
}

.faq-item.active .faq-answer {
    max-height: 500px !important;
}

.faq-answer p {
    padding: 0 30px 24px !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

/* ========================================
   POUR QUI
   ======================================== */

.alignfull.pour-qui {
    background: #FFFFFF !important;
    text-align: center !important;
}

.pour-qui-intro {
    font-size: 28px;
    color: var(--color-text-medium);
    margin-bottom: 60px;
    font-weight: 300;
}

.questions-list {
    display: grid;
    gap: 24px;
    max-width: 750px;
    margin: 0 auto 60px;
}

.question-item {
    background: var(--color-bg-cream) !important;
    padding: 28px 35px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

.question-mark {
    width: 40px !important;
    height: 40px !important;
    background: var(--color-terracotta) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    color: white !important;
    font-weight: 700 !important;
}

/* ========================================
   PHOTOS GRID - FIX COMPLET
   ======================================== */

.alignfull.photos {
    background: var(--color-bg-cream) !important;
}

.photos-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.photo-item,
.photo-item img {
    width: 100% !important;
    height: 368px !important;
    border-radius: var(--border-radius) !important;
    object-fit: cover !important;
    margin: 0 !important;
}

/* ========================================
   COMMENT ÇA SE PASSE
   ======================================== */

.alignfull.comment-ca-se-passe {
    background: var(--color-bg-cream) !important;
}

.process-grid {
    max-width: 1200px;
    margin: 0 auto;
    gap: 40px;
}

.process-step {
    background: white !important;
    padding: 40px 30px !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow) !important;
}

.step-number {
    width: 50px !important;
    height: 50px !important;
    background: var(--color-terracotta) !important;
    color: white !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

.process-step h3 {
    color: #2d3748 !important;
    margin-bottom: 16px !important;
}

/* ========================================
   TÉMOIGNAGES - GRID UNIFORME
   ======================================== */

.alignfull.temoignages {
    background: var(--color-bg-light-beige) !important;
    text-align: center !important;
}

.temoignages-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    max-width: 1200px !important;
    margin: 0 auto 50px !important;
}

.temoignage-card {
    background: #FFFFFF !important;
    border-radius: var(--border-radius) !important;
    padding: 40px 30px !important;
    text-align: left !important;
    box-shadow: var(--shadow) !important;
}

.temoignage-stars {
    color: var(--color-terracotta) !important;
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

.temoignage-text {
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 25px !important;
    font-style: italic !important;
}

/* ========================================
   OÙ ME TROUVER
   ======================================== */

.alignfull.ou-me-trouver {
    background: #FFFFFF !important;
}

.locations-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.location-card {
    background: #FFFFFF !important;
    padding: 50px 40px !important;
    border-radius: var(--border-radius) !important;
    text-align: center !important;
    box-shadow: var(--shadow) !important;
    border: 1px solid rgba(213, 138, 115, 0.1) !important;
}

.location-icon {
    font-size: 56px !important;
    margin-bottom: 24px !important;
}

.location-card h3 {
    color: var(--color-terracotta) !important;
    margin-bottom: 18px !important;
}

/* ========================================
   CONTACT
   ======================================== */

.contact {
    background: var(--color-bg-light-beige) !important;
}

.contact-content {
    max-width: 800px;
    margin: 0 auto;
}

.contact .wpcf7 {
    background: white !important;
    padding: 50px !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow) !important;
}

.contact .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.contact .wpcf7-text,
.contact .wpcf7-email,
.contact .wpcf7-tel,
.contact .wpcf7-select,
.contact .wpcf7-textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
}

.contact .wpcf7-submit {
    width: 100% !important;
    background: var(--color-terracotta) !important;
    color: white !important;
    padding: var(--btn-padding-large) !important;
    border-radius: var(--btn-border-radius) !important;
    border: none !important;
    font-weight: 700 !important;
    font-size: var(--btn-font-size) !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(213, 138, 115, 0.3) !important;
}

.contact .wpcf7-submit:hover {
    background: var(--color-terracotta-dark) !important;
    transform: translateY(-3px) !important;
}

/* ========================================
   RESPONSIVE - TABLET
   ======================================== */

@media (max-width: 1200px) {
    .bienfaits-grid.wp-block-columns {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
    
    .bienfait-card {
        max-width: 100% !important;
    }
}

@media (max-width: 1024px) {
    .photos-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .temoignages-grid,
    .locations-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

/* ========================================
   RESPONSIVE - MOBILE
   ======================================== */

@media (max-width: 782px) {
    :root {
        --section-padding: 60px 20px;
        --h1-size: 32px;
        --h2-size: 28px;
        --h3-size: 18px;
    }
    
    .hero-section.wp-block-cover {
        min-height: 500px !important;
        padding: 100px 0 60px 0 !important;
    }
    
    .bienfaits-grid.wp-block-columns,
    .photos-grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }
    
    .bienfait-card {
        max-width: 500px !important;
        padding: 30px 25px !important;
    }
    
    .quest-ce-le-breathwork .wp-block-columns,
    .respiration-holotropique .wp-block-columns,
    .qui-suis-je .wp-block-columns,
    .mon-approche .wp-block-columns {
        flex-direction: column;
        gap: 40px;
    }
    
    .photo-item,
    .photo-item img {
        height: 250px !important;
    }
    
    .contact .form-row {
        grid-template-columns: 1fr;
    }
    
    /* Boutons mobile full width */
    .wp-block-button.cta-button {
        width: 100% !important;
    }
    
    .wp-block-button.cta-button .wp-block-button__link {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 16px 24px !important;
    }
}

@media (max-width: 480px) {
    :root {
        --section-padding: 40px 15px;
    }
    
    .alignfull.photos {
        padding: 30px 15px !important;
    }
    
    .photos-grid {
        gap: 15px !important;
    }
    
    .photo-item,
    .photo-item img {
        height: 280px !important;
    }
}