/* CSS-only navigation (no Bootstrap JS) */

/* Hidden checkbox for mobile menu toggle */
#nav-toggle {
  display: none;
}

/* Desktop: show dropdowns on hover */
@media (min-width: 768px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

/* Mobile: checkbox-based hamburger toggle */
@media (max-width: 767.98px) {
  /* When checkbox is checked, show the nav */
  #nav-toggle:checked ~ #navbarResponsive {
    display: block !important;
  }

  /* Make the label look/behave like the original button */
  label.navbar-toggler {
    cursor: pointer;
  }

  /* On mobile, show dropdown submenus inline when nav is open */
  #nav-toggle:checked ~ #navbarResponsive .dropdown-menu {
    display: block;
    position: static;
    float: none;
    background-color: transparent;
    border: 0;
    padding: 0;
  }

  #nav-toggle:checked ~ #navbarResponsive .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, 0.75);
    padding-left: 1.5rem;
  }

  #nav-toggle:checked ~ #navbarResponsive .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: transparent;
  }
}