/* Correction du problème de défilement horizontal sur mobile */
html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

/* Correction pour les éléments qui pourraient dépasser la largeur de l'écran */
.features-container, 
.pricing-container,
.event-container,
.testimonial-container,
.footer-container,
.nav,
.hero-content,
.cta-buttons,
.logo,
.footer-content,
.footer-bottom,
section,
.page-header,
main,
header {
    max-width: 100%;
    box-sizing: border-box;
}

/* Correction pour les cartes qui peuvent être trop larges sur mobile */
@media screen and (max-width: 768px) {
    .feature-card,
    .pricing-card,
    .event-card {
        min-width: auto;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    /* Ajustement des marges pour éviter le dépassement */
    .features-container,
    .pricing-container,
    .event-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Correction pour le logo qui pourrait être trop grand */
    .logo img {
        max-width: 100%;
        height: auto;
    }
    
    /* Correction pour les boutons qui pourraient être trop larges */
    .cta-button {
        max-width: 100%;
        box-sizing: border-box;
    }
}