/* Hotel Mahadev Palace — custom styles */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
        Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #faf9f6;
    color: #1a1a1a;
}

h1, h2, h3, h4, .font-serif {
    font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f3efe9; }
::-webkit-scrollbar-thumb { background: #d4af37; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #c59b27; }

/* Text selection */
::selection { background-color: #d4af37; color: #ffffff; }

/* Navbar: glass panel once scrolled
   Mirrors: bg-[#FAF9F6]/85 backdrop-blur-xl border-b border-[#EAE4D9]/70
            shadow-[0_2px_20px_rgba(0,0,0,0.03)] */
#site-navbar.scrolled {
    background-color: rgba(250, 249, 246, 0.85);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid rgba(234, 228, 217, 0.7);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.03);
}
#site-navbar.scrolled .nav-brand { color: #1a1a1a; }
#site-navbar.scrolled .nav-sub { color: rgba(26, 26, 26, 0.6); }
#site-navbar.scrolled .nav-link { color: #4a4a4a; }
#site-navbar.scrolled .nav-link:hover { color: #c59b27; }
#site-navbar.scrolled .nav-link[aria-current="page"] { color: #8b0000; }
#site-navbar.scrolled .nav-toggle { color: #1a1a1a; }

/* Reveal-on-scroll animation */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible {
    opacity: 1;
    transform: none;
}
.service-icon {
    font-size: 40px;
    margin-bottom: 24px;
    display: block;
}