/* Vol Hoops t591 — 5px ticker bottom breathing room; preserves t590 behavior.
   The ticker remains a real second row inside the fixed mobile header. The site
   already clears the normal compact header, so JS adds only the ticker row's
   measured height to #vhb-app. Header overflow stays visible so the existing
   hamburger menu can render; the ticker viewport clips its own rolling text. */
.vhb-mobile-live-ticker-shell{display:none}
@media(max-width:680px), (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body #vhb-app .vhb-site-header,
  html body .vhb-site-header,
  body.vhb-compact-header-hoisted .vhb-site-header,
  body.vhb-compact-header-hoisted > .vhb-site-header,
  html body .vhb-site-header.vhb-compact-header-hoisted-node{
    --vhb-mobile-header-base:56px;
    --vhb-mobile-ticker-row:43px;
  }
  html.vhb-mobile-live-ticker-active body #vhb-app .vhb-site-header,
  html.vhb-mobile-live-ticker-active body .vhb-site-header,
  body.vhb-mobile-live-ticker-active #vhb-app .vhb-site-header,
  body.vhb-mobile-live-ticker-active .vhb-site-header,
  body.vhb-mobile-live-ticker-active.vhb-compact-header-hoisted > .vhb-site-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:var(--vhb-mobile-header-base) var(--vhb-mobile-ticker-row)!important;
    align-items:stretch!important;
    align-content:start!important;
    height:calc(var(--vhb-mobile-header-base) + var(--vhb-mobile-ticker-row))!important;
    min-height:calc(var(--vhb-mobile-header-base) + var(--vhb-mobile-ticker-row))!important;
    max-height:calc(var(--vhb-mobile-header-base) + var(--vhb-mobile-ticker-row))!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html.vhb-mobile-live-ticker-active body .vhb-site-header > .vhb-mobile-compact-header,
  body.vhb-mobile-live-ticker-active .vhb-site-header > .vhb-mobile-compact-header{
    grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;
    width:100%!important;height:var(--vhb-mobile-header-base)!important;min-height:var(--vhb-mobile-header-base)!important;
    max-height:var(--vhb-mobile-header-base)!important;margin:0!important;transform:none!important;z-index:1!important;
  }
  html.vhb-mobile-live-ticker-active body .vhb-site-header > .vhb-mobile-live-ticker-shell:not([hidden]),
  body.vhb-mobile-live-ticker-active .vhb-site-header > .vhb-mobile-live-ticker-shell:not([hidden]){
    display:block!important;grid-column:1!important;grid-row:2!important;position:relative!important;inset:auto!important;
    width:100%!important;height:var(--vhb-mobile-ticker-row)!important;min-height:var(--vhb-mobile-ticker-row)!important;
    max-height:var(--vhb-mobile-ticker-row)!important;margin:0!important;padding:0!important;overflow:hidden!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:1!important;
    contain:layout paint;isolation:isolate;
  }
  /* The menu is a sibling child of the ticker inside the header. It must be
     allowed to escape the header box and begin below the full live header. */
  html.vhb-mobile-live-ticker-active body .vhb-compact-menu:not([hidden]),
  body.vhb-mobile-live-ticker-active .vhb-compact-menu:not([hidden]){
    display:block!important;
    position:fixed!important;
    top:var(--vhb-mobile-live-header-bottom,102px)!important;
    left:10px!important;right:10px!important;
    z-index:2147483002!important;
    pointer-events:auto!important;
  }
  html.vhb-mobile-live-ticker-active body .vhb-compact-menu[hidden],
  body.vhb-mobile-live-ticker-active .vhb-compact-menu[hidden]{display:none!important;}

  .vhb-mobile-live-ticker-viewport{position:relative;width:100%;height:43px;overflow:hidden;white-space:nowrap;background:transparent!important}
  .vhb-mobile-live-ticker-pass{position:absolute;left:0;top:0;height:38px;display:inline-flex;align-items:center;gap:8px;width:max-content;padding:0 10px;color:#dce1e7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;font-weight:800;line-height:1;will-change:transform}
  .vhb-mobile-live-ticker-pass i{font-style:normal;color:#555e68;font-weight:900}.vhb-mlt-status{color:#ff6f3c;font-weight:950;letter-spacing:.035em}.vhb-mlt-away-score,.vhb-mlt-home-score{color:rgba(255,130,0,.90);font-size:14px;font-weight:950}.vhb-mlt-clock{font-variant-numeric:tabular-nums}.vhb-mlt-pos-wrap,.vhb-mlt-latest-wrap{display:inline-flex;align-items:center;gap:8px}.vhb-mlt-pos-wrap[hidden],.vhb-mlt-latest-wrap[hidden],.vhb-mlt-logo-wrap[hidden]{display:none!important}.vhb-mlt-latest-label{color:#aeb5bf;font-weight:900}.vhb-mlt-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.vhb-mlt-logo{display:block;max-width:18px;max-height:18px;width:auto;height:auto;object-fit:contain}.vhb-mobile-live-ticker-shell[data-phase="waiting"] .vhb-mlt-status{color:rgba(255,130,0,.90)}.vhb-mobile-live-ticker-shell[data-phase="final"] .vhb-mlt-status{color:#dce1e7}
}


/* T589: the mobile Home CtT/live-scoreboard mount exists in the DOM at all phone
   orientations. Legacy width-only rules hid it once an iPhone rotated wider than
   680 CSS px. Keep that same mobile mount visible in short touch landscape so a
   live scoreboard never falls into the portrait/tablet responsive dead zone. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body.home #vhb-app .vhb-home-mode > .vhb-mobile-home-countdown,
  html body.home #vhb-app .vhb-mobile-home-countdown,
  html body.home .vhb-home-mode > .vhb-mobile-home-countdown,
  html body.home .vhb-mobile-home-countdown{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 12px 12px!important;
    background:#000!important;
  }
  html body.home #vhb-app .vhb-mobile-home-countdown .vhb-countdown-widget,
  html body.home .vhb-mobile-home-countdown .vhb-countdown-widget{
    display:block!important;
    visibility:visible!important;
    width:min(100%,760px)!important;
    max-width:760px!important;
    margin:0 auto!important;
  }
}

/* t592 — landscape-only extra 5px ticker breathing room.
   Portrait remains the approved t591 43px row (38px crawl + 5px below).
   Short touch landscape uses a 48px row/viewport, leaving 10px total below
   the unchanged 38px rolling pass. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:560px) and (max-width:1100px){
  html body #vhb-app .vhb-site-header,
  html body .vhb-site-header,
  body.vhb-compact-header-hoisted .vhb-site-header,
  body.vhb-compact-header-hoisted > .vhb-site-header,
  html body .vhb-site-header.vhb-compact-header-hoisted-node{
    --vhb-mobile-ticker-row:48px;
  }
  .vhb-mobile-live-ticker-viewport{height:48px;}
}