/* Preble's Tree Farm — Custom Styles */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f5f2ec;
}
::-webkit-scrollbar-thumb {
    background: #b0d4b0;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #7bb87b;
}

/* Selection color */
::selection {
    background: #7bb87b;
    color: #0c180c;
}

/* Nav transition */
#nav.scrolled {
    background: rgba(12, 24, 12, 0.95);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

/* Button focus styles */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 2px solid #7bb87b;
    outline-offset: 2px;
}

/* Image loading placeholder */
img {
    background: linear-gradient(135deg, #d5e8d5 0%, #b0d4b0 100%);
}

/* Hero text shadow for extra pop on gradient */
#hero h1 {
    text-shadow: 0 2px 40px rgba(0,0,0,0.3);
}

/* Card hover glow */
.group:hover .group-hover\:shadow-xl {
    box-shadow: 0 20px 60px -15px rgba(61, 122, 61, 0.15);
}

/* Mobile menu open state */
#mobile-menu.open {
    opacity: 1;
    pointer-events: auto;
}

/* Form input transitions */
input, textarea {
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
input:focus, textarea:focus {
    background-color: #fff;
}

/* Geometric shape decorative elements */
.shape-accent {
    position: absolute;
    pointer-events: none;
}