.elementor-2451 .elementor-element.elementor-element-f795980{--display:flex;--min-height:348px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.76;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2451 .elementor-element.elementor-element-f795980:not(.elementor-motion-effects-element-type-background), .elementor-2451 .elementor-element.elementor-element-f795980 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://climatisationmcl.ca/wp-content/uploads/2026/03/Sainte-Adele-WEB-scaled-1-scaled.jpg");background-size:cover;}.elementor-2451 .elementor-element.elementor-element-f795980::before, .elementor-2451 .elementor-element.elementor-element-f795980 > .elementor-background-video-container::before, .elementor-2451 .elementor-element.elementor-element-f795980 > .e-con-inner > .elementor-background-video-container::before, .elementor-2451 .elementor-element.elementor-element-f795980 > .elementor-background-slideshow::before, .elementor-2451 .elementor-element.elementor-element-f795980 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2451 .elementor-element.elementor-element-f795980 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2451 .elementor-element.elementor-element-df5342a{width:var( --container-widget-width, 79% );max-width:79%;margin:160px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:79%;--container-widget-flex-grow:0;text-align:center;}.elementor-2451 .elementor-element.elementor-element-df5342a.elementor-element{--align-self:center;}.elementor-2451 .elementor-element.elementor-element-df5342a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;line-height:46px;letter-spacing:1px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2451 .elementor-element.elementor-element-47b302f{width:var( --container-widget-width, 95% );max-width:95%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF;}.elementor-2451 .elementor-element.elementor-element-a66e73b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2451 .elementor-element.elementor-element-f5754f4 .elementor-button{background-color:#F58408;font-family:"Roboto", Sans-serif;font-weight:500;border-radius:50px 50px 50px 50px;}.elementor-2451 .elementor-element.elementor-element-5ad5825{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-1ff0683{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-82189e3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-7ce6421{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-fe5d0d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-e4e3939{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-5f7f24d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-03e3d68{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-b7da893{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-8a5e7ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-a259018.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-2451 .elementor-element.elementor-element-20f5bd7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2451 .elementor-element.elementor-element-c544a37.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-2451 .elementor-element.elementor-element-7d8591f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2451 .elementor-element.elementor-element-df5342a{--container-widget-width:937px;--container-widget-flex-grow:0;width:var( --container-widget-width, 937px );max-width:937px;}.elementor-2451 .elementor-element.elementor-element-df5342a .elementor-heading-title{font-size:23px;line-height:1.6em;}}/* Start custom CSS for text-editor, class: .elementor-element-47b302f */.bvb,
.bvb h1,
.bvb h2,
.bvb h3,
.bvb h4,
.bvb h5,
.bvb h6,
.bvb p,
.bvb span,
.bvb li {
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d38f5d6 *//* Import Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

.mcl-heating-section {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 80px 0 !important; /* On laisse Elementor gérer le inline */
    background-color: #ffffff;
}

.mcl-flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

/* Zone Image à gauche */
.mcl-image-box {
    flex: 1;
    min-width: 350px;
    height: 500px;
    background-color: #f4f4f4; /* Fond de secours en attendant ton image */
    position: relative;
    overflow: hidden;
}

/* L'accent orange MCL sur l'image */
.mcl-image-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #F58408;
}

.mcl-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Zone Texte à droite */
.mcl-text-content {
    flex: 1.2;
    min-width: 350px;
    padding: 60px 5% !important; /* Padding interne pour respirer sans briser le max-width global */
}

/* Titre Roboto 38px en Gris Foncé */
.mcl-text-content h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 38px !important;
    font-weight: 900;
    color: #222222; /* Le boss n'aime pas le orange ici */
    line-height: 1.2;
    margin-bottom: 30px !important;
    position: relative;
}

/* Barre d'accentuation Orange MCL sous le titre */
.mcl-text-content h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 5px;
    background-color: #F58408;
    margin-top: 15px;
}

.mcl-text-content p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #444;
    margin-bottom: 25px !important;
}

/* Mise en avant du dernier paragraphe */
.mcl-text-content p:last-of-type {
    font-weight: 700;
    color: #222;
    border-left: 4px solid #F58408;
    padding-left: 20px;
}

