/* Ogeechee River Daylillies — Custom Styles */

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f7f5f0;
}
::-webkit-scrollbar-thumb {
    background: #7fb5a0;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0b1d3a;
}

/* Smooth focus outlines */
a:focus-visible, button:focus-visible {
    outline: 2px solid #7fb5a0;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: rgba(127, 181, 160, 0.25);
    color: #0b1d3a;
}

/* Ensure nav doesn't overlap content */
nav {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Plant card image aspect ratio */
.plant-card-img {
    aspect-ratio: 4/3;
}

/* Hero image aspect ratio */
.hero-img-wrapper {
    aspect-ratio: 8/9;
}

/* Subtle pattern overlay for cream sections */
.bg-cream-pattern {
    background-image: radial-gradient(ellipse at 20% 50%, rgba(127, 181, 160, 0.04) 0%, transparent 50%),
                      radial-gradient(ellipse at 80% 20%, rgba(196, 162, 101, 0.03) 0%, transparent 50%);
}

/* Animation keyframes */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* Print styles */
@media print {
    nav, .mobile-menu, .cta-section { display: none; }
    body { color: #000; background: #fff; }
    .hero { background: #0b1d3a !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}