/* Baseline Hoops NJ - mobile layer. Loaded in every page's real <head>.
   Hooks are data-bh="..." attributes stamped into markup (the DesignCraft runtime
   rewrites inline style text, so never select on [style*=...]). */
/* Do NOT set overflow on html AND body together: body becomes the scroll container,
   window.scrollY stays 0, sticky headers and scroll-to-top break. Each page body
   already carries overflow-x: hidden, which propagates to the viewport on its own. */
img, video, iframe { max-width: 100%; }
* { -webkit-tap-highlight-color: rgba(244, 192, 26, 0.18); }
::selection { background: #f4c01a; color: #0b0b0c; }
input, select, textarea { caret-color: #f4c01a; }
button[disabled] { cursor: progress !important; }

@media (max-width: 640px) {
  h1, h2, h3 { overflow-wrap: anywhere; hyphens: manual; }
  [data-bh="modal"] { padding: 10px 8px 24px !important; }
  [data-bh="consent"] span { font-size: 13px !important; }
}
@media (max-width: 480px) {
  [data-bh="hide-xs"] { display: none !important; }
  [data-bh="header"] img { height: 36px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}