/* ===================================
   Resources Mobile Bottom Navigation - Warm Theme
   =================================== */

.mobile-bottom-nav {
  background: var(--resources-bg-warm);
  border-top: 1px solid var(--resources-coral-light);
}

.mobile-bottom-nav__item--active {
  color: var(--resources-coral);
}

.mobile-bottom-nav__item--active::before {
  background: var(--resources-coral);
}

/* Dark mode adjustments */
html.dark-mode .mobile-bottom-nav {
  background: #1a1612;
  border-top: 1px solid var(--resources-coral);
}

html.dark-mode .mobile-bottom-nav__item--active {
  color: var(--resources-coral-light);
}