/* Custom styles for Hidden River Prairie Nursery */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f170f;
}
::-webkit-scrollbar-thumb {
    background: #2d4a2d;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4d804d;
}

/* Scroll indicator animation */
@keyframes scrollIndicator {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(400%); }
}
.animate-scroll-indicator {
    animation: scrollIndicator 1.5s ease-in-out infinite;
}

/* Navbar scroll state */
.navbar-scrolled {
    background: rgba(15, 23, 15, 0.95) !important;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(201, 162, 39, 0.1);
}

/* Reveal animations - progressive enhancement */
.reveal-up,
.reveal-left,
.reveal-right {
    opacity: 1;
    transform: none;
    transition: opacity 0.8s ease, transform 0.8s ease;
}

@media (prefers-reduced-motion: no-preference) {
    .reveal-up {
        opacity: 0;
        transform: translateY(30px);
    }
    .reveal-left {
        opacity: 0;
        transform: translateX(-30px);
    }
    .reveal-right {
        opacity: 0;
        transform: translateX(30px);
    }
    
    .reveal-up.revealed,
    .reveal-left.revealed,
    .reveal-right.revealed {
        opacity: 1;
        transform: none;
    }
}

/* Mobile menu */
.mobile-menu-open {
    opacity: 1 !important;
    pointer-events: all !important;
}

.menu-line-active-1 {
    transform: rotate(45deg) translate(3px, 3px);
}
.menu-line-active-2 {
    opacity: 0;
}
.menu-line-active-3 {
    transform: rotate(-45deg) translate(3px, -3px);
    width: 1.25rem;
}

/* Selection color */
::selection {
    background: rgba(201, 162, 39, 0.3);
    color: #faf9f6;
}

/* Focus visible */
:focus-visible {
    outline: 2px solid rgba(201, 162, 39, 0.6);
    outline-offset: 2px;
}

/* Select dropdown styling */
select option {
    background: #1e2f1e;
    color: #faf9f6;
}

/* Image loading placeholder */
img {
    background: linear-gradient(135deg, #1e2f1e 0%, #2d4a2d 100%);
}

/* Subtle gold shimmer on hover for cards */
.group:hover .group-hover\:\!scale-105 {
    transform: scale(1.05);
}