/* =======================================
   WHATSAPP FAB
   ======================================= */
.wa-fab {
  position: fixed;
  bottom: calc(var(--bottom-nav-height) + var(--safe-bottom) + 12px);
  right: 14px;
  z-index: 90;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
  transition: transform var(--transition-fast);
}

/* Instagram FAB — base */
#instagram-fab {
  position: fixed;
  right: 20px;
  z-index: 90;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#instagram-fab:hover {
  transform: scale(1.08);
}

/* Silverhythm: dark navy theme, gold-tinted icon */
[data-brand="silverythm"] #instagram-fab {
  background: #064b61;
  border: 1px solid rgba(229, 229, 229, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  color: #E5E5E5 !important;
}

[data-brand="silverythm"] #instagram-fab svg {
  stroke: #E5E5E5 !important;
  fill: none;
}

/* Devaramane theme */
[data-brand="devaramane"] #instagram-fab {
  background: #2A1604;
  border: 1px solid rgba(201, 134, 10, 0.3);
  color: #C9860A;
  box-shadow: 0 4px 20px rgba(26, 12, 2, 0.5);
}

[data-brand="devaramane"] #instagram-fab svg {
  stroke: #C9860A;
}

/* Udugore theme */
[data-brand="udugore"] #instagram-fab {
  background: #080F28;
  border: 1px solid rgba(212, 175, 55, 0.3);
  color: #D4AF37;
  box-shadow: 0 4px 20px rgba(8, 15, 40, 0.5);
}

[data-brand="udugore"] #instagram-fab svg {
  stroke: #D4AF37;
}

/* WhatsApp FAB: also dark navy for Silverhythm on desktop */
[data-brand="silverythm"] .wa-fab,
[data-brand="silverythm"] #whatsapp-fab {
  background: #064b61;
  border: 1px solid rgba(229, 229, 229, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-brand="silverythm"] .wa-fab svg,
[data-brand="silverythm"] #whatsapp-fab svg {
  color: #E5E5E5 !important;
  fill: #E5E5E5 !important;
}

[data-brand="devaramane"] .wa-fab,
[data-brand="devaramane"] #whatsapp-fab {
  background: #2A1604;
  border: 1px solid rgba(201, 134, 10, 0.2);
  box-shadow: 0 4px 20px rgba(26, 12, 2, 0.5);
}

[data-brand="devaramane"] .wa-fab svg,
[data-brand="devaramane"] #whatsapp-fab svg {
  color: #C9860A !important;
  fill: #C9860A !important;
}

[data-brand="udugore"] .wa-fab,
[data-brand="udugore"] #whatsapp-fab {
  background: #080F28;
  border: 1px solid rgba(212, 175, 55, 0.2);
  box-shadow: 0 4px 20px rgba(8, 15, 40, 0.5);
}

[data-brand="udugore"] .wa-fab svg,
[data-brand="udugore"] #whatsapp-fab svg {
  color: #D4AF37 !important;
  fill: #D4AF37 !important;
}

.wa-fab:active {
  transform: scale(0.9);
}

.wa-fab svg {
  width: 26px;
  height: 26px;
}
@media (min-width: 768px) {
    .desktop-nav-link {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 20px;
      }
}

@media (min-width: 768px) {
    /* Hide old brand bar completely on desktop */
      .brand-bar {
        display: none !important;
      }
    /* New single nav bar */
      .main-nav {
        background: transparent;
        box-shadow: none;
        border-bottom: none;
        height: 60px;
        transition: background 0.4s ease, box-shadow 0.4s ease;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
      }
    .main-nav.nav-scrolled {
        background: var(--primary) !important;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2) !important;
      }
    /* Nav inner: flex row, space-between */
      .main-nav-inner {
        display: flex;
        align-items: center;
        height: 60px;
        padding: 0 40px;
        position: relative;
      }
    /* LEFT: brand pills */
      .nav-brand-pills {
        display: flex;
        align-items: center;
        gap: 2px;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 24px;
        padding: 3px;
      }
    .nav-brand-pill {
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.12em;
        color: rgba(255, 255, 255, 0.45);
        padding: 6px 16px;
        border-radius: 20px;
        border: none;
        background: transparent;
        cursor: pointer;
        transition: all 0.2s ease;
        white-space: nowrap;
      }
    .nav-brand-pill.active,
      .nav-brand-pill:hover {
        background: rgba(255, 255, 255, 0.13);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.12);
      }
    /* CENTER: logo */
      .nav-logo-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
      }
    .nav-logo-center img {
        height: 38px;
        width: auto;
        filter: brightness(0) invert(1);
        opacity: 0.9;
      }
    /* RIGHT: page links + icons */
      .nav-right-group {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-left: auto;
      }
    .nav-page-link {
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.12em;
        color: rgba(255, 255, 255, 0.65);
        padding: 6px 12px;
        border-radius: 8px;
        transition: color 0.2s, background 0.2s;
        text-decoration: none;
      }
    .nav-page-link:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.08);
      }
    .nav-icon-btns {
        display: flex;
        gap: 4px;
        margin-left: 12px;
        padding-left: 12px;
        border-left: 1px solid rgba(255, 255, 255, 0.12);
      }
    .nav-icon-btn {
        width: 34px;
        height: 34px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.75);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.2s, color 0.2s;
      }
    .nav-icon-btn:hover {
        background: rgba(255, 255, 255, 0.14);
        color: #fff;
      }
    /* Hide old mobile logo in desktop nav */
      .nav-logo {
        display: none;
      }
}

