/* Ajustement de la position du texte et des boutons sur la page d'accueil */
.hero {
    padding-top: 50px !important; /* Réduit l'espace en haut pour remonter le contenu */
}

.hero-content {
    margin-top: -50px; /* Remonte le contenu */
}

/* Ajustements spécifiques pour mobile */
@media screen and (max-width: 768px) {
    .hero {
        padding-top: 20px !important; /* Encore moins d'espace en haut sur mobile */
        height: 90vh !important; /* Réduit la hauteur pour que le contenu soit plus visible */
    }
    
    .hero-content {
        margin-top: -80px; /* Remonte davantage le contenu sur mobile */
    }
    
    .hero h1 {
        font-size: 2.2rem; /* Texte légèrement plus petit pour mieux s'adapter */
        margin-bottom: 10px; /* Moins d'espace entre le titre et le sous-titre */
    }
    
    .hero p {
        margin-bottom: 20px; /* Moins d'espace avant les boutons */
    }
    
    .cta-buttons {
        margin-top: 20px; /* Ajoute un peu d'espace avant les boutons */
    }
}

/* Ajustements encore plus spécifiques pour les très petits écrans */
@media screen and (max-width: 480px) {
    .hero-content {
        margin-top: -100px; /* Remonte encore plus le contenu sur très petits écrans */
    }
    
    .hero h1 {
        font-size: 2rem; /* Texte encore plus petit */
    }
}