/* No More unified bottom tab bar. Theme-aware via CSS vars. */
.mobile-tab-bar {
  --nm-tab-bg:       rgba(248, 247, 244, 0.88);
  --nm-tab-text:     rgba(95, 48, 13, 0.55);
  --nm-tab-active:   #BC5631;
  --nm-tab-border:   rgba(95, 48, 13, 0.12);

  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 150;
  background: var(--nm-tab-bg);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-top: 1px solid var(--nm-tab-border);
  padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px));
}
body[data-mode="dark"] .mobile-tab-bar,
html.dark .mobile-tab-bar {
  --nm-tab-bg:     rgba(24, 22, 20, 0.88);
  --nm-tab-text:   rgba(230, 221, 208, 0.55);
  --nm-tab-active: #D6BB88;
  --nm-tab-border: rgba(230, 221, 208, 0.10);
}
.mobile-tab-bar-inner {
  display: flex; align-items: center; gap: 2px;
  overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none; -ms-overflow-style: none;
  padding: 0 8px;
}
.mobile-tab-bar-inner::-webkit-scrollbar { display: none; }
.mobile-tab {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 6px 14px;
  text-decoration: none;
  color: var(--nm-tab-text);
  transition: color 0.15s;
  -webkit-tap-highlight-color: transparent;
  background: none;
  font-family: 'Raleway', sans-serif;
  flex: 0 0 auto; min-width: 64px;
  scroll-snap-align: center;
  position: relative;
}
.mobile-tab svg { width: 22px; height: 22px; stroke-width: 1.3; }
.mobile-tab span { font-size: 9px; font-weight: 600; letter-spacing: 0.03rem; text-transform: uppercase; }
.mobile-tab.active { color: var(--nm-tab-active); }

@media (max-width: 900px) {
  .mobile-tab-bar { display: block; }
  main, .content { padding-bottom: 80px !important; }
  /* Bottom menu replaces hamburger. Hide hamburger UI when it exists. */
  .mobile-menu-btn, .mobile-toggle, .sidebar-overlay { display: none !important; }
}