@media (min-width: 1024px) {
    .brand-bar {
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }
    .brand-bar-inner {
        max-width: 1400px !important;
        width: 100% !important;
        padding: 0 24px !important;
        margin: 0 auto !important;
        justify-content: flex-start !important;
      }
    .main-nav-inner {
        max-width: 1400px !important;
        width: 100% !important;
        padding: 0 24px !important;
        margin: 0 auto !important;
      }
}

@media (max-width: 767px) {
    /* ── BRAND TAB BAR ── */
      .brand-bar {
        height: 44px;
        -webkit-overflow-scrolling: touch;
      }
    /* ── NAVIGATION ── */
      .main-nav {
        height: 52px;
      }
    .nav-logo img {
        height: 28px !important;
      }
    /* ── BOTTOM NAV ── */
      #bottom-nav {
        padding-bottom: env(safe-area-inset-bottom);
      }
    .bottom-nav-item {
        min-height: 44px;
        font-size: 10px;
      }
}

@media (max-width: 767px) {
    /* Right side action buttons */
      .mobile-nav-actions {
        display: flex;
        align-items: center;
        gap: 2px;
      }
    .mobile-nav-icon-btn {
        position: relative;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
        color: rgba(255, 255, 255, 0.85);
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        border-radius: 8px;
      }
    .mobile-nav-icon-btn:active {
        background: rgba(255, 255, 255, 0.1);
      }
    /* Hide the old separate brand-bar on mobile completely —
         brand switching lives in the hamburger menu */
      #brand-bar {
        display: none !important;
      }
}

@media (max-width: 767px) {
    .nav-logo-mobile {
        grid-column: 2;
        justify-self: center;
        position: static !important;
        transform: none !important;
      }
    .nav-logo-mobile img {
        height: 28px;
        width: auto;
      }
    .mobile-nav-icon-btn {
        grid-column: 3;
        justify-self: end;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
        color: rgba(255, 255, 255, 0.85);
        -webkit-tap-highlight-color: transparent;
        border-radius: 8px;
      }
    /* ── BRAND BAR: restore as slim visible row below nav ── */
      #brand-bar {
        display: flex !important;
        height: 38px;
        padding: 0;
      }
    .brand-bar-inner {
        display: flex;
        width: 100%;
        padding: 0;
      }
}

@media (max-width: 767px) {
    /* ── NAV ── */
      .nav-logo-mobile img,
      #nav-logo-img {
        height: 40px !important;
      }
}

@media (max-width: 767px) {
    /* ── NAV ── */
      .nav-logo-mobile img,
      #nav-logo-img {
        height: 40px !important;
      }
    /* ── BRAND BAR ── */
      #brand-bar {
        display: flex !important;
        height: 38px;
        padding: 0;
        margin-top: 0 !important;
        box-shadow: none !important;
        border-top: none !important;
        border-bottom: none !important;
        background: rgba(0, 0, 0, 0.18) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
      }
    .brand-bar-inner {
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 16px !important;
      }
}

@media (max-width: 767px) {
    #brand-bar {
        background: rgba(0, 0, 0, 0.12) !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
      }
}

@media (max-width: 767px) {
    /* ── BRAND BAR ── */
      #brand-bar,
      .brand-bar {
        background: var(--primary) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-bottom: none !important;
      }
}

