/* ============================================
   CONTAINER FIX - Force pleine largeur
   ============================================ */

/* Forcer le container à utiliser toute la largeur disponible */
.container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* Responsive padding */
@media (min-width: 640px) {
    .container {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media (min-width: 1024px) {
    .container {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media (min-width: 1280px) {
    .container {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

/* Garder les max-width personnalisées pour le contenu */
.max-w-content {
    max-width: 800px !important;
}

.max-w-wide {
    max-width: 1200px !important;
}

/* S'assurer que le site prend toute la largeur */
#page,
.site {
    width: 100% !important;
    max-width: 100% !important;
}

/* Header pleine largeur */
.site-header {
    width: 100% !important;
    max-width: 100% !important;
}