/* ==========================================
   FICHIER CSS POUR LE FOND UNIFORME DU SITE
   Style fin et doux avec motif de grille légère
   ========================================== */

/* Background uniforme pour tout le site */
body {
    /* Gradient de base doux */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(249, 247, 244, 1) 100%) !important;
    
    /* Motif de grille diagonale */
    background-image: 
        repeating-linear-gradient(45deg, transparent, transparent 24px, 
            rgba(210, 200, 185, 0.18) 24px, rgba(210, 200, 185, 0.18) 26px),
        repeating-linear-gradient(-45deg, transparent, transparent 24px, 
            rgba(210, 200, 185, 0.18) 24px, rgba(210, 200, 185, 0.18) 26px) !important;
    
    /* Assurer que le fond couvre toute la page */
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

/* S'assurer que le contenu des sections reste au-dessus du fond */
.page-content-section {
    position: relative;
    z-index: 1;
    background: transparent !important;
}

/* Assurer la compatibilité avec d'autres éléments */
.contact-section, 
.map-section,
.hero-section,
.about-section,
.services-section,
.team-section,
.gallery-section,
.blog-section,
.events-section,
.courses-section,
.testimonials-section,
.testimonials-main,
.site-background {
    background: transparent !important;
}

/* Conteneur du background */
.site-background {
    position: relative;
    min-height: 100vh;
    width: 100%;
    z-index: 0;
}