/* Custom utility overrides and additional styles for Rangeland */

/* Ensure hero image doesn't cause layout shift */
#hero img {
    will-change: transform;
}

/* Smooth focus visible outlines for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 3px solid #ec6f8f;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: #f9cdd7;
    color: #711d31;
}

/* Subtle entrance for hero content (no JS required) */
@keyframes heroFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.hero-overlay ~ div > div {
    animation: heroFadeIn 0.8s ease-out both;
}

/* Print styles */
@media print {
    nav, .mobile-menu, #contact-form, .reveal { display: none !important; }
    body { background: white !important; color: black !important; }
    .hero-overlay { background: none !important; }
    #hero { min-height: auto; padding: 2rem; }
}