/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child
 Description:  Thème enfant pour Astra
 Author:       Ton Nom
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* Tu peux ajouter ton CSS personnalisé ici */
/* Bloquer le débordement horizontal */
html, body {
  overflow-x: hidden !important;
}

/* Corriger les sections Elementor qui dépassent */
.elementor-section {
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin: 0 auto !important;
}

/* Empêcher les éléments internes de casser la mise en page */
.elementor-container,
.elementor-row,
.container,
.site,
.site-main,
.page,
.entry-content {
  max-width: 100% !important;
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
}

/* Corriger certains widgets qui dépassent */
img, video, iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Supprimer les paddings à droite/gauche sur mobile */
body, .elementor, .elementor-page {
  padding: 0 !important;
  margin: 0 !important;
}
/* ---------------- MOBILE ---------------- */
@media (max-width: 992px) {
    /* Header mobile Astra */
    #masthead,
    .ast-header-break-point #masthead {
        background-color: #1c1c1c !important; /* supprime vert */
        height: 50px !important; /* header réduit */
        padding: 5px 15px !important;
    }

    /* Hamburger visible uniquement mobile */
    .ast-header-break-point .ast-mobile-menu-buttons {
        display: block !important;
    }

    /* Menu mobile caché par défaut */
    .main-header-menu.ast-flex.menu-toggle-target {
        display: none !important;
        flex-direction: column !important;
        width: 100% !important;
        background-color: #1c1c1c !important;
        position: absolute !important;
        top: 50px !important;
        left: 0 !important;
        right: 0 !important;
        padding: 5px 0 !important;
    }

    /* Menu mobile ouvert */
    .main-header-menu.ast-flex.menu-toggle-target.show {
        display: flex !important;
    }

    /* Liens menu mobile */
    .main-header-menu.ast-flex.menu-toggle-target li a {
        color: #f5e1c0 !important;
        font-size: 14px !important;
        text-align: center !important;
        padding: 4px 0 !important;
    }

    /* Masquer la barre recherche mobile */
    .ast-header-search {
        display: none !important;
    }
}