/* NBA Live Today PH v3.12.87 — unified Bootstrap-first shell */
:root{
  --site-max-width:1600px;
  --site-gutter-x:clamp(1rem,2.25vw,2.5rem);
  --site-section-y:clamp(2.5rem,5vw,5rem);
  --site-radius:1rem;
}
html{color-scheme:dark;overflow-x:clip}
html[data-bs-theme="light"]{color-scheme:light}
body{margin:0;min-width:320px;overflow-x:clip}

/* One global width system for header, body and footer. */
.container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl,
.site-container,.page-container,.content-container,.shell-container,
header>.container,nav>.container,main>.container,footer>.container{
  width:100%!important;
  max-width:var(--site-max-width)!important;
  margin-inline:auto!important;
  padding-inline:var(--site-gutter-x)!important;
}
main,header,footer,.site-main,.page-main{width:100%;max-width:none}
main>section:not(.container):not(.container-fluid)>[class*="container"],
main>section:not(.container):not(.container-fluid)>.row,
main>section:not(.container):not(.container-fluid)>.content-wrap{
  max-width:var(--site-max-width);
  margin-inline:auto;
}
.section-space,.page-section{padding-block:var(--site-section-y)}

/* Full-width sections retain their backgrounds while their inner content aligns. */
.container-fluid{width:100%;padding-inline:var(--site-gutter-x)}
@media (min-width:1648px){.container-fluid{padding-inline:max(var(--site-gutter-x),calc((100vw - var(--site-max-width))/2 + var(--site-gutter-x)))}}

/* Unified navbar shell and visible toggler in both themes. */
.navbar{--bs-navbar-padding-y:.8rem}
.navbar>.container,.navbar>.container-fluid{min-height:64px}
.navbar-brand{display:flex;align-items:center;max-width:min(250px,64vw)}
.navbar-brand img{max-width:100%;height:auto;object-fit:contain}
.navbar-toggler{
  width:48px;height:44px;display:grid;place-items:center;padding:.55rem;
  border:1px solid rgba(255,255,255,.34)!important;border-radius:.75rem;
  color:#fff!important;background:rgba(255,255,255,.08)!important;
  box-shadow:none!important
}
.navbar-toggler-icon{
  width:1.55rem;height:1.55rem;opacity:1!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important
}
.navbar-toggler:focus-visible{outline:3px solid rgba(13,110,253,.45);outline-offset:2px}
[data-bs-theme="light"] .navbar.bg-dark{background:#fff!important;border-color:rgba(15,23,42,.14)!important}
[data-bs-theme="light"] .navbar.bg-dark .navbar-brand,[data-bs-theme="light"] .navbar.bg-dark .nav-link{color:#111827}
[data-bs-theme="light"] .navbar-toggler{
  color:#111827!important;background:#f8fafc!important;border-color:#94a3b8!important
}
[data-bs-theme="light"] .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(15,23,42,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important
}
.btn-theme-toggle{min-width:44px;min-height:44px;display:inline-grid;place-items:center}

/* Prevent media and cards from escaping the global body shell. */
img,video,iframe,svg{max-width:100%}
iframe{border:0}
.row{--bs-gutter-x:clamp(1rem,2vw,1.75rem)}
.card{overflow:hidden}
footer{margin-top:auto}

/* Responsive gutters based on current Bootstrap breakpoints. */
@media (max-width:991.98px){
  :root{--site-gutter-x:clamp(1rem,3.5vw,1.75rem);--site-section-y:clamp(2rem,6vw,3.5rem)}
  .navbar-collapse{padding-block:1rem}
  .navbar-nav{gap:.25rem}
  .navbar-nav .nav-link{padding:.75rem .25rem}
  .bybet-nav-cta{width:100%;margin:.5rem 0!important}
}
@media (max-width:575.98px){
  :root{--site-gutter-x:1rem;--site-section-y:2.25rem}
  .navbar>.container,.navbar>.container-fluid{min-height:58px}
  .navbar-brand{max-width:68vw}
  .navbar-toggler{width:44px;height:42px}
}