@media (max-width: 767px) {
    /* ── SILVERHYTHM ── */
      [data-brand="silverythm"] .main-nav.nav-scrolled,
      [data-brand="silverythm"] #main-nav.nav-scrolled {
        background: #064b61 !important;
      }
    [data-brand="silverythm"] #brand-bar.bar-scrolled,
      [data-brand="silverythm"] .brand-bar.bar-scrolled {
        background: #064b61 !important;
      }
    /* ── DEVARAMANE ── */
      [data-brand="devaramane"] .main-nav.nav-scrolled,
      [data-brand="devaramane"] #main-nav.nav-scrolled {
        background: #B8860B !important;
      }
    [data-brand="devaramane"] #brand-bar.bar-scrolled,
      [data-brand="devaramane"] .brand-bar.bar-scrolled {
        background: #B8860B !important;
      }
    /* ── UDUGORE ── */
      [data-brand="udugore"] .main-nav.nav-scrolled,
      [data-brand="udugore"] #main-nav.nav-scrolled {
        background: #0D1B4B !important;
      }
    [data-brand="udugore"] #brand-bar.bar-scrolled,
      [data-brand="udugore"] .brand-bar.bar-scrolled {
        background: #0D1B4B !important;
      }
}

@media (max-width: 767px) {
    /* ── NAV: transparent over hero ── */
      #main-nav:not(.nav-scrolled) {
        background: transparent !important;
        box-shadow: none !important;
        border-bottom: none !important;
      }
    /* brand-bar inherits from #main-nav — no separate rule needed */
      #main-nav:not(.nav-scrolled) #brand-bar {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
      }
    #main-nav:not(.nav-scrolled) .menu-btn,
      #main-nav:not(.nav-scrolled) .mobile-nav-icon-btn {
        color: #fff !important;
      }
    #main-nav:not(.nav-scrolled) .nav-logo-mobile img {
        filter: brightness(0) invert(1) !important;
      }
    #main-nav:not(.nav-scrolled) .brand-seg-btn {
        color: rgba(255, 255, 255, 0.60) !important;
      }
    #main-nav:not(.nav-scrolled) .brand-seg-btn.active {
        color: #fff !important;
      }
    /* ── NAV SCROLLED: full brand color ── */
      #main-nav.nav-scrolled {
        background: var(--primary) !important;
        transition: background 0.3s ease, box-shadow 0.3s ease !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18) !important;
      }
    [data-brand="silverythm"] #main-nav.nav-scrolled {
        background: #064b61 !important;
      }
    [data-brand="devaramane"] #main-nav.nav-scrolled {
        background: #B8860B !important;
      }
    [data-brand="udugore"] #main-nav.nav-scrolled {
        background: #0D1B4B !important;
      }
    #main-nav #brand-bar {
        transition: background 0.3s ease !important;
      }
}

