/* Custom styles — McColl's Family Dining & Tavern */

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

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

/* Navbar scroll state */
.nav-scrolled {
    background: rgba(253, 252, 248, 0.95) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 20px rgba(42, 29, 20, 0.08);
}

.nav-scrolled .font-display {
    color: #2A1D14 !important;
}

.nav-scrolled a:not(.bg-terra-600):not(.bg-white\/10) {
    color: rgba(42, 29, 20, 0.7) !important;
}

/* Mobile link hover */
.mobile-link {
    position: relative;
}

.mobile-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #C0603A;
    transition: width 0.2s ease;
}

.mobile-link:hover::after {
    width: 100%;
}

/* Image placeholder fallback */
img {
    background: linear-gradient(135deg, #F7F0D8 0%, #FFD4BE 100%);
}

/* Subtle pattern overlay for sections */
.bg-pattern {
    background-image: radial-gradient(circle at 1px 1px, rgba(192, 96, 58, 0.04) 1px, transparent 0);
    background-size: 24px 24px;
}

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

/* Button press effect */
a:active,
button:active {
    transform: scale(0.97);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #FBF7ED;
}

::-webkit-scrollbar-thumb {
    background: #D4A574;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #C0603A;
}

/* Print styles */
@media print {
    header, footer, .animate-bounce {
        display: none;
    }
    body {
        color: #000;
        background: #fff;
    }
}