/* Offset pour les ancres avec header fixe */

/* Méthode 1 : Utiliser scroll-padding-top sur le HTML */
html {
    scroll-padding-top: 100px; /* Ajustez cette valeur selon la hauteur de votre header */
}

/* Méthode 2 : Cibler spécifiquement les sections avec des IDs */
section[id] {
    scroll-margin-top: 100px; /* Alternative pour les sections */
}

/* Ajustement pour mobile */
@media (max-width: 991px) {
    html {
        scroll-padding-top: 80px;
    }

    section[id] {
        scroll-margin-top: 80px;
    }
}

/* Scroll fluide */
html {
    scroll-behavior: smooth;
}