@media (max-width: 767px) {
    /* ── BOTTOM NAV ── */
      [data-brand="silverythm"] #bottom-nav {
        background: #064b61 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
      }
    [data-brand="silverythm"] .bottom-nav-item {
        color: rgba(255, 255, 255, 0.45) !important;
        border-right-color: rgba(255, 255, 255, 0.1) !important;
      }
    [data-brand="silverythm"] .bottom-nav-item.active {
        color: #fff !important;
        background: rgba(255, 255, 255, 0.06) !important;
      }
    [data-brand="devaramane"] #bottom-nav {
        background: #B8860B !important;
        border-top: 1px solid rgba(254, 193, 1, 0.25) !important;
      }
    [data-brand="devaramane"] .bottom-nav-item {
        color: rgba(255, 255, 255, 0.55) !important;
        border-right-color: rgba(255, 255, 255, 0.15) !important;
      }
    [data-brand="devaramane"] .bottom-nav-item.active {
        color: #FEC101 !important;
        background: rgba(254, 193, 1, 0.12) !important;
      }
    [data-brand="udugore"] #bottom-nav {
        background: #0D1B4B !important;
        border-top: 1px solid rgba(201, 168, 76, 0.15) !important;
      }
    [data-brand="udugore"] .bottom-nav-item {
        color: rgba(255, 255, 255, 0.45) !important;
        border-right-color: rgba(255, 255, 255, 0.08) !important;
      }
    [data-brand="udugore"] .bottom-nav-item.active {
        color: #C9A84C !important;
        background: rgba(201, 168, 76, 0.08) !important;
      }
    /* ── WHATSAPP FAB: brand-themed, keep WhatsApp green glow ── */
      /* Keep green as WhatsApp brand identity but tint shadow to match brand */
      [data-brand="silverythm"] .wa-fab {
        background: #25D366 !important;
        box-shadow: 0 4px 20px rgba(15, 42, 50, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
      }
    [data-brand="devaramane"] .wa-fab {
        background: #25D366 !important;
        box-shadow: 0 4px 20px rgba(198, 124, 13, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
      }
    [data-brand="udugore"] .wa-fab {
        background: #25D366 !important;
        box-shadow: 0 4px 20px rgba(13, 27, 75, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
      }
}

@media (max-width: 767px) {
    /* ── WHATSAPP FAB: full brand color, no green ── */
      .wa-fab {
        background: var(--primary) !important;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
      }
    [data-brand="silverythm"] .wa-fab {
        background: #064b61 !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25) !important;
        z-index: 1 !important;
      }
    [data-brand="devaramane"] .wa-fab {
        background: #C67C0D !important;
        box-shadow: 0 4px 20px rgba(198, 124, 13, 0.6) !important;
      }
    [data-brand="udugore"] .wa-fab {
        background: #0D1B4B !important;
        box-shadow: 0 4px 20px rgba(13, 27, 75, 0.6) !important;
      }
}

@media (max-width: 767px) {
    #instagram-fab {
        bottom: 128px;
      }
}

[data-brand="udugore"] .bottom-nav-item.active {
  color: #fff !important;
}

/* ── WHATSAPP FAB: brand-themed, keep WhatsApp green glow ── */
/* Keep green as WhatsApp brand identity but tint shadow to match brand */
[data-brand="silverythm"] .wa-fab {
  background: #25D366 !important;
  box-shadow: 0 4px 20px rgba(15, 42, 50, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
}

[data-brand="devaramane"] .wa-fab {
  background: #25D366 !important;
  box-shadow: 0 4px 20px rgba(198, 124, 13, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
}

[data-brand="udugore"] .wa-fab {
  background: #25D366 !important;
  box-shadow: 0 4px 20px rgba(13, 27, 75, 0.5), 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
}
@media (max-width: 767px) {
    /* ── WHATSAPP FAB: full brand color, no green ── */
      .wa-fab {
        background: var(--primary) !important;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
      }
    [data-brand="silverythm"] .wa-fab {
        background: #064b61 !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25) !important;
        z-index: 1 !important;
      }
    [data-brand="devaramane"] .wa-fab {
        background: #C67C0D !important;
        box-shadow: 0 4px 20px rgba(198, 124, 13, 0.6) !important;
      }
    [data-brand="udugore"] .wa-fab {
        background: #0D1B4B !important;
        box-shadow: 0 4px 20px rgba(13, 27, 75, 0.6) !important;
      }
}

@media (max-width: 767px) {
    #instagram-fab {
        bottom: 128px;
      }
}

/* Navigation Restoration */
.nav-icon-wrap {
  position: relative;
}

.nav-badge {
  position: absolute;
  background: var(--accent);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.nav-badge--wish {
  top: -6px;
  right: -6px;
  background: #ef4444;
  width: 14px;
  height: 14px;
}

.nav-badge--cart {
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
}

/* Mobile Positions */
#wa-fab {
  bottom: calc(var(--bottom-nav-height) + var(--safe-bottom) + 12px) !important;
}

#instagram-fab {
  bottom: calc(var(--bottom-nav-height) + var(--safe-bottom) + 72px) !important;
}

#wa-fab:hover,
#instagram-fab:hover {
  transform: scale(1.08) !important;
}

