/* Custom styles that extend Tailwind */

/* Smooth fade in animation for Hero */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.8s ease-out forwards;
    opacity: 0; /* Start hidden */
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #F9F7F2;
}
::-webkit-scrollbar-thumb {
    background: #1A3C34;
    opacity: 0.5;
}
::-webkit-scrollbar-thumb:hover {
    background: #2f5c50;
}

/* Date picker styling override for cleaner look */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.3) sepia(1) saturate(5) hue-rotate(100deg);
    cursor: pointer;
}

/* Mobile menu transition */
#mobile-menu {
    transition: opacity 0.5s ease, visibility 0.5s;
}
#mobile-menu.open {
    opacity: 1;
    pointer-events: auto;
}
#mobile-menu.closed {
    opacity: 0;
    pointer-events: none;
}