/* Patch 11.1 — phone + tablet polish. Loaded last on every public page. */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%}

@media(max-width:800px){
  /* Avoid iOS Safari zooming form controls and make forms easier to tap. */
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}
  button,.forge-btn,.forge-btn-outline{touch-action:manipulation}
  .site-menu-btn{width:48px;height:48px;margin-right:-4px}
  .site-drawer{top:76px;height:calc(100dvh - 76px);padding-bottom:max(28px,env(safe-area-inset-bottom));overscroll-behavior:contain}
  .site-drawer__main a{min-height:48px;display:flex;align-items:center}
  .site-drawer__secondary a{min-height:44px;display:flex;align-items:center;padding:8px 0}
  .site-footer__links a,.site-footer__social a{min-height:34px;display:flex;align-items:center}
  .forge-updates-strip__form input,.forge-updates-strip__form button{min-height:48px}
  .site-flash-stack{left:14px!important;right:14px!important;top:88px!important;max-width:none!important}
}

@media(max-width:560px){
  /* Buttons should be obvious rather than tiny side-by-side targets. */
  .library-actions,.churches-actions,.gatherings-actions,.gear-hero__actions{align-items:stretch}
  .library-actions>a,.library-actions>button{flex:1 1 100%;width:100%;text-align:center}
  .site-footer__links a{font-size:11px}
}

@media(max-width:430px){
  /* Product cards were too tight in two columns on small phones. */
  .gear-grid{grid-template-columns:1fr!important;gap:14px!important}
  .gear-card__body{padding:16px!important}
  .gear-card__name{font-size:1.08rem!important}
  .gear-card__meta{display:flex!important}
}

/* Better support for full-screen standalone/PWA use on notched devices. */
@supports(padding:max(0px)){
  @media(max-width:800px){
    .site-nav-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  }
}