/* Ice Hole — Premium Lakeside Lodging Custom Styles */

/* Base */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; }
body { margin: 0; overflow-x: hidden; }

/* Selection */
::selection { background: rgba(212, 168, 67, 0.3); color: #faf9f6; }

/* Focus visible */
:focus-visible { outline: 2px solid #d4a843; outline-offset: 2px; }

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

/* Gold shimmer animation */
@keyframes shimmer {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.gold-shimmer {
    background: linear-gradient(135deg, #d4a843, #f0d68a, #c9982e, #d4a843);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 4s ease-in-out infinite;
}

/* Mobile menu transitions */
#mobile-menu.opening { opacity: 1; pointer-events: all; }
#mobile-menu.closing { opacity: 0; pointer-events: none; }

/* Navbar scroll state */
nav.scrolled {
    background: rgba(6, 10, 8, 0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

/* Image loading placeholder */
img {
    background: linear-gradient(135deg, #0a0f0d, #060a08);
    min-height: 4px;
}

/* Print styles */
@media print {
    body { background: white; color: black; }
    nav, #contact, .reveal { display: none; }
}