/* ============================================================
   BILLIONEVENTS - SITE WIDE WOW LAYER
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap');

:root {
    --gold: #FF6B35;
    --gold-light: #FFB074;
    --gold-dark: #C94A1A;
    --gold-bg: rgba(255, 107, 53, 0.16);
    --logo-accent: #BE6A60;
    --logo-accent-light: #DFA8A0;
    --logo-accent-dark: #9E4E46;
    --dark: #101a2f;
    --dark-2: #162744;
    --dark-3: #1f3a64;
    --dark-surface: #172846;
    --off-white: #f8f2e8;
    --cream: #f3e7d4;
    --gray-50: #f8fafc;
    --gray-100: #eef3f8;
    --gray-200: #d9e2ec;
    --gray-300: #c3cfdd;
    --gray-400: #8d9ab0;
    --gray-500: #5e6b7f;
    --gray-600: #465468;
    --gray-700: #2f3b4d;
    --gray-800: #1d2737;
}

html {
    scroll-padding-top: 92px;
}

body {
    font-family: 'Manrope', 'Inter', sans-serif !important;
    color: #15223a;
    background:
        radial-gradient(1000px 420px at -10% -5%, rgba(255, 107, 53, 0.12), transparent 60%),
        radial-gradient(1100px 520px at 112% 0%, rgba(190, 106, 96, 0.1), transparent 62%),
        #fffefb;
}

h1,
h2,
h3,
h4,
h5,
.logo {
    font-family: 'Cormorant Garamond', 'Playfair Display', serif !important;
    letter-spacing: 0.2px;
}

.nav-links a,
.nav-cta,
.btn,
.section-label,
.faq-q,
.form-label {
    font-family: 'Sora', 'Inter', sans-serif !important;
}

.navbar {
    background: linear-gradient(140deg, rgba(23, 12, 19, 0.9), rgba(35, 18, 27, 0.92));
    border-bottom: 1px solid rgba(255, 107, 53, 0.22);
    box-shadow: 0 10px 34px rgba(4, 9, 22, 0.34);
}

.navbar::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 107, 53, 0), rgba(255, 107, 53, 0.58), rgba(255, 107, 53, 0));
}

.navbar.scrolled {
    background: linear-gradient(140deg, rgba(20, 10, 17, 0.96), rgba(31, 16, 24, 0.96));
    box-shadow: 0 14px 34px rgba(2, 8, 20, 0.38);
}

.nav-links a {
    border: 1px solid transparent;
    position: relative;
}

.nav-links a:hover {
    border-color: rgba(255, 107, 53, 0.35);
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
}

.nav-links a.active {
    color: var(--logo-accent-light);
    border-color: rgba(190, 106, 96, 0.5);
    background: rgba(190, 106, 96, 0.16);
}

.nav-cta {
    box-shadow: 0 10px 24px rgba(255, 107, 53, 0.32);
}

.nav-cta:hover {
    box-shadow: 0 14px 30px rgba(255, 107, 53, 0.42);
}

.page-hero {
    border-bottom: 1px solid rgba(255, 107, 53, 0.18);
}

.section-label {
    letter-spacing: 2.5px;
}

.btn {
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(11, 20, 43, 0.14);
}

.btn:hover {
    transform: translateY(-2px);
}

.hero-tag,
.search-chip,
.hall-inclusion {
    border: 1px solid rgba(17, 28, 56, 0.1);
}

.hero-tag:hover,
.search-chip:hover {
    border-color: rgba(255, 107, 53, 0.42);
}

.hall-card,
.price-card,
.occasion-block,
.why-tile,
.lead-form,
.faq-item,
.contact-card,
.direction-card,
.policy-card,
.gallery-card,
.hall-detail-card,
.included-item,
.addon-item,
.rule-item,
.footer-city-occasion-grid > div {
    box-shadow: 0 14px 30px rgba(14, 23, 45, 0.09);
}

.hall-card:hover,
.price-card:hover,
.occasion-block:hover,
.why-tile:hover,
.contact-card:hover,
.direction-card:hover,
.policy-card:hover,
.gallery-card:hover,
.hall-detail-card:hover,
.included-item:hover,
.addon-item:hover,
.rule-item:hover,
.footer-city-occasion-grid > div:hover {
    box-shadow: 0 22px 40px rgba(12, 23, 47, 0.17);
}

.form-input {
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #fcfdff);
}

.form-input:focus {
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.18);
}

.faq-item {
    border-radius: 14px;
}

.back-to-top {
    background: linear-gradient(90deg, var(--gold-dark), var(--gold));
    letter-spacing: 0.2px;
}

.back-to-top:hover {
    background: linear-gradient(90deg, var(--gold), var(--gold-light));
}

.footer {
    border-top: 1px solid rgba(255, 107, 53, 0.28);
}

.footer-city-occasion-grid > div {
    border-radius: 16px;
}

.mobile-sticky {
    background: linear-gradient(120deg, #191017, #261621);
    border-top: 1px solid rgba(255, 107, 53, 0.25);
}

.desktop-sticky-cta {
    border: 1px solid rgba(255, 107, 53, 0.34);
}

.wa-float {
    box-shadow: 0 12px 28px rgba(37, 211, 102, 0.42);
}

@media (max-width: 768px) {
    .navbar {
        backdrop-filter: blur(10px);
    }

    .nav-links {
        border-top: 1px solid rgba(255, 107, 53, 0.24);
        background: linear-gradient(140deg, #1d1119, #2a1620);
    }

    .btn {
        box-shadow: 0 8px 18px rgba(11, 20, 43, 0.13);
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn,
    .hall-card,
    .price-card,
    .occasion-block,
    .why-tile,
    .contact-card,
    .direction-card,
    .policy-card,
    .gallery-card,
    .hall-detail-card,
    .included-item,
    .addon-item,
    .rule-item,
    .search-chip,
    .nav-links a {
        transition: none !important;
    }
}