/* ============================================
   NAVBAR – navbar.css
   ============================================ */

#navbar {
  background-color: rgba(249, 249, 249, 0.8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all 0.3s ease;
}

#navbar .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#navbar.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

#mobile-menu {
  transition: transform 0.3s ease-in-out;
}

#mobile-menu.-translate-x-full {
  transform: translateX(-100%);
}

#mobile-menu:not(.-translate-x-full) {
  transform: translateX(0);
}