/* Responsive */
@media (max-width: 991px) {
    .mcl-image-box {
        height: 350px;
        flex: 0 0 100%;
    }
    .mcl-text-content {
        flex: 0 0 100%;
        padding: 40px 20px !important;
    }
    .mcl-text-content h2 {
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d76f479 *//* Section Sainte-Adèle MCL */
.mcl-adele-section {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 80px 0 !important;
    background-color: #ffffff;
}

.mcl-flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Aligne verticalement le texte et l'image */
    width: 100%;
}

/* Zone Texte */
.mcl-text-content {
    flex: 1.2;
    min-width: 350px;
    padding: 60px 8% 60px 10% !important;
}

.mcl-text-content h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    line-height: 1.2;
    margin-bottom: 30px !important;
}

/* Accentuation Orange MCL sous le titre */
.mcl-text-content h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 5px;
    background-color: #F58408;
    margin-top: 15px;
}

.mcl-text-content p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #444;
    margin-bottom: 25px !important;
}

/* Liste de caractéristiques */
.mcl-feature-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 30px 0 !important;
}

.mcl-feature-list li {
    position: relative;
    padding-left: 35px !important;
    margin-bottom: 15px !important;
    font-size: 1.05rem;
    color: #333;
}

/* Puces personnalisées Orange */
.mcl-feature-list li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #F58408;
    font-weight: 900;
    font-size: 1.3rem;
    line-height: 1;
}

/* Zone Image à droite */
.mcl-image-box {
    flex: 1;
    min-width: 350px;
    position: relative;
    overflow: hidden;
    padding: 20px 10% 20px 0 !important;
}

.mcl-image-box img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    display: block;
}

/* Responsive */
@media (max-width: 991px) {
    .mcl-flex-container {
        flex-direction: column; /* Image passe en dessous sur mobile */
    }
    .mcl-text-content {
        padding: 40px 20px !important;
    }
    .mcl-image-box {
        padding: 0 20px 40px 20px !important;
        width: 100%;
    }
    .mcl-text-content h2 {
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b340b3b *//* Section Services Sainte-Adèle */
.mcl-services-adele {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #ffffff;
}

.mcl-full-container {
    width: 100% !important;
}

.mcl-intro-header {
    padding: 0 0 60px 0%;
    text-align: center;
}

.mcl-intro-header h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    margin-bottom: 25px !important;
}

.mcl-intro-header p {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #666;
    max-width: 900px;
    margin: 0 auto !important;
}

/* Grille de Tuiles */
.mcl-services-block-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid #eee;
}

.mcl-service-tile {
    flex: 1 1 33.33%; /* 3 colonnes sur desktop */
    padding: 50px 5% !important;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    transition: all 0.3s ease;
}

/* Retrait de la bordure droite pour le dernier élément de chaque ligne */
.mcl-service-tile:nth-child(3n) {
    border-right: none;
}

.mcl-service-tile:hover {
    background-color: #f9fbf9;
}

/* Titres H3 stylisés en blocs */
.mcl-service-tile h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #222;
    margin-bottom: 20px !important;
    min-height: 3.2em; /* Aligne les titres */
    border-left: 4px solid #F58408;
    padding-left: 15px;
    line-height: 1.3;
}

.mcl-service-tile p {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 25px !important;
}

/* Liens boutons discrets */
.mcl-service-tile a {
    color: #F58408;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    border-bottom: 1px solid transparent;
    transition: border 0.2s ease;
}

.mcl-service-tile a:hover {
    border-bottom-color: #F58408;
}

