/* Aryeh Law Group — responsive overrides. NOTE: the runtime serializes inline styles
   with a space after the colon ("min-width: 1100px"), so selectors must match that. */
@media (max-width: 1100px) {
  [style*="min-width: 1100px"] { min-width: 0 !important; }
  /* header must be able to wrap between 900–1100px too */
  [style*="position: sticky"][style*="z-index: 50"] { flex-wrap: wrap; row-gap: 6px; justify-content: center; }
  nav { flex-wrap: wrap !important; row-gap: 8px !important; white-space: normal !important; justify-content: center !important; }
  [style*="height: 78px"] { height: 52px !important; }
  [style*="height: 104px"] { height: 64px !important; margin: -6px 0 !important; }
  [style*="height: 230px"] { height: 140px !important; }
}
@media (max-width: 900px) {
  body { padding-bottom: 58px; }
  /* top info bar can wrap */
  [style*="gap: 36px"][style*="justify-content: center"] { flex-wrap: wrap; row-gap: 2px; padding-left: 12px !important; padding-right: 12px !important; }
  /* YOUR CASE dropdown: hover menus don't work on touch — show items inline in the nav */
  [data-menu] { display: contents !important; }
  [data-menu] > a > span { display: none !important; } /* hide the ▾ arrow */
  [data-menu-panel] { display: contents !important; }
  [data-menu-panel] > span { display: contents !important; background: none !important; border: none !important; box-shadow: none !important; }
  [data-menu-panel] a { padding: 8px 0 !important; border-bottom: none !important; background: none !important; }
  /* layout: collapse all multi-column grids */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="justify-content: space-between"] { flex-wrap: wrap; }
  /* section gutters: "Xpx 64px" padding shorthand */
  [style*="px 64px"] { padding-left: 22px !important; padding-right: 22px !important; }
  [style*="left: 64px"] { left: 22px !important; }
  [style*="right: 64px"] { right: 22px !important; }
  /* hero content block */
  [style*="left: 56px"] { left: 22px !important; right: 22px !important; bottom: 64px !important; }
  /* type scale */
  [style*="font-size: 96px"] { font-size: 42px !important; }
  [style*="font-size: 84px"] { font-size: 36px !important; }
  [style*="font-size: 60px"] { font-size: 32px !important; }
  [style*="font-size: 58px"] { font-size: 32px !important; }
  [style*="font-size: 56px"] { font-size: 30px !important; }
  [style*="font-size: 54px"] { font-size: 30px !important; }
  [style*="font-size: 52px"] { font-size: 28px !important; }
  [style*="font-size: 48px"] { font-size: 28px !important; }
  [style*="font-size: 46px"] { font-size: 28px !important; }
  [style*="font-size: 42px"] { font-size: 26px !important; }
  [style*="font-size: 40px"] { font-size: 25px !important; }
  [style*="font-size: 38px"] { font-size: 24px !important; }
  [style*="font-size: 120px"] { font-size: 70px !important; }
  [style*="font-size: 250px"] { font-size: 96px !important; }
  /* header: smaller logo */
  [style*="height: 78px"] { height: 46px !important; }
  [style*="height: 104px"] { height: 54px !important; margin: -4px 0 !important; }
  /* hide the hero courts-open status line (overlaps wrapped nav) */
  [style*="top: 112px"][style*="right: 38px"] { display: none !important; }
  /* center the phone + CTA group when the header wraps */
  [style*="position: sticky"][style*="z-index: 50"] > div { justify-content: center; width: 100%; display: flex; }
  /* hide decorative side rail, lion canvas, scroll cue */
  [style*="right: 30px"][style*="top: 50%"] { display: none !important; }
  canvas[style*="position: absolute"] { display: none !important; }
  [style*="left: 50%"][style*="bottom: 26px"] { display: none !important; }
  /* portrait block */
  [style*="height: 600px"] { height: 420px !important; }
  /* sticky mobile call bar */
  [data-mobile-bar] { display: flex !important; }
  [data-wa-float] { display: none !important; }
  /* keep tap targets ≥44px */
  nav a { padding-top: 8px !important; padding-bottom: 8px !important; }
}
@media (max-width: 640px) {
  [style*="px 64px"] { padding-left: 16px !important; padding-right: 16px !important; }
  [style*="gap: 48px"] { gap: 26px !important; }
  [style*="gap: 44px"] { gap: 24px !important; }
  [style*="gap: 40px"] { gap: 20px !important; }
  [style*="gap: 36px"] { gap: 18px !important; }
  [style*="gap: 36px"][style*="justify-content: center"] { flex-wrap: wrap; row-gap: 2px; }
}