/* Start custom CSS for page-settings *//* Empêche les débordements horizontaux */
body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* Ajuste les sections principales pour qu'elles respectent la largeur de l'écran */
.elementor-section-wrap {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0;
}

.elementor-location-header,
.elementor-location-footer,
.elementor-location-single {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0;
}

/* Ajustements spécifiques pour les appareils mobiles */
@media only screen and (max-width: 1024px) {
    body {
        overflow-x: hidden !important;
        margin: 0; /* S'assure qu'aucune marge n'est appliquée */
        padding: 0;
        box-sizing: border-box; /* Inclut marges/paddings dans les dimensions */
    }

    .elementor-section-wrap {
        width: 100%; /* Remplace 100vw par 100% pour éviter les débordements causés par la barre de défilement */
        max-width: 100% !important;
        overflow: hidden; /* Empêche les débordements des enfants */
    }

    .elementor-location-header,
    .elementor-location-footer,
    .elementor-location-single {
        width: 100% !important; /* Même correction pour les sections header/footer */
        max-width: 100% !important;
        overflow: hidden;
    }

    /* Ajoute un ajustement pour les images et médias */
    img, iframe {
        max-width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0; /* Supprime toute marge potentielle */
        padding: 0;
    }

    /* Gestion des colonnes pour éviter les débordements */
    .elementor-column {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}/* End custom CSS */