/**
 * Correction de la largeur des conteneurs pour éliminer les espaces blancs sur les côtés
 * et assurer une mise en page cohérente sur tout le site
 */

/* Assurer que les conteneurs principaux utilisent toute la largeur disponible */
.container, 
section .container,
.header-content,
.services-container,
.brands-section,
.features-container,
.testimonials,
.request-form-container,
.footer-content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Ajouter un padding intérieur pour le contenu */
.services-container > *,
.features-container > *,
.testimonials > *,
.request-form-container > *,
.footer-content > * {
    padding-left: 15px;
    padding-right: 15px;
}

/* Assurer que les sections s'étendent sur toute la largeur */
section {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

/* Style pour les sections avec fond coloré */
section.colored-bg {
    padding: 40px 0;
}

/* Assurer que le header et le footer s'étendent sur toute la largeur */
header, footer {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Ajustements pour les éléments de la grille */
.services-grid, 
.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Ajustements pour le formulaire */
.form-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Ajustements spécifiques pour mobile */
@media (max-width: 768px) {
    .services-grid, 
    .features-grid {
        grid-template-columns: 1fr;
    }
    
    .container, 
    section .container,
    .header-content {
        padding-left: 10px;
        padding-right: 10px;
    }
}