/* Responsive */
@media (max-width: 1024px) {
    .mcl-service-tile {
        flex: 1 1 50%;
    }
    .mcl-service-tile:nth-child(3n) {
        border-right: 1px solid #eee;
    }
    .mcl-service-tile:nth-child(2n) {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .mcl-service-tile {
        flex: 1 1 100%;
        border-right: none !important;
        padding: 40px 20px !important;
    }
    .mcl-service-tile h3 {
        min-height: auto;
    }
    .mcl-intro-header h2 {
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1ed689 *//* Section Comparaison Sainte-Adèle */
.mcl-selection-adele {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #ffffff;
}

.mcl-full-width {
    width: 100% !important;
}

.mcl-selection-header {
    padding: 0 0 50px 0;
    text-align: left;
}

.mcl-selection-header h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    margin-bottom: 20px !important;
}

.mcl-selection-header p {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
}

/* Style du Tableau */
.mcl-table-wrapper {
    width: 100%;
    overflow-x: auto;
    padding: 0 0% !important;
}

.mcl-comparison-table {
    width: 100% !important;
    border-collapse: collapse;
    background-color: #fff;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05);
}

.mcl-comparison-table thead th {
    background-color: #222222; /* Gris Anthracite */
    color: #ffffff;
    text-align: left;
    padding: 25px 30px !important;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 4px solid #F58408; /* Ligne Orange MCL */
}

.mcl-comparison-table td {
    padding: 25px 50px !important;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.05rem;
    color: #444;
}

.mcl-comparison-table tr:hover {
    background-color: #fcfcfc;
}

.mcl-comparison-table td strong {
    color: #222;
    font-weight: 700;
}

/* Style spécifique pour la colonne Solution */
.mcl-comparison-table td:nth-child(2) {
    color: #F58408;
    font-weight: 600;
}

/* Footer de section */
.mcl-selection-footer {
    padding: 50px 0% 0 0%;
}

.mcl-selection-footer p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #555;
    border-left: 4px solid #222222;
    padding-left: 25px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .mcl-comparison-table thead { display: none; }
    .mcl-comparison-table tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #eee;
    }
    .mcl-comparison-table td {
        display: block;
        text-align: right;
        padding: 15px 20px !important;
        border-bottom: 1px solid #f9f9f9;
    }
    .mcl-comparison-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        color: #F58408;
        text-transform: uppercase;
        font-size: 0.8rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be7e76b *//* Section Diagnostic MCL */
.mcl-diagnosis-adele {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #f8f8f8; /* Fond gris très clair pour faire ressortir les cartes */
}

.mcl-full-width {
    width: 100% !important;
}

.mcl-diagnosis-header {
    padding: 0 0% 60px 0%;
    text-align: center;
}

.mcl-diagnosis-header h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    margin-bottom: 25px !important;
}

.mcl-diagnosis-header p {
    font-size: 1.15rem;
    color: #666;
    margin: 0 auto !important;
}

/* Grille de signes d'alerte */
.mcl-warning-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 0% !important;
    list-style: none !important;
    margin: 0 !important;
}

.mcl-warning-grid li {
    flex: 1 1 calc(25% - 20px); /* 4 colonnes sur desktop */
    background-color: #ffffff;
    padding: 30px !important;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    border-top: 4px solid #ddd;
}

.mcl-warning-grid li:hover {
    transform: translateY(-5px);
    border-top-color: #F58408; /* Orange MCL au survol */
    box-shadow: 0 10px 25px rgba(245, 132, 8, 0.15);
}

/* Icône d'alerte générée en CSS avant le texte */
.mcl-warning-grid li::before {
    content: "!";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #222;
    color: #fff;
    border-radius: 50%;
    font-weight: 900;
    font-size: 1.2rem;
    margin-bottom: 20px;
    transition: background-color 0.3s ease;
}

.mcl-warning-grid li:hover::before {
    background-color: #F58408;
}

.mcl-warning-grid li span {
    font-size: 1rem;
    line-height: 1.5;
    color: #444;
    font-weight: 500;
}

/* Footer de section */
.mcl-diagnosis-footer {
    padding: 60px 0% 0 0%;
    text-align: center;
}

.mcl-diagnosis-footer p {
    font-size: 1.2rem;
    color: #222;
    background: #fff;
    display: inline-block;
    padding: 20px 40px !important;
    border: 1px solid #eee;
    border-radius: 50px;
}

/* Responsive */
@media (max-width: 1024px) {
    .mcl-warning-grid li { flex: 1 1 calc(50% - 20px); }
}

@media (max-width: 768px) {
    .mcl-warning-grid li { flex: 1 1 100%; }
    .mcl-diagnosis-header h2 { font-size: 30px !important; }
    .mcl-diagnosis-footer p { border-radius: 10px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5504d35 *//* Section Résidentiel Sainte-Adèle */
.mcl-residential-adele {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #ffffff;
}

.mcl-full-width {
    width: 100% !important;
}

.mcl-res-content {
    padding: 0 0% !important;
}

/* Titre avec ligne d'accentuation */
.mcl-res-title-group {
    margin-bottom: 50px !important;
}

.mcl-res-title-group h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    margin: 0 0 15px 0 !important;
    line-height: 1.2;
}

.mcl-title-line {
    width: 80px;
    height: 6px;
    background-color: #F58408; /* Orange MCL */
}

/* Grille de texte */
.mcl-res-text-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
}

