/* =========================================================
   VOXCOURT CONTENT POLISH V14
   IMPORTANT: DOES NOT STYLE OR MODIFY THE GLOBAL HEADER.
   Scope: content below the shared header only.
========================================================= */

:root{
  --vc-page-max:1440px;
  --vc-page-gutter:24px;
  --vc-page-gap:24px;
  --vc-content-ink:#10233a;
  --vc-content-muted:#667d89;
  --vc-content-line:#d7e5e9;
  --vc-content-cyan:#18c6cb;
  --vc-content-dark:#061821;
  --vc-content-dark-2:#0b2a36;
  --vc-content-white:#fff;
}

@media(max-width:768px){
  :root{
    --vc-page-gutter:12px;
    --vc-page-gap:16px;
  }
}

/* ---------- FIND COURT ---------- */
.court-page{
  width:min(var(--vc-page-max),calc(100% - (var(--vc-page-gutter) * 2)))!important;
  max-width:var(--vc-page-max)!important;
  margin-inline:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-top:var(--vc-page-gap)!important;
}
.court-page>main,
.court-page>.premium-footer{
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
}
.court-selector-card{
  background:linear-gradient(180deg,#0b2b38,#092430)!important;
  border-color:rgba(135,224,230,.35)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.24)!important;
}
.court-selector-top h2,
.court-selector-card h2{
  color:#f3fbfc!important;
  opacity:1!important;
}
.court-selector-top p,
.court-selector-card p{
  color:#b7cbd2!important;
  opacity:1!important;
}
.court-selector-card label,
.court-selector-card label span,
.court-selector-card .field-label,
.court-selector-card .section-label{
  color:#dceff2!important;
  opacity:1!important;
}
.court-selector-card .badge{
  color:#4de0dc!important;
  opacity:1!important;
}
.court-selector-card .court-status{
  color:#55e1df!important;
  background:rgba(27,200,206,.12)!important;
}

/* ---------- MATCH ARCHIVE ---------- */
body[data-page="archive"] .site-shell{
  width:min(var(--vc-page-max),calc(100% - (var(--vc-page-gutter) * 2)))!important;
  max-width:var(--vc-page-max)!important;
  margin-inline:auto!important;
}
body[data-page="archive"] .archive-hero,
body[data-page="archive"] .archive-panel,
body[data-page="archive"] .footer{
  width:100%!important;
  max-width:none!important;
}
body[data-page="archive"] .matches-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
body[data-page="archive"] .match-card{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:900px){
  body[data-page="archive"] .matches-grid{
    grid-template-columns:1fr!important;
  }
}

/* ---------- MEMBERS ---------- */
body:has(.shell) .shell{
  width:min(var(--vc-page-max),calc(100% - (var(--vc-page-gutter) * 2)))!important;
  max-width:var(--vc-page-max)!important;
  margin-inline:auto!important;
  padding-top:var(--vc-page-gap)!important;
  padding-bottom:44px!important;
}
body:has(.shell) .hero{
  padding:34px 6px 24px!important;
}
body:has(.shell) .hero h1{
  max-width:900px!important;
}
body:has(.shell) .hero h1 span{
  color:#a9bdc7!important;
  opacity:1!important;
}
body:has(.shell) .hero p{
  color:#bfd0d6!important;
  max-width:820px!important;
}
body:has(.shell) .card{
  width:100%!important;
  max-width:none!important;
  margin-top:12px!important;
}
body:has(.shell) .card h2,
body:has(.shell) .card h3,
body:has(.shell) .card .card-head h2,
body:has(.shell) .card .card-head h3{
  color:#10233a!important;
  opacity:1!important;
}
body:has(.shell) .card p,
body:has(.shell) .card .card-head p{
  color:#6b8190!important;
  opacity:1!important;
}
body:has(.shell) .one-col{
  max-width:720px!important;
}
body:has(.shell) footer{
  width:100%!important;
  margin-top:18px!important;
  color:#9fb3bd!important;
}
@media(max-width:768px){
  body:has(.shell) .hero{
    padding:24px 4px 18px!important;
  }
}

/* ---------- BOOKINGS ---------- */
.login-view,
.auth-view,
.workspace{
  width:min(1360px,calc(100% - (var(--vc-page-gutter) * 2)))!important;
  max-width:1360px!important;
  margin-inline:auto!important;
}
.login-view{
  padding-top:26px!important;
  padding-bottom:56px!important;
}
.login-view .hero{
  margin:18px auto 26px!important;
}
.role-grid{
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  gap:22px!important;
}
.role-card{
  min-height:0!important;
  padding:30px!important;
}
.trial-warning{
  position:static!important;
  display:block!important;
  clear:both!important;
  margin:22px auto 0!important;
  max-width:760px!important;
  z-index:auto!important;
}
.workspace{
  padding-top:var(--vc-page-gap)!important;
}
@media(max-width:900px){
  .role-grid{
    grid-template-columns:1fr!important;
    width:min(680px,100%)!important;
  }
}

/* ---------- PLAYERS ----------
   Conservative polish only: keep player internals untouched.
   The page's primary content follows the same visual shell.
*/
body[data-vc-page="players"] main,
body[data-vc-page="players"] .page-shell,
body[data-vc-page="players"] .players-shell,
body[data-vc-page="players"] .content-shell{
  width:min(var(--vc-page-max),calc(100% - (var(--vc-page-gutter) * 2)))!important;
  max-width:var(--vc-page-max)!important;
  margin-inline:auto!important;
}
body[data-vc-page="players"] .trial-open-mode,
body[data-vc-page="players"] .trial-banner,
body[data-vc-page="players"] .trial-strip{
  width:min(var(--vc-page-max),calc(100% - (var(--vc-page-gutter) * 2)))!important;
  max-width:var(--vc-page-max)!important;
  margin-inline:auto!important;
  border-radius:12px!important;
}