/* Kerrville Favorite Saloon — Custom Styles */
/* These styles complement the inline styles in index.html */

/* Base typography refinements */
h1, h2, h3, h4 {
    font-family: 'Playfair Display', Georgia, serif;
}

p, li, a, span, input, textarea, button {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

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

/* Selection color */
::selection {
    background: #e8603a;
    color: #fff;
}

/* Print styles */
@media print {
    body {
        background: #fff !important;
        color: #1a1a1a !important;
    }
    .marquee-divider, #backToTop {
        display: none;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
    html {
        scroll-behavior: auto;
    }
    .fade-up, .fade-in, .slide-left, .slide-right, .scale-in {
        opacity: 1;
        transform: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .coral-underline::after {
        height: 3px;
    }
    .cta-btn {
        border-width: 3px;
    }
}

/* Focus visible for keyboard navigation */
:focus-visible {
    outline: 2px solid #e8603a;
    outline-offset: 2px;
}

/* Tablet adjustments */
@media (max-width: 767px) {
    .hero-img-container::after {
        background: linear-gradient(to top, #1a1a1a 0%, transparent 25%);
    }
}

/* Large desktop */
@media (min-width: 1280px) {
    .font-serif {
        font-feature-settings: 'ss01', 'ss02';
    }
}