/* ============ BOTTOM NAVIGATION ============ */
.bottom-nav {
  height: calc(64px + var(--safe-bottom));
  padding-bottom: var(--safe-bottom);
  background: var(--warm-white);
  border-top: 1px solid rgba(168,154,142,0.1);
  display: flex; align-items: flex-start;
  justify-content: space-around;
  padding-top: 8px; padding-left: 6px; padding-right: 6px;
  flex-shrink: 0; position: relative; z-index: 20;
}

.nav-item {
  display: flex; flex-direction: column;
  align-items: center; gap: 3px;
  cursor: pointer; opacity: 0.35;
  transition: opacity 0.2s;
  width: 52px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.nav-item.active { opacity: 1; }
.nav-item:active { opacity: 0.6; }

.nav-icon {
  height: 22px;
  display: flex; align-items: center; justify-content: center;
}
.nav-icon svg {
  width: 19px; height: 19px;
  fill: none; stroke: var(--ink-light);
  stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;
}

.nav-label {
  font-size: 8.5px; letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: 'EB Garamond', serif;
  color: var(--ink-light);
}

/* Center chat button */
.nav-center {
  position: relative; top: -18px;
  display: flex; flex-direction: column;
  align-items: center; gap: 5px;
  opacity: 1 !important;
}
.nav-chat-btn {
  width: 50px; height: 50px;
  background: var(--ink); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 18px rgba(58,51,48,0.3);
  cursor: pointer;
}
.dark-mode .nav-chat-btn { background: var(--accent); }
.nav-chat-btn svg {
  width: 20px; height: 20px;
  fill: none; stroke: var(--warm-white); stroke-width: 1.5;
}

/* Home indicator */
.home-indicator {
  position: fixed; bottom: 6px; left: 50%;
  transform: translateX(-50%);
  width: 120px; height: 4px;
  background: var(--ink); border-radius: 2px;
  opacity: 0.12; z-index: 30;
  pointer-events: none;
}