/* ---------- Custom styles for X Restoran ---------- */

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; }

/* Subtle gold accent on selection */
::selection { background: #c9a75a; color: #0c0d10; }

/* Dotted leader between menu item name and price */
.menu-leader {
    flex: 1;
    margin: 0 0.75rem;
    border-bottom: 1px dotted rgba(201, 167, 90, 0.35);
    height: 1em;
}

/* Tab styling */
.menu-tab {
    padding: 0.6rem 1.4rem;
    border: 1px solid rgba(201, 167, 90, 0.35);
    color: rgba(243, 234, 212, 0.75);
    border-radius: 9999px;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    transition: all 0.25s ease;
    cursor: pointer;
    background: transparent;
}
.menu-tab:hover { color: #c9a75a; border-color: #c9a75a; }
.menu-tab.is-active {
    background: #c9a75a;
    color: #0c0d10;
    border-color: #c9a75a;
}

/* Menu item entrance */
.menu-item { opacity: 0; transform: translateY(8px); animation: fadeUp 0.4s ease forwards; }
@keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
}

/* Nav scroll style */
[data-nav] { background: transparent; }
[data-nav].is-scrolled {
    background: rgba(12, 13, 16, 0.92);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(243, 234, 212, 0.07);
}