/**
 * Accento colore sezione pagina ↔ menu laterale.
 * Visibile ma non invasivo: wash + tinta hero / kicker.
 */
body.pub-shell-layout.nav-sec-home {
  --sec-accent: #38bdf8;
}
body.pub-shell-layout.nav-sec-club {
  --sec-accent: #22d3ee;
}
body.pub-shell-layout.nav-sec-comp {
  --sec-accent: #fbbf24;
}
body.pub-shell-layout.nav-sec-market {
  --sec-accent: #34d399;
}
body.pub-shell-layout.nav-sec-data {
  --sec-accent: #a78bfa;
}
body.pub-shell-layout.nav-sec-community {
  --sec-accent: #fb7185;
}
body.pub-shell-layout.nav-sec-support {
  --sec-accent: #94a3b8;
}

/* Wash in cima all’area contenuto */
body.pub-shell-layout[class*="nav-sec-"] .pub-shell__main {
  background-image: linear-gradient(
    180deg,
    color-mix(in srgb, var(--sec-accent, #38bdf8) 16%, transparent) 0%,
    color-mix(in srgb, var(--sec-accent, #38bdf8) 5%, transparent) 5rem,
    transparent 14rem
  );
  background-repeat: no-repeat;
  background-size: 100% 16rem;
}

/* Barretta colore sotto la topbar (segnale chiaro di sezione) */
body.pub-shell-layout[class*="nav-sec-"] .site-header:not(.site-header--admin-slim)::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--sec-accent) 85%, transparent) 0%,
    color-mix(in srgb, var(--sec-accent) 25%, transparent) 42%,
    transparent 78%
  );
  pointer-events: none;
}

/* Hero / intestazioni note */
body.pub-shell-layout[class*="nav-sec-"] .vm-hero,
body.pub-shell-layout[class*="nav-sec-"] .xg-wire__hero,
body.pub-shell-layout[class*="nav-sec-"] .pub-dash-hero,
body.pub-shell-layout[class*="nav-sec-"] .comp-list-hero {
  border-color: color-mix(in srgb, var(--sec-accent) 48%, rgba(148, 163, 184, 0.16)) !important;
  box-shadow:
    0 16px 42px rgba(2, 8, 24, 0.34),
    0 0 48px color-mix(in srgb, var(--sec-accent) 18%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
body.pub-shell-layout[class*="nav-sec-"] .mp-market-page-head,
body.pub-shell-layout[class*="nav-sec-"] .mp-cercasi-hero,
body.pub-shell-layout[class*="nav-sec-"] .pl-form__head,
body.pub-shell-layout[class*="nav-sec-"] .pl-db-banner,
body.pub-shell-layout[class*="nav-sec-"] .scout-centre__head--hero,
body.pub-shell-layout[class*="nav-sec-"] .updates-head,
body.pub-shell-layout[class*="nav-sec-"] .mlc-brand,
body.pub-shell-layout[class*="nav-sec-"] .season-hub__hero,
body.pub-shell-layout[class*="nav-sec-"] .msh-hero,
body.pub-shell-layout[class*="nav-sec-"] .mv-head,
body.pub-shell-layout[class*="nav-sec-"] .teams-hero,
body.pub-shell-layout[class*="nav-sec-"] .abs-hero {
  border-color: color-mix(in srgb, var(--sec-accent) 38%, rgba(148, 163, 184, 0.16)) !important;
  box-shadow:
    0 12px 36px rgba(2, 8, 24, 0.3),
    0 0 42px color-mix(in srgb, var(--sec-accent) 14%, transparent);
}

body.pub-shell-layout[class*="nav-sec-"] .vm-hero,
body.pub-shell-layout[class*="nav-sec-"] .teams-hero {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--sec-accent) 22%, transparent) 0%, transparent 46%),
    linear-gradient(225deg, color-mix(in srgb, var(--sec-accent) 12%, transparent) 0%, transparent 50%),
    linear-gradient(180deg, #0b1224 0%, #07101f 100%) !important;
}

body.pub-shell-layout[class*="nav-sec-"] .teams-hero__glow,
body.pub-shell-layout[class*="nav-sec-"] .abs-hero__glow,
body.pub-shell-layout[class*="nav-sec-"] .vm-hero__glow,
body.pub-shell-layout[class*="nav-sec-"] .msh-hero__glow {
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--sec-accent) 28%, transparent) 0%,
    transparent 68%
  ) !important;
}

body.pub-shell-layout[class*="nav-sec-"] .vm-hero__mark,
body.pub-shell-layout[class*="nav-sec-"] .xg-wire__mark,
body.pub-shell-layout[class*="nav-sec-"] .pub-dash-hero__icon,
body.pub-shell-layout[class*="nav-sec-"] .mp-cercasi-hero__icon {
  color: color-mix(in srgb, var(--sec-accent) 90%, #fff);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--sec-accent) 38%, transparent),
    color-mix(in srgb, var(--sec-accent) 14%, transparent)
  );
  box-shadow: 0 0 22px color-mix(in srgb, var(--sec-accent) 28%, transparent);
}

