/* ========================================
   FIXES RESPONSIVE MOBILE
   ======================================== */

/* Désactiver bg-fixed sur mobile (cause zoom excessif) */
@media (max-width: 1024px) {
    .bg-fixed,
    [class*="bg-fixed"] {
        background-attachment: scroll !important;
    }
    
    /* Ajuster les hero sections sur mobile */
    .hero-prestation,
    .hero-prestations,
    .hero-choregraphe,
    .hero-enseignement,
    .hero-berry,
    .hero-association,
    [class*="hero-"] {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center !important;
    }
    
    /* Réduire le scale initial des images sur mobile */
    .scale-110 {
        transform: scale(1) !important;
    }
    
    /* Désactiver l'animation Ken Burns sur mobile */
    .animate-ken-burns {
        animation: none !important;
        transform: scale(1) !important;
    }
    
    /* Hero sections mobile */
    section[class*="hero"] {
        min-height: 70vh !important;
        height: auto !important;
    }
    
    /* Images de fond dans les sections parallax */
    .bg-cover.bg-center.bg-fixed {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center center !important;
    }
    
    /* Ajuster object-fit sur mobile */
    img.object-cover {
        object-position: center !important;
    }
}

/* Fixes spécifiques pour très petits écrans */
@media (max-width: 640px) {
    /* Réduire la hauteur des hero sur mobile */
    .h-screen {
        min-height: 60vh !important;
        height: 60vh !important;
    }
    
    /* Ajuster les parallax sections */
    .h-\[80vh\] {
        min-height: 50vh !important;
        height: 50vh !important;
    }
    
    /* Carousel welcome page */
    #hero-carousel .carousel-item {
        height: 60vh !important;
    }
    
    #hero-carousel .carousel-item img {
        object-fit: cover !important;
        object-position: center !important;
        transform: scale(1) !important;
    }
}

/* Fixes pour iPad et tablettes */
@media (min-width: 641px) and (max-width: 1024px) {
    .h-screen {
        min-height: 75vh !important;
    }
    
    .h-\[80vh\] {
        min-height: 60vh !important;
    }
}
