/* styles.css */

html {
    scroll-padding-top: 140px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #fef7e8; 
}
::-webkit-scrollbar-thumb {
    background: #D9C4B0; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4a3829; 
}

/* Ken Burns Effect */
.ken-burns > div:first-child {
    animation: kenBurns 10s linear infinite alternate;
}

@keyframes kenBurns {
    0% { transform: scale(1); }
    100% { transform: scale(1.05); }
}

/* Animations */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s ease-out forwards;
    animation-delay: 0.2s;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Navbar Scrolled State */
.navbar-scrolled #main-header {
    /* No direct change to header container needed if inner changes */
}

.navbar-scrolled #navbar-inner {
    background-color: white;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-scrolled #nav-logo {
    height: 3.5rem; /* h-14 */
}

/* Mobile Menu */
#mobile-menu {
    display: block;
    visibility: hidden;
}

#mobile-menu.open {
    visibility: visible;
    max-height: 600px;
    opacity: 1;
}