body.pub-shell-layout[class*="nav-sec-"] .vm-hero__eyebrow,
body.pub-shell-layout[class*="nav-sec-"] .xg-wire__eyebrow,
body.pub-shell-layout[class*="nav-sec-"] .mp-cercasi-hero__eyebrow,
body.pub-shell-layout[class*="nav-sec-"] .mlc-brand__kicker,
body.pub-shell-layout[class*="nav-sec-"] .teams-hero__eyebrow,
body.pub-shell-layout[class*="nav-sec-"] .abs-kicker,
body.pub-shell-layout[class*="nav-sec-"] .msh-hero__eyebrow {
  color: color-mix(in srgb, var(--sec-accent) 82%, #e2e8f0) !important;
}

/* Hub stagione manager: accento Club */
body.pub-shell-layout.nav-sec-club .season-hub--manager {
  --sh-cyan: var(--sec-accent, #22d3ee);
  --sh-blue: var(--sec-accent, #22d3ee);
}

/* News list: page-head senza card — banda soft */
body.pub-shell-layout.nav-sec-community .page-head {
  position: relative;
  margin-bottom: 0.35rem;
  padding: 0.85rem 0 0.55rem;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--sec-accent) 14%, transparent) 0%,
    transparent 55%
  );
  border: none !important;
  box-shadow: none !important;
  border-radius: 0;
}
body.pub-shell-layout.nav-sec-community .page-head h1 {
  text-shadow: 0 0 28px color-mix(in srgb, var(--sec-accent) 28%, transparent);
}
body.pub-shell-layout.nav-sec-community .page-head .breadcrumbs,
body.pub-shell-layout.nav-sec-community .page-head .muted {
  color: color-mix(in srgb, var(--sec-accent) 45%, #94a3b8);
}
body.pub-shell-layout.nav-sec-community .news-filter a.active {
  background: color-mix(in srgb, var(--sec-accent) 88%, #0b1220);
  color: #1c0508;
}

/* Assenze: shell eredita cyan sezione club */
body.pub-shell-layout.nav-sec-club .abs-shell {
  --abs-cyan: var(--sec-accent);
  border-color: color-mix(in srgb, var(--sec-accent) 32%, transparent);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 18px 48px rgba(0, 0, 0, 0.35),
    0 0 44px color-mix(in srgb, var(--sec-accent) 12%, transparent);
}

/* Wire community */
body.pub-shell-layout.nav-sec-community .xg-wire {
  --wire-cyan: var(--sec-accent);
}
body.pub-shell-layout.nav-sec-community .xg-wire__hero {
  border-color: color-mix(in srgb, var(--sec-accent) 36%, transparent);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--sec-accent) 18%, transparent), rgba(8, 12, 24, 0.94) 48%, rgba(2, 6, 23, 0.98)),
    repeating-linear-gradient(-55deg, transparent, transparent 10px, color-mix(in srgb, var(--sec-accent) 5%, transparent) 10px, color-mix(in srgb, var(--sec-accent) 5%, transparent) 11px);
}
body.pub-shell-layout.nav-sec-community .xg-wire__mark {
  color: #4c0519;
  background: linear-gradient(160deg, #fda4af, #fb7185 40%, #e11d48);
  box-shadow: 0 0 22px color-mix(in srgb, var(--sec-accent) 38%, transparent);
}

/* Rosa manager: zebra leggero azzurro Club (su td: le tr hanno background transparent !important) */
body.pub-shell-layout.nav-sec-club .manager .table tbody tr:nth-child(even):not(.is-lost):not(.mgr-roster-empty) > td {
  background: color-mix(in srgb, var(--sec-accent, #22d3ee) 7%, transparent);
}
body.pub-shell-layout.nav-sec-club .manager .table tbody tr:not(.is-lost):not(.mgr-roster-empty):hover > td {
  background: color-mix(in srgb, var(--sec-accent, #22d3ee) 12%, transparent);
}
body.pub-shell-layout.nav-sec-club .manager .table tbody tr.is-on-market:not(.is-lost) > td {
  background: color-mix(in srgb, var(--sec-accent, #22d3ee) 11%, transparent);
}
body.pub-shell-layout.nav-sec-club .manager .table tbody tr.is-on-market:not(.is-lost):hover > td {
  background: color-mix(in srgb, var(--sec-accent, #22d3ee) 16%, transparent);
}

/* Scout Centre: hero + zebra allineati a Club */
body.pub-shell-layout.nav-sec-club .scout-centre__head--hero,
body.pub-shell-layout.nav-sec-club .scout-centre {
  --scout-accent: var(--sec-accent, #22d3ee);
}