/* 🔥 RESPONSIVE */
@media (max-width: 768px) {
    .contact-grid {
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .mobile-text {
        display: inline;
    }
    .desktop-text {
        display: none;
    }
}
/* Responsive */
@media (max-width: 768px) {
    section {                   padding-left: 10% !important; padding-right: 10% !important; /*padding-top: 10px !important; padding-bottom: 10px !important;*/}
    h1 {                        font-size: 1.6rem !important;}
    h2 {                        font-size: 1.2rem !important; }
    h3 {                        font-size: 1rem !important; }
    li strong {                 font-size: 1rem !important; } 
    p {                         font-size: 1rem !important; padding: 0px !important; line-height: 2;}
    footer p {                  font-size: 0.6rem !important; }
    .header-index {             padding-left: 10%; padding-right: 10%; height: 170vh !important;}
    .header-index H1 {          width: 100% !important; padding-bottom: 25px;}
    .container {                flex-direction: column;gap: 15px;max-width: 90%;}
    .bloc {                     width: 100%;margin: 0 auto;box-sizing: border-box;}

    .btn-orange { border: none; font-size: 0.6rem;}
    .divBouton { margin-left: 20px !important; margin-right: 20px !important; margin-top: 40px !important;}
    .badge {                    font-size: 6px;}
    .intro {                    font-size: 7px;}
    .badges-certification {     width: 100%;}
    .tarifs-container-bloc {    display: block; margin: 0px;}
    .tarifs-bloc {              display: block; width: 100%; margin-top: 25px;}
    .main-title {               font-size: 28px;    }

    .section-propos {           flex-direction: column;text-align: center;}

    .propos-image img {         width: 100%; }
    .icon-recalibrage {         width: 25%;}

    .hero-content {             max-width: none !important; }

    /*
    .hamburger {                display: flex;  }
    .nav-links {                display: none; flex-direction: column;    position: absolute;    top: 70px;    left: 0;    width: 100%;    background-color: #fff;   text-align: center;    padding: 20px 0;    box-shadow: 0 10px 10px rgba(0,0,0,0.1);  }
    .nav-links.active {         display: flex;  }
    */

    .hamburger {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 25px;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 1001;
        /* gap: 6px;*/
    }

    .hamburger span {
        display: block;
        height: 3px;
        width: 100%;
        background-color: black;
    }

    /* MENU */
    .nav-links {
        position: fixed;
        top: 0;
        right: -100%; /* caché */
        width: 250px;
        height: 100vh;
        background: white;
        flex-direction: column;
        padding: 80px 20px;
        gap: 20px;
        transition: right 0.3s ease;
        z-index: 1000;
    }

    /* MENU OUVERT */
    .nav-links.active {
        right: 0;
    }

    /* OVERLAY noir */
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
        z-index: 999;
    }

    .menu-overlay.active {
        opacity: 1;
        pointer-events: auto;
    }

    .mamethode-section-content-wrapper, 
    .lecoach-section-content-wrapper {flex-direction: column-reverse; gap: 30px;  }
    .mamethode-content-wrapper {display: block;}
    .lecoach-text-col, 
    .mamethode-text-col, 
    .seance-text-col, 
    .lecoach-images-col, 
    .mamethode-images-col, 
    .seance-images-col {        width: 100%;    }  
    .lecoach-img, 
    .mamethode-img, 
    .seance-img {               width: 100%; }
    .lecoach-biographie 
    .img-wrap {                 width: 100% !important; }
    .badge-propos {             width: 32% !important; }
    .header-index p {           width: 100% !important;}

    .section-reservation h2 {   padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important; }
    .section-reservation p {    padding-left: 0px !important; padding-right: 0px !important; }
    .propos-content {           margin-left: 0px !important;}
    .tarif-box {                width: 100%; max-width: 400px; }
    .grid-formule {             display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 20px 20px; }

    .card-formule {             width: 100%; max-width: 450px; padding: 20px 10px; }
    .container-lecoach {        flex-direction: column; }
    .sidebar {                  order: -1; }

    .banner-content {           flex-direction: column; gap: 30px;}
    .banner-mamission h2, 
    .banner-mamission p {       text-align: center; }
    .banner-mamission::before { width: 200px;top: -20px; }
    .mesvaleurs-div {           display:inline; max-width: 1200px; padding: 0px!important; margin: auto;}
    .mesvaleurs-divenfant {     display:inline; }
    .section-recalibrage p {    text-align: left;}
    .hero-banner-mamethode {    height: auto;}
    .hero-banner-lecoach {      height: auto;   }
    .hero-banner-lestarifs {    height: auto; }
    .section-prestations p {    margin: auto;}

    table thead {               display: none;    }
    table, table tbody, 
    table tr, table td {        display: block;        width: 100%;    }
    table tr {                  margin-bottom: 15px;        border: 1px solid #e0e0e0;        border-radius: 8px;        padding: 10px;        background: #fff;    }
    table td {                  text-align: right;        padding-left: 50%;        position: relative;        border-bottom: 1px solid #f0f0f0;        line-height: 2;    }

    /* On insère le nom de la colonne à gauche */
    table td::before {          content: attr(data-label);        position: absolute;        left: 10px;        width: 45%;        font-weight: bold;        text-align: left;        color: #ff6600; }
    table td:last-child {       border-bottom: 0;    }

    .palmares-strip {           flex-direction: column; gap: 20px; }
    .divider {                  display: none; }
    .contact-grid {             grid-template-columns: 1fr; }
}
/* Responsive */
@media (max-width: 900px) {
    .mamethode-container, 
    .container-seance {         flex-direction: column; }
    .card-coaching, 
    .card-coaching:nth-child(even) {        
                                flex-direction: column;        text-align: center;    }
    .palmares-eleve ul li {     padding-left: 0;    }
    .palmares-eleve ul li::before {        
                                display: none;    }
}
/* Adaptation Mobile (1 colonne si l'écran est petit) */
@media (max-width: 1024px) {
    .grid-mamethode {           grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
}