/* ================= NAVBAR BASE ================= */
header {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ================= DESKTOP DROPDOWN (ALL SCREENS) ================= */
nav .group > div {
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Hover support */
nav .group:hover > div,
nav .group:focus-within > div,
nav .group.active > div {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* ================= MOBILE MENU ================= */
#mobile-menu {
  transition: all 0.3s ease;
}

#mobile-menu a {
  transition: background-color 0.3s ease, transform 0.3s ease;
}

#mobile-menu a:hover {
  transform: translateX(6px);
}