/* Custom styles for Tally Ho Motel — editorial, forest-green + cream palette */

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

/* ── Selection color ── */
::selection {
    background: #4a7a3a;
    color: #faf9f6;
}

/* ── Focus visible for keyboard nav ── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 3px solid #4a7a3a;
    outline-offset: 2px;
}

/* ── Subtle pattern overlay for dark sections ── */
.bg-forest-800::before,
.bg-forest-950::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(250,249,246,0.03) 1px, transparent 1px);
    background-size: 24px 24px;
    pointer-events: none;
}

/* ── Image lazy-load fade ── */
img[loading="lazy"] {
    opacity: 1;
    transition: opacity 0.4s ease;
}

/* ── Print styles ── */
@media print {
    header, .mobile-menu, #mainNav { display: none; }
    body { color: #000; background: #fff; }
    a[href]::after { content: " (" attr(href) ")"; }
}