/* ═══════════════════════════════════════════════════════════════════
   batting.css — Batting page styles (extends pitching-intel.css)
   =================================================================== */

/* ── Batting archetype chips ── */
.bat-arch {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.18rem 0.48rem;
  border-radius: 3px;
  margin-right: 0.25rem;
  white-space: nowrap;
}
.bat-arch--slugging  { background: rgba(244,63,94,0.12);   border: 1px solid rgba(244,63,94,0.3);   color: #f87171; }
.bat-arch--contact   { background: rgba(34,197,94,0.1);    border: 1px solid rgba(34,197,94,0.3);   color: #4ade80; }
.bat-arch--patient   { background: rgba(59,130,246,0.1);   border: 1px solid rgba(59,130,246,0.3);  color: #60a5fa; }
.bat-arch--speed     { background: rgba(234,179,8,0.1);    border: 1px solid rgba(234,179,8,0.3);   color: #fbbf24; }
.bat-arch--topheavy  { background: rgba(168,85,247,0.1);   border: 1px solid rgba(168,85,247,0.3);  color: #c084fc; }
.bat-arch--deep      { background: rgba(20,184,166,0.1);   border: 1px solid rgba(20,184,166,0.3);  color: #2dd4bf; }

/* ── OPS column highlight ── */
.bat-ops-highlight { color: var(--white); font-weight: 600; }

/* ── OPS score badge (leaderboard) ── */
.bat-ops-badge {
  display: inline-block;
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--white);
  min-width: 3.2rem;
  text-align: center;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
}
.bat-ops-badge--elite  { background: rgba(0,200,83,0.15);    color: #00c853; }
.bat-ops-badge--great  { background: rgba(100,200,100,0.1);  color: #81c784; }
.bat-ops-badge--good   { background: rgba(255,183,27,0.12);  color: #fbbf24; }
.bat-ops-badge--avg    { background: rgba(100,160,255,0.12); color: #93c5fd; }
.bat-ops-badge--below  { background: rgba(255,100,50,0.12);  color: #ff7043; }

/* ── Individual hitters table column width hints ── */
.bat-hitter-table .col-player { min-width: 130px; }
.bat-hitter-table .col-team   { min-width: 110px; }
.bat-hitter-table .col-ops    { font-weight: 600; color: var(--white); }

/* ── Top batting card score display ── */
.pi-top-card__score-ops {
  font-family: var(--font-mono);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--white);
  text-align: center;
  margin-bottom: 0.1rem;
}
.pi-top-card__score-label {
  font-family: var(--font-mono);
  font-size: 0.58rem;
  color: var(--g500);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .bat-arch { font-size: 0.55rem; padding: 0.14rem 0.38rem; }
  .bat-hitter-table .col-player { min-width: 100px; }
}