/*
 * Styles for the parts of the ShiftNav panel we now drive ourselves.
 */

/* The submenu accordion is ours too: ShiftNav's own toggle markup is inserted
   by its script, which we do not load. */
.shiftnav .shiftnav-submenu-activation {
  position: absolute;
  top: 0;
  right: 0;
  width: 3em;
  height: 3em;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
}

.shiftnav ul.shiftnav-menu li.menu-item {
  position: relative;
}

/*
 * ShiftNav's toggle bar is `position: fixed`, so its script pushed the page
 * down by the bar's height. That height is constant (54px) at every width
 * where the bar is shown, so the offset is expressed here rather than measured
 * at runtime — a JS-applied padding would shift the layout after hydration.
 *
 * Scoped to pages that actually render the bar: the blank-template pages
 * (booking, onboarding) have no mobile nav and no offset.
 */
@media only screen and (max-width: 1299px) {
  body:has(#shiftnav-toggle-main) {
    padding-top: 54px;
  }
}