/* ============================================================
   THE MEET BY NETVERK — Custom Styles (Bilingual EN/BM build)
   Bukit Jalil, Kuala Lumpur | Western & Hakka Fusion
   ------------------------------------------------------------
   These styles extend the Tailwind utility layer (loaded via
   CDN in index.html) with component-specific rules:
   glassmorphism nav, gold gradients, scrollbar, lightbox zoom.
   ============================================================ */

/* ---------- Glassmorphism Navigation ---------- */
.glass-nav {
    background: rgba(10, 17, 40, 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* ---------- Gold Gradient Utilities ---------- */
.text-gold-gradient {
    background: linear-gradient(135deg, #F3E5AB 0%, #D9A74A 50%, #B88428 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gold-gradient {
    background: linear-gradient(135deg, #E6C76E 0%, #D9A74A 100%);
}

/* ---------- Custom Scrollbar ---------- */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #FAF7F0;
}
::-webkit-scrollbar-thumb {
    background: #D9A74A;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #B88428;
}

/* ---------- Menu Lightbox Zoom Container ---------- */
.zoom-container {
    overflow: hidden;
    touch-action: none;
    cursor: grab;
}
.zoom-container:active {
    cursor: grabbing;
}