/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f4f1ea; 
}
 
::-webkit-scrollbar-thumb {
    background: #d4a373; 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4a5d23; 
}

/* Smooth Scrolling is handled by Tailwind's scroll-smooth class on body/html */
html {
    scroll-behavior: smooth;
}

/* Fade In Animation Classes */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Delay classes for staggered animations */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* Image overlay gradient to make text readable */
.bg-gradient-hero {
    background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);
}