/* S14 club page themes + subtle watermark backgrounds */
.club-theme-shell {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 1.5rem;
  padding: 1.25rem;
  background:
    radial-gradient(circle at top right, rgba(var(--club-primary-rgb), 0.22), transparent 32%),
    radial-gradient(circle at bottom left, rgba(var(--club-accent-rgb), 0.18), transparent 28%),
    linear-gradient(135deg, rgba(2,6,23,0.96), rgba(15,23,42,0.98));
  border: 1px solid rgba(var(--club-secondary-rgb), 0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 20px 50px rgba(0,0,0,0.25);
}
.club-theme-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--club-watermark);
  background-repeat: no-repeat;
  background-position: right 24px top 24px;
  background-size: min(340px, 34%);
  opacity: 0.08;
  filter: saturate(1.05);
  pointer-events: none;
  z-index: 0;
}
.club-theme-shell > * { position: relative; z-index: 1; }
.club-theme-card {
  background: linear-gradient(145deg, rgba(15,23,42,0.82), rgba(2,6,23,0.88));
  border: 1px solid rgba(var(--club-secondary-rgb), 0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.club-theme-card-soft {
  background: linear-gradient(145deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02));
  border: 1px solid rgba(var(--club-secondary-rgb), 0.1);
}
.club-theme-accent {
  color: #f8fafc;
  text-shadow: 0 0 18px rgba(var(--club-primary-rgb),0.25);
}
.club-theme-pill {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .8rem;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(var(--club-primary-rgb), 0.22), rgba(var(--club-accent-rgb), 0.16));
  border: 1px solid rgba(var(--club-secondary-rgb), 0.16);
  color: rgba(255,255,255,0.88);
  font-size: .85rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.club-stat-box {
  border-radius: 1rem;
  padding: .9rem .6rem;
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
  border: 1px solid rgba(var(--club-secondary-rgb), 0.08);
}
.club-table-head {
  background: linear-gradient(90deg, rgba(var(--club-primary-rgb), 0.48), rgba(var(--club-accent-rgb), 0.32)), #101827;
  color: #fff;
}
.club-mini-card {
  background: linear-gradient(135deg, rgba(var(--club-primary-rgb), 0.16), rgba(15,23,42,0.72));
  border: 1px solid rgba(var(--club-secondary-rgb), 0.1);
}

/* Historical club support: stronger yet subtle, readable background branding. */
.club-theme-shell { background:
  radial-gradient(ellipse at 86% 4%,rgba(var(--club-primary-rgb),.34),transparent 46%),
  radial-gradient(ellipse at 12% 94%,rgba(var(--club-accent-rgb),.17),transparent 48%),
  linear-gradient(135deg,#08101d,#0d1b2c)!important;
  border-left:3px solid var(--club-primary,#33a3aa);
}
.club-theme-shell::before{
  background-position:right 22px top 24px;
  background-size:clamp(160px,28%,400px);
  opacity:.12!important;
}
.club-theme-shell .club-theme-card{
  border-color:rgba(var(--club-primary-rgb),.23);
  background:linear-gradient(125deg,rgba(var(--club-primary-rgb),.13),rgba(6,13,27,.88));
}
.club-theme-shell .club-theme-pill{color:#f8fafc}
.club-theme-shell .club-theme-accent{color:var(--club-secondary,#f8fafc)}
@media(max-width:700px){.club-theme-shell{padding:.65rem}.club-theme-shell::before{background-position:right top;opacity:.095!important}}

#clubProfile .club-theme-shell .bg-gray-950 {background:rgba(4,11,24,.9)!important;color:#f8fafc!important}
#clubProfile .club-theme-shell .bg-gray-900 {background:rgba(8,17,32,.88)!important;color:#f8fafc!important}
#clubProfile .club-theme-shell .text-gray-400{color:#ced8e6!important}

/* S13 + future clubs: a visible yet restrained tint and an accessible logo watermark. */
#clubPageContainer .club-theme-shell,
#clubProfile .club-theme-shell {
  background:
    radial-gradient(ellipse at 85% 10%, rgba(var(--club-primary-rgb), .45), transparent 54%),
    radial-gradient(ellipse at 3% 100%, rgba(var(--club-accent-rgb), .22), transparent 60%),
    linear-gradient(140deg,#081221,#122033) !important;
  border-top: 2px solid var(--club-primary, #23b0b7);
}
#clubPageContainer .club-theme-shell::before,
#clubProfile .club-theme-shell::before {
  opacity: .16 !important;
  background-position: right 3% top 8%;
  background-size: clamp(180px, 31%, 440px);
}
#clubPageContainer .club-theme-card,
#clubProfile .club-theme-card { border-color: rgba(var(--club-primary-rgb), .30); }
@media(max-width: 700px) {
  #clubPageContainer .club-theme-shell::before,
  #clubProfile .club-theme-shell::before { opacity: .10 !important; }
}