/* Responsive pour petits écrans d'ordinateur (max-width: 1400px) */

@media screen and (max-width: 1400px) {
    .navbar-container {
        max-width: 100%;
        padding: 0 15px;
    }
    
    .navbar-nav {
        gap: 20px;
    }
    
    .nav-link {
        font-size: 15px;
    }
    
    .carousel-container {
        max-width: 100%;
        margin: 30px auto;
        padding: 0 15px;
    }
    
    .carousel-wrapper {
        height: 550px;
    }
    
    .slide-content {
        padding: 35px 30px;
    }
    
    .slide-content h2 {
        font-size: 2em;
    }
    
    .slide-content p {
        font-size: 1.1em;
    }
    
    .content-wrapper {
        padding: 15px;
    }
    
    .auth-container {
        max-width: 450px;
        margin: 30px auto;
        padding: 25px;
    }
    
    .page-content {
        padding: 20px 15px;
    }
}