/* Styles mobiles pour optimiser l'affichage */

/* Hero section mobile - hauteur réduite pour voir l'image entière */
@media (max-width: 768px) {
    .hero-section {
        height: 60vh !important; /* Réduction de 100vh à 60vh */
        min-height: 400px; /* Hauteur minimum pour garder une bonne proportion */
        background-size: cover !important;
        background-position: center center !important; /* S'assurer que l'image couvre bien la zone réduite */
    }
    
    .hero-section.scrolled {
        height: 40vh !important; /* Encore plus petit une fois scrollé */
        min-height: 300px;
    }
    
    /* Ajuster la position du titre pour le hero réduit */
    .club-name {
        top: 22vh !important; /* Centré dans le hero de 60vh */
    }
    .club-name.scrolled {
        top: 0vh !important; /* Centré dans le hero de 60vh */
    }
}

/* Styles pour très petits écrans */
@media (max-width: 480px) {
    .hero-section {
        height: 50vh !important;
        min-height: 350px;
    }
    
    .hero-section.scrolled {
        height: 35vh !important;
        min-height: 250px;
    }
    
    /* Ajuster la position du titre pour le hero encore plus petit */
    .club-name {
        top: 25vh !important; /* Centré dans le hero de 50vh */
        font-size: 2rem !important; /* Plus petit sur très petits écrans */
    }
    
    .club-name.scrolled {
        font-size: 1.2rem !important;
    }
}