/* Public mobile menu — companion to public-mobile-menu.js */

@media (max-width: 767px) {
  header .flex.h-16.items-center.justify-between {
    height: auto;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    row-gap: 0.75rem;
  }

  header .mobile-menu-panel-open {
    order: 10;
    width: 100%;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #e5e7eb;
  }
}