@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap');

nav .logo {
    font-family: 'Cinzel', serif !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.07em !important;
    background: linear-gradient(135deg, #f0dc8a 0%, #c9a84c 30%, #e8c97a 55%, #a07820 80%, #c9a84c 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-decoration: none !important;
}

nav {
    border-bottom: 1px solid transparent !important;
    background-image:
        linear-gradient(#000, #000),
        linear-gradient(90deg, transparent 0%, #c9a84c 30%, #f0dc8a 50%, #c9a84c 70%, transparent 100%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
}

.hero h1,
.hero-title {
    font-family: 'Cinzel', serif !important;
    letter-spacing: 0.05em !important;
    background: linear-gradient(135deg, #f5e6a3 0%, #c9a84c 35%, #f0dc8a 60%, #9a7020 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

.hero-btn,
.cs-btn,
.sl-btn,
.hero-button,
.notify-btn,
a.cs-btn,
a.sl-btn,
a.hero-btn {
    background: linear-gradient(135deg, #b8960c 0%, #f0dc8a 40%, #c9a84c 65%, #a07820 100%) !important;
    color: #000 !important;
    border: none !important;
}

.cs-badge,
.coming-soon-badge,
.book-card-body .tag {
    background: linear-gradient(135deg, #b8960c 0%, #f0dc8a 45%, #c9a84c 100%) !important;
    color: #000 !important;
}

.nav-hamburger {
    display: none;
    background: none;
    border: none;
    color: #c9a84c;
    font-size: 1.6rem;
    cursor: pointer;
    padding: 14px 4px;
    line-height: 1;
}

@media (max-width: 768px) {
    .nav-hamburger { display: block; }

    nav { flex-wrap: wrap; padding: 0 16px; position: relative; }

    nav ul {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #000;
        border-top: 1px solid #222;
        padding-bottom: 8px;
    }

    nav ul.nav-open { display: flex; }

    nav ul li a { padding: 14px 18px; border-bottom: 1px solid #111; }

    nav ul li .dropdown {
        display: none;
        position: static;
        box-shadow: none;
        background: #0a0a0a;
        min-width: unset;
        width: 100%;
    }

    nav ul li.dropdown-open .dropdown { display: block; }

    nav ul li .dropdown a { padding: 11px 32px; font-size: 0.88rem; }
}