/* Mobile corrective layer — loaded last on every page.
   Fixes only what the per-page media queries don't: iOS focus-zoom,
   tap-target height, and sub-11px text. Layout is untouched. */
html{-webkit-text-size-adjust:100%}

/* Ticket CTAs — mirrored here because mobile.css loads last on every page */
a.tkt-cta{
  display:block !important;
  box-sizing:border-box;
  width:100%;
  text-align:center !important;
  font-family:'Aileron',Helvetica,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  border:none !important;
  padding:17px 12px !important;
  background:#2b2721 !important;
  color:#f7f2e7 !important;
  min-height:52px;
}
a.tkt-cta-gold{background:#e0be7d !important;color:#2b2721 !important}

/* Once the desktop nav collapses, the corner mark holds the left edge */
@media (max-width:1060px){
  .mh-mark{margin-right:auto}
}

@media (max-width:640px){
  body{overflow-x:hidden}

  /* iOS zooms the viewport when a focused field is under 16px */
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  textarea, select{font-size:16px !important}

  /* Buttons: 44px minimum, text stays centered */
  .btn, .btn-g, .btn-o, button, [role="button"], input[type="submit"]{
    min-height:46px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  /* .btn-p is an underlined text link — the tap target comes from top padding
     so the border-bottom stays 9px under the text instead of detaching. */
  .btn-p{
    min-height:auto !important;
    align-items:baseline;
    justify-content:flex-start;
    padding:16px 2px 9px !important;
  }

  /* Text links used as navigation get a real hit area */
  .mh-nav a, .mpanel a, .foot a, .mburg{
    min-height:44px;
    display:inline-flex !important;
    align-items:center;
  }
  .mburg{flex-direction:column;justify-content:center}

  /* Toggles and heading-sized labels keep their display; grow by padding */
  .langbtn, .langlabel, .pt-link, .ws-tab{padding-top:12px;padding-bottom:12px}
  .mpanel label{min-height:44px;display:inline-flex;align-items:center}

  /* Standalone contact / back links */
  a[href^="mailto:"], a[href^="tel:"], a[href$="index.html"], a[href$="studio.html"]{
    display:inline-block;padding:8px 0;
  }

  /* Corner logo mark */
  .mh-mark img{height:40px !important}
  .mh-mark{margin-right:auto}
  .mh-mark-bar{padding-top:20px !important}

  /* The lockup was crowding the iOS status bar / notch */
  header.pad{padding-top:calc(22px + env(safe-area-inset-top)) !important}

  /* Nothing below 11px on a phone */
  [style*="font-size:10px"], [style*="font-size: 10px"]{font-size:12px !important}
}