/* ═══════════════════════════════════════════
   The Cabin Reclaimed Wood — Custom Styles
   ═══════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; }

/* ── Navbar ── */
#navbar {
    background: transparent;
    transition: background .4s ease, box-shadow .4s ease, backdrop-filter .4s ease;
}
#navbar.scrolled {
    background: rgba(13,13,13,.88);
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    box-shadow: 0 1px 0 rgba(255,255,255,.04);
}

/* ── Mobile Menu ── */
#mobileMenu.open { opacity: 1 !important; pointer-events: all !important; }
#mobileMenu.closed { opacity: 0 !important; pointer-events: none !important; }
#menuIcon.open { transform: rotate(90deg); }
#menuIcon.closed { transform: rotate(180deg); }

/* ── Floating Stat Cards ── */
.stat-card {
    animation: floatCard 4s ease-in-out infinite;
}
.stat-card:nth-child(2) { animation-delay: .5s; }
.stat-card:nth-child(3) { animation-delay: 1s; }
.stat-card:nth-child(4) { animation-delay: 1.5s; }

@keyframes floatCard {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* ── Scroll Reveal (progressive enhancement) ── */
.reveal {
    opacity: 1;
    transform: none;
}
@media (prefers-reduced-motion: no-preference) {
    .reveal {
        opacity: 0;
        transform: translateY(28px);
        transition: opacity .7s cubic-bezier(.22,1,.36,1) .15s, transform .7s cubic-bezier(.22,1,.36,1) .15s;
    }
    .reveal.visible {
        opacity: 1;
        transform: translateY(0);
    }
    .reveal-delay-1 { transition-delay: .12s; }
    .reveal-delay-2 { transition-delay: .24s; }
    .reveal-delay-3 { transition-delay: .36s; }
}

/* ── Selection ── */
::selection { background: rgba(232,106,75,.3); color: #fff; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0d0d0d; }
::-webkit-scrollbar-thumb { background: #2d2d2d; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #404040; }

/* ── Focus Visible ── */
:focus-visible { outline: 2px solid #E86A4B; outline-offset: 2px; border-radius: 4px; }

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