/* ======================================================================
   v5.16 — TEAM SELECT polish
   - Voice/type unification (Oswald display, Inter body)
   - Kill amber/teal/orange stray accents from style.css
   - Add a quiet "Tune tactics" opt-in link under the KICK OFF button
   ====================================================================== */

/* Header type overrides */
.team-select .ts-badge {
  background: rgba(30, 219, 138, 0.08) !important;
  border-color: rgba(30, 219, 138, 0.28) !important;
  color: var(--vfl-brand, #1edb8a) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;
  padding: 6px 12px !important;
}

.team-select .ts-title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 5.2vw, 56px) !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  color: var(--vfl-ink-0, #f4f8ff) !important;
  text-transform: none !important;
}
.team-select .ts-title span {
  color: var(--vfl-brand, #1edb8a) !important;
  text-shadow: none !important;
}

.team-select .ts-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  color: var(--vfl-ink-1, #9fb6cd) !important;
  text-transform: none !important;
  font-weight: 400 !important;
  margin-top: 10px !important;
}

/* Neutralise the old orange/teal side labels */
.team-select .ts-home .ts-side-label,
.team-select .ts-away .ts-side-label {
  color: var(--vfl-ink-1, #9fb6cd) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

.team-select .ts-footer {
  font-family: 'Oswald', sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--vfl-ink-2, #556577);
  text-align: center;
  padding: 14px 0 28px;
  text-transform: uppercase;
}

/* Back-to-WC button tidy */
.team-select .ts-back-to-wc {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  color: var(--vfl-ink-1, #9fb6cd) !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  margin-top: 14px !important;
  cursor: pointer;
  text-transform: none !important;
}
.team-select .ts-back-to-wc:hover {
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: var(--vfl-ink-0, #f4f8ff) !important;
}

/* Tip line under kick off */
.team-select .ts-tip {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  color: var(--vfl-ink-2, #556577) !important;
  text-transform: none !important;
  margin-top: 10px !important;
}

/* KICK OFF button — brand green, not the legacy red */
.team-select .ts-start {
  background: var(--vfl-brand, #1edb8a) !important;
  color: #06170e !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  border-radius: 8px !important;
  padding: 14px 30px !important;
  box-shadow: 0 12px 28px rgba(30, 219, 138, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: transform 180ms ease-out, box-shadow 180ms ease-out !important;
}
.team-select .ts-start:disabled {
  background: #131c2b !important;
  color: #3a4a5e !important;
  box-shadow: none !important;
}
.team-select .ts-start:not(:disabled):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(30, 219, 138, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.team-select .ts-vs-text {
  font-family: 'Oswald', sans-serif !important;
  color: var(--vfl-ink-2, #556577) !important;
}

/* ---------- NEW: Tune tactics opt-in link ---------- */
.team-select .ts-tune {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 10px;
  background: transparent;
  border: 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.18);
  border-radius: 0;
  color: var(--vfl-ink-1, #9fb6cd);
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  letter-spacing: 0.02em;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 180ms ease-out, color 180ms ease-out, border-color 180ms ease-out;
}
.team-select .ts-tune:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.team-select .ts-tune:not(:disabled):hover {
  opacity: 1;
  color: var(--vfl-brand, #1edb8a);
  border-bottom-color: rgba(30, 219, 138, 0.6);
}