/* Dropdown indicator styling */
.nav-item.dropdown > a.nav-link .dropdown-indicator {
  font-size: 0.7em;
  vertical-align: middle;
  opacity: 0.6;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Rotate and highlight when open */
.nav-item.show > a.nav-link .dropdown-indicator {
  transform: rotate(180deg);
  opacity: 1;
}

/* Smooth hover appearance */
.nav-item.dropdown:hover > a.nav-link .dropdown-indicator {
  opacity: 1;
}

/* Optional: Keep dropdown open on hover for desktop */
@media (hover: hover) and (pointer: fine) {
  .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}