/* Navigation bar fixes */

/* Explicitly hide elements with md:hidden at the appropriate breakpoint */
@media (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
}

/* Show md:flex elements at proper breakpoint */
@media (min-width: 768px) {
  .md\:flex {
    display: flex !important;
  }
}

/* Ensure mobile menu stays hidden on desktop */
@media (min-width: 768px) {
  header button[aria-label="Menu"] {
    display: none !important;
  }
}