/* --- SEARCH MODAL (Collections) --- */
.search-modal {
  position: fixed;
  inset: 0;
  background: var(--bg);
  z-index: 2000;
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.search-modal.open {
  opacity: 1;
  pointer-events: auto;
}

.brand-bg-nav.nav-scrolled,
.brand-bg-nav.bar-scrolled {
  background: var(--nav-bg-color, var(--primary)) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* #brand-bar is always inside #main-nav — never has its own background */
#brand-bar.brand-bg-nav,
#brand-bar.brand-bg-nav.bar-scrolled {
  background: transparent !important;
  box-shadow: none !important;
}

/* ============================================================
   UDUGORE THEME FAB — GOLD ACCENT (IMPROVISED FOR PREMIUM FEEL)
   ============================================================ */
[data-brand="udugore"] .wa-fab {
  background: var(--accent) !important;
  /* Gold */
  color: #0D1B4B !important;
  /* Deep Navy Icon */
  box-shadow: 0 8px 32px rgba(201, 168, 76, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

[data-brand="udugore"] .wa-fab:hover {
  background: #FFFFFF !important;
  color: #0D1B4B !important;
  box-shadow: 0 12px 48px rgba(255, 255, 255, 0.35) !important;
  transform: scale(1.1) translateY(-2px) !important;
}

[data-brand="udugore"] .wa-fab svg {
  fill: currentColor !important;
}

/* --- FOOLPROOF LAYER & VISIBILITY FIX --- */
body.no-scroll .wa-fab,
body.no-scroll #wa-fab,
body.no-scroll #instagram-fab {
  display: none !important;
}

/* Brand bar container — part of unified #main-nav block, no separate fixed */
.brand-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: transparent;
  border: none;
  /* Position is handled by #main-nav — do NOT set position:fixed here */
}
@media (max-width: 767px) {
    /* brand-bar stays inside #main-nav flow — main-nav is the fixed element */
      #main-nav #brand-bar {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        height: 40px;
        background: transparent;
        box-shadow: none;
        border: none;
      }
}

/* ═══════════════════════════════════════════════════════
   ROYAL MOBILE MENU (RECTANGULAR)
   Brand-aware drawer with sharp edges, metallic accents,
   and refined typography.
═══════════════════════════════════════════════════════ */

/* ── Panel & Structure ── */
.mobile-panel {
  width: 85%;
  max-width: 320px;
  background: #fff;
  border-radius: 0;
  /* Pure rectangular */
}

.mobile-panel-header {
  height: 64px;
  /* Slightly taller for premium feel */
  border-bottom: 2px solid transparent;
}

/* ── Nav Links ── */
.mobile-nav-link {
  border-radius: 2px;
  margin: 2px 0;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: all 0.25s ease;
  border-left: 3px solid transparent;
}

.mobile-nav-link svg {
  transition: transform 0.25s ease;
}

.mobile-nav-link:hover,
.mobile-nav-link:active {
  background: rgba(var(--accent-rgb), 0.05);
  transform: translateX(4px);
}

/* ════════════════════════════════════════
   BRAND-SPECIFIC ROYAL THEMES
════════════════════════════════════════ */

/* SILVERHYTHM THEME */
.mobile-overlay[data-brand="silverythm"] .mobile-panel-header {
  background: #064b61 !important;
  border-bottom-color: #C0C0C0;
}

.mobile-overlay[data-brand="silverythm"] .mobile-brand-btn.active {
  background: #064b61 !important;
  color: #fff !important;
}

.mobile-overlay[data-brand="silverythm"] .mobile-nav-link:hover svg {
  color: #064b61;
}

.mobile-overlay[data-brand="silverythm"] .mobile-nav-link:hover {
  border-left-color: #064b61;
}

/* DEVARAMANE THEME */
.mobile-overlay[data-brand="devaramane"] .mobile-panel-header {
  background: #2A1604 !important;
  border-bottom-color: #B8860B;
}

.mobile-overlay[data-brand="devaramane"] .mobile-brand-btn.active {
  background: #B8860B !important;
  color: #fff !important;
}

.mobile-overlay[data-brand="devaramane"] .mobile-nav-link:hover svg {
  color: #B8860B;
}

.mobile-overlay[data-brand="devaramane"] .mobile-nav-link:hover {
  border-left-color: #B8860B;
}

/* UDUGORE THEME */
.mobile-overlay[data-brand="udugore"] .mobile-panel-header {
  background: #080F28 !important;
  border-bottom-color: #C9A84C;
}

.mobile-overlay[data-brand="udugore"] .mobile-brand-btn.active {
  background: #080F28 !important;
  color: #fff !important;
}

.mobile-overlay[data-brand="udugore"] .mobile-nav-link:hover svg {
  color: #C9A84C;
}

.mobile-overlay[data-brand="udugore"] .mobile-nav-link:hover {
  border-left-color: #C9A84C;
}

/* ═══════════════════════════════════════════════════════
   PREMIUM ROYAL MOBILE MENU (ENHANCED)
   Glassmorphism + Metallic Details + Refined Footer
═══════════════════════════════════════════════════════ */

/* ── Panel (Glassmorphism) ── */
.mobile-panel {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

/* Fix for possible layout overlap */
.mobile-nav-links {
  padding-top: 24px !important;
}