.mcl-res-main-text {
    flex: 1 1 400px;
}

.mcl-res-main-text p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #444;
    margin: 0 !important;
}

/* Boîte de mise en valeur (Highlight) */
.mcl-res-highlight-box {
    flex: 1 1 400px;
    background: linear-gradient(to right, #fcfcfc, #f7f7f7);
    padding: 40px !important;
    border-left: 5px solid #222222; /* Gris Anthracite */
    position: relative;
}

.mcl-res-highlight-box p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #555;
    margin: 0 !important;
    font-style: italic;
}

/* Petit rappel orange sur la boîte */
.mcl-res-highlight-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    height: 30px;
    width: 5px;
    background-color: #F58408;
}

/* Responsive */
@media (max-width: 991px) {
    .mcl-res-content {
        padding: 0 20px !important;
    }
    .mcl-res-title-group h2 {
        font-size: 30px !important;
    }
    .mcl-res-highlight-box {
        padding: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ceae55e *//* Section Commerciale Sainte-Adèle */
.mcl-commercial-adele {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #f4f4f4; /* Fond technique gris léger */
}

.mcl-full-width {
    width: 100% !important;
}

.mcl-comm-container {
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    margin: 0 0% !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
    border-top: 8px solid #F58408; /* Ligne de force Orange MCL */
}

/* Header sombre - Autorité */
.mcl-comm-header {
    flex: 1 1 350px;
    background-color: #222222;
    padding: 60px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mcl-comm-header h2 {
    color: #ffffff !important;
    font-size: 38px !important;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 20px 0 !important;
}

.mcl-comm-badge {
    color: #F58408;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 0.85rem;
    text-transform: uppercase;
}

/* Corps de texte */
.mcl-comm-body {
    flex: 1.5 1 400px;
    padding: 60px !important;
}

.mcl-comm-lead {
    font-size: 1.3rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 25px !important;
    line-height: 1.4;
}

.mcl-comm-body p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 30px !important;
}

/* Liste de services intégrée */
.mcl-comm-list-box {
    background-color: #fcfcfc;
    border: 1px solid #eee;
    padding: 30px !important;
}

.mcl-comm-list-box p {
    font-weight: 700;
    color: #222;
    margin-bottom: 15px !important;
    font-size: 1rem;
}

.mcl-comm-list-box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.mcl-comm-list-box li {
    font-size: 0.95rem;
    color: #666;
    padding-left: 20px;
    position: relative;
}

.mcl-comm-list-box li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #F58408;
    border-radius: 50%;
}

/* Responsive */
@media (max-width: 991px) {
    .mcl-comm-container {
        margin: 0 20px !important;
    }
    .mcl-comm-header, .mcl-comm-body {
        padding: 40px 30px !important;
        flex: 1 1 100%;
    }
    .mcl-comm-header h2 {
        font-size: 30px !important;
    }
    .mcl-comm-list-box ul {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3d1500 *//* Section Intervention MCL */
.mcl-intervention-section {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #ffffff;
}

.mcl-full-width {
    width: 100% !important;
}

.mcl-intervention-container {
    padding: 0 0% !important;
}

/* Intro */
.mcl-intervention-intro {
    margin-bottom: 60px !important;
}

.mcl-intervention-intro h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    margin-bottom: 20px !important;
    line-height: 1.2;
}

.mcl-intervention-intro p {
    font-size: 1.2rem;
    color: #666;
    line-height: 1.7;
}

/* Grille de cartes horizontales */
.mcl-value-cards {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.mcl-value-card {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    padding: 40px !important;
    border-radius: 4px;
    border-left: 0 solid #F58408;
    transition: all 0.3s ease;
}

.mcl-value-card:hover {
    background-color: #ffffff;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    border-left-width: 10px;
    transform: translateX(10px);
}

/* Icône Chiffre */
.mcl-card-icon {
    font-size: 3rem;
    font-weight: 900;
    color: #eeeeee; /* Gris très clair par défaut */
    margin-right: 40px;
    transition: color 0.3s ease;
    line-height: 1;
}

.mcl-value-card:hover .mcl-card-icon {
    color: #F58408; /* Devient Orange MCL au hover */
}

/* Texte des cartes */
.mcl-card-text h3 {
    font-size: 1.5rem !important;
    font-weight: 800;
    color: #222;
    margin-bottom: 10px !important;
}

.mcl-card-text p {
    font-size: 1.05rem;
    color: #555;
    line-height: 1.6;
    margin: 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .mcl-intervention-container {
        padding: 0 20px !important;
    }
    .mcl-value-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px !important;
    }
    .mcl-card-icon {
        margin-bottom: 20px;
        font-size: 2.5rem;
    }
    .mcl-intervention-intro h2 {
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-959f5d3 *//* Section SEO MCL */
.mcl-seo-section {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #ffffff;
}

.mcl-full-width {
    width: 100% !important;
}

/* Header & Illustration CSS */
.mcl-seo-header {
    text-align: center;
    padding: 0 0% 60px 0%;
}

.mcl-seo-header h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    margin-top: 30px !important;
}

/* Illustration pure CSS */
.mcl-seo-visual {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.mcl-icon-radar {
    position: absolute;
    width: 100px;
    height: 100px;
    border: 2px solid #F58408;
    border-radius: 50%;
    opacity: 0.3;
    animation: pulse-mcl 2s infinite;
}

.mcl-icon-loupe {
    position: absolute;
    width: 40px;
    height: 40px;
    border: 5px solid #222;
    border-radius: 50%;
    top: 20px;
    left: 20px;
}

.mcl-icon-loupe::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 25px;
    background-color: #222;
    bottom: -18px;
    right: -8px;
    transform: rotate(-45deg);
}

@keyframes pulse-mcl {
    0% { transform: scale(0.5); opacity: 0.8; }
    100% { transform: scale(1.2); opacity: 0; }
}

/* Tableau Stylisé */
.mcl-table-container {
    padding: 0 0% !important;
}

.mcl-seo-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #f9f9f9;
    border-radius: 8px;
    overflow: hidden;
}

.mcl-seo-table thead th {
    background-color: #222222;
    color: #ffffff;
    padding: 25px !important;
    text-align: left;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mcl-seo-table td {
    padding: 20px 25px !important;
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 1.05rem;
}

.mcl-seo-table tr:last-child td { border-bottom: none; }

.mcl-seo-table td:first-child {
    font-weight: 700;
    color: #222;
}

.mcl-seo-table td:last-child {
    color: #F58408;
    font-weight: 600;
}

/* Responsive Table */
@media (max-width: 768px) {
    .mcl-seo-table thead { display: none; }
    .mcl-seo-table tr { display: block; margin-bottom: 20px; border: 1px solid #eee; }
    .mcl-seo-table td {
        display: block;
        text-align: right;
        padding-left: 50% !important;
        position: relative;
    }
    .mcl-seo-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 20px;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 0.75rem;
        color: #999;
    }
    .mcl-seo-header h2 { font-size: 28px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a259018 *//* Section FAQ Sainte-Adèle */
.mcl-faq-adele {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #ffffff;
}

.mcl-full-width {
    width: 100% !important;
}

.mcl-faq-header-centered {
    text-align: center;
    padding: 0 0% 60px 0%;
}

.mcl-faq-header-centered h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    margin: 0 !important;
}

.mcl-orange-divider {
    width: 60px;
    height: 5px;
    background-color: #F58408;
    margin: 20px auto 0 auto;
}

/* Accordéon CSS Pur */
.mcl-accordion-container {
    margin: 0 auto !important;
    padding: 0 0px !important;
}

.mcl-faq-row {
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
}

.mcl-faq-input {
    display: none; /* Cache le checkbox */
}

.mcl-faq-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0 !important;
    font-size: 1.15rem;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    transition: color 0.3s ease;
}

.mcl-faq-label:hover {
    color: #F58408;
}

/* L'icône "+" transformée en "-" */
.mcl-faq-label::after {
    content: "+";
    font-size: 1.5rem;
    color: #F58408;
    transition: transform 0.3s ease;
}

/* Animation d'ouverture */
.mcl-faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
}

.mcl-faq-content p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #666;
    padding-bottom: 25px !important;
    margin: 0 !important;
}

/* État coché (ouvert) */
.mcl-faq-input:checked + .mcl-faq-label {
    color: #F58408;
}

.mcl-faq-input:checked + .mcl-faq-label::after {
    content: "-";
    transform: rotate(180deg);
}

.mcl-faq-input:checked ~ .mcl-faq-content {
    max-height: 500px; /* Hauteur suffisante pour le texte */
}

/* Responsive */
@media (max-width: 768px) {
    .mcl-faq-header-centered h2 {
        font-size: 28px !important;
    }
    .mcl-faq-label {
        font-size: 1.05rem;
        padding: 20px 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c544a37 *//* Section Glossaire MCL */
.mcl-glossaire-section {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #f9f9f9; /* Fond contrasté pour les cartes blanches */
}

.mcl-full-width {
    width: 100% !important;
}

.mcl-glossaire-header {
    padding: 0 0% 60px 0%;
}

.mcl-glossaire-header h2 {
    font-size: 38px !important;
    font-weight: 900;
    color: #222222;
    margin-bottom: 20px !important;
}

.mcl-glossaire-line {
    width: 60px;
    height: 5px;
    background-color: #F58408;
}

/* Grille de cartes */
.mcl-glossaire-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 0 0% !important;
}

.mcl-glossaire-card {
    flex: 1 1 calc(33.33% - 25px); /* 3 colonnes sur desktop */
    background-color: #ffffff;
    padding: 40px !important;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 4px solid transparent;
}

.mcl-glossaire-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0,0,0,0.1);
    border-bottom-color: #F58408;
}

