/* Keep the appointment form selector visible on phones and tablets. */
@media (max-width: 900px) {
  /* The global site menu must stay above the sticky form selector. */
  .site-header {
    z-index: 1000 !important;
  }

  .site-header .nav.open {
    z-index: 1001 !important;
  }

  .mp-form-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 8px 22px rgba(31, 70, 84, .12);
    overscroll-behavior: contain;
  }

  .mp-form-nav .mp-forms-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .mp-form-section {
    scroll-margin-top: 245px !important;
  }
}

/* Appointment header: switch to the menu before desktop links can overflow. */
@media (min-width:901px) and (max-width:1220px){
  body.mp-appointment-page .site-header{z-index:1000!important}
  body.mp-appointment-page .menu-toggle{display:block!important;position:relative;z-index:1002}
  body.mp-appointment-page .site-header .nav{
    display:none!important;
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    top:calc(100% + 8px)!important;
    z-index:1001!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    max-height:calc(100dvh - 125px)!important;
    overflow-y:auto!important;
    padding:22px!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 55px rgba(23,34,45,.16)!important;
  }
  body.mp-appointment-page .site-header .nav.open{display:flex!important}
  body.mp-appointment-page .site-header .nav a{width:100%;text-align:left}
  body.mp-appointment-page .site-header .nav .button{text-align:center}
}

@media (max-width: 620px) {
  .mp-form-nav .mp-forms-container {
    gap: 7px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .mp-form-nav a {
    min-height: 40px;
    padding: 8px 7px;
    font-size: 12px;
  }

  .mp-form-nav .mp-nav-back {
    min-height: 42px;
  }

  .mp-form-section {
    scroll-margin-top: 286px !important;
  }
}