/* ============================================
   CORRECTIONS CSS - Unis pour l'Avenir de Sillingy
   ============================================ */

/* Fix pour le problème d'affichage du hero sur écrans de hauteur <= 800px
   Le texte "Karine Falconnat" était coupé à mi-hauteur
   Solution inspirée du CSS max-width qui fonctionne bien */
@media (max-height: 800px) {
    .mil-hero-1 .mil-hero-main {
        height: 100vh !important;
        padding: 80px 0 !important;
    }

    .mil-hero-1 .mil-hero-main .mil-hero-text {
        padding-bottom: 0 !important;
    }
}

/* Pour les très petits écrans en hauteur (< 600px) */
@media (max-height: 600px) {
    .mil-hero-1 .mil-hero-main {
        padding: 60px 0 !important;
    }

    .mil-hero-1 .mil-hero-main .mil-hero-text {
        padding-top: 20px !important;
    }
}