/* Terme (DT) */
.mcl-glossaire-card dt {
    font-size: 1.25rem;
    font-weight: 800;
    color: #222;
    margin-bottom: 15px;
    display: block;
    min-height: 2.8em; /* Aligne les titres */
}

/* Définition (DD) */
.mcl-glossaire-card dd {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    margin: 0 !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .mcl-glossaire-card {
        flex: 1 1 calc(50% - 25px);
    }
}

@media (max-width: 768px) {
    .mcl-glossaire-card {
        flex: 1 1 100%;
    }
    .mcl-glossaire-header h2 {
        font-size: 30px !important;
    }
    .mcl-glossaire-card dt {
        min-height: auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9f15a1 *//* Section Finale Sainte-Adèle MCL */
.mcl-final-cta-adele {
    font-family: 'Roboto', sans-serif;
    width: 100% !important;
    margin: 0 !important;
    padding: 100px 0 !important;
    background-color: #ffffff;
}

.mcl-cta-container {
    padding: 0 0% !important;
}

.mcl-cta-box {
    background-color: #222222; /* Gris Anthracite */
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

/* Texte à gauche */
.mcl-cta-text {
    flex: 1.5 1 400px;
    padding: 60px !important;
    border-right: 1px solid rgba(255,255,255,0.1);
}

.mcl-cta-text h2 {
    color: #ffffff !important;
    font-size: 38px !important;
    font-weight: 900;
    margin-bottom: 25px !important;
    line-height: 1.2;
}

.mcl-cta-text p {
    color: #bbbbbb;
    font-size: 1.2rem;
    line-height: 1.7;
    margin: 0 !important;
}

/* Carte contact à droite */
.mcl-contact-card-final {
    flex: 1 1 350px;
    padding: 60px !important;
    background-color: #1a1a1a;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mcl-brand-tag {
    color: #F58408; /* Orange MCL */
    font-weight: 900;
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.mcl-specialty {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 300;
    margin-bottom: 30px !important;
    opacity: 0.8;
}

.mcl-address-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px !important;
}

.mcl-address-row p {
    color: #ffffff;
    font-size: 1rem;
    margin: 0 !important;
    line-height: 1.4;
}

/* Bouton Téléphone */
.mcl-phone-button {
    display: inline-block;
    background-color: #F58408;
    color: #ffffff !important;
    text-decoration: none;
    padding: 18px 35px !important;
    font-weight: 900;
    font-size: 1.3rem;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-align: center;
    width: 100%;
}

.mcl-phone-button:hover {
    background-color: #ffffff;
    color: #F58408 !important;
    transform: scale(1.02);
}

/* Responsive */
@media (max-width: 991px) {
    .mcl-cta-container {
        padding: 0 20px !important;
    }
    .mcl-cta-text, .mcl-contact-card-final {
        flex: 1 1 100%;
        padding: 40px 30px !important;
        border-right: none;
    }
    .mcl-cta-text h2 {
        font-size: 28px !important;
    }
    .mcl-cta-text {
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
}/* End custom CSS */