/*
 * Horses Help Hearts — Custom Styles
 * Complements Tailwind CDN; handles edge cases and fine-tuning
 */

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

/* Selection color */
::selection {
    background: rgba(212, 160, 23, 0.3);
    color: #0a1628;
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #e6b422;
    outline-offset: 3px;
    border-radius: 4px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a1628;
}
::-webkit-scrollbar-thumb {
    background: #1a3a6e;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #d4a017;
}

/* Subtle pattern overlay for sections */
.services-section::before,
.testimonials-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 30px 30px;
    pointer-events: none;
}

/* Image loading placeholder */
img {
    background: linear-gradient(135deg, #1a3a6e 0%, #0a1628 100%);
    min-height: 200px;
}

/* Prevent content flash on scroll reveal for above-fold */
.hero .reveal {
    opacity: 1;
    transform: none;
}

/* Print styles */
@media print {
    .navbar, .mobile-menu, .mobile-overlay, .map-container { display: none; }
    body { color: #000; background: #fff; }
    .hero { min-height: auto; background: #fff; }
    .hero h1, .hero p, .hero-badge { color: #000 !important; }
    section { padding: 2rem 0; }
}