/* Styles communs pour toutes les pages Belledonne MTB */

/* Dropdown menu */
.dropdown:hover .dropdown-menu {
    display: block;
}

/* Image de fond avec opacité pour les sections de contenu */
.bg-with-overlay {
    position: relative;
}

.bg-with-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('image/evgeni-evgeniev-LPKk3wtkC-g-unsplash.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 0.15;
    z-index: 0;
    pointer-events: none;
}

.bg-with-overlay > * {
    position: relative;
    z-index: 1;
}

/* Animation au scroll */
.scroll-animate {
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out !important;
}

.scroll-animate.animate-in {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Variantes d'animation */
.scroll-animate-left {
    opacity: 0 !important;
    transform: translateX(-30px) !important;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out !important;
}

.scroll-animate-left.animate-in {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.scroll-animate-right {
    opacity: 0 !important;
    transform: translateX(30px) !important;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out !important;
}

.scroll-animate-right.animate-in {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* Délais pour les animations en cascade */
.delay-100 { transition-delay: 0.1s !important; }
.delay-200 { transition-delay: 0.2s !important; }
.delay-300 { transition-delay: 0.3s !important; }
.delay-400 { transition-delay: 0.4s !important; }