/* clasicas.css — añadidos de las TABLAS CLÁSICAS (box score y porcentajes de
   tiro, por jugador y por equipo).

   Se carga SIEMPRE junto a avanzadas.css, que es quien aporta la cabecera, el
   conmutador, la barra de filtros y la tabla ancha con primera columna sticky
   ($page_css = array('avanzadas', 'clasicas')). Aquí solo va lo que esas
   páginas necesitan de más:
     · el desplegable de equipos con casillas (multi-selección sin JS),
     · el ancho mínimo de cada tabla (avanzadas.css fija el suyo, de 21 columnas),
     · la cabecera de dos filas con grupos T1/T2/T3 de las tablas de tiro,
     · el conmutador Totales/Medias y la nota al pie. */

/* ---------- Desplegable de equipos: <details> + casillas ---------- */
.adv-filters .fdrop { position: relative; }
.adv-filters .fdrop > summary {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 600; color: var(--ink);
  background-color: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r-input); padding: 6px 12px;
  cursor: pointer; list-style: none; white-space: nowrap; min-width: 104px;
}
.adv-filters .fdrop > summary::-webkit-details-marker { display: none; }
.adv-filters .fdrop > summary::after {
  content: ''; margin-left: auto;
  width: 10px; height: 6px; flex: 0 0 10px;
  background: no-repeat center/10px 6px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235B6577' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  transition: transform .15s ease;
}
.adv-filters .fdrop[open] > summary::after { transform: rotate(180deg); }
.adv-filters .fdrop > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }

.fdrop__panel {
  position: absolute; z-index: 20; top: calc(100% + 6px); left: 0;
  display: grid; grid-template-columns: repeat(3, minmax(84px, 1fr));
  gap: 2px 10px; padding: 12px;
  background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r-card); box-shadow: var(--shadow-pop);
}
.fdrop__item {
  display: flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: var(--ink);
  padding: 4px 2px; border-radius: 6px; cursor: pointer;
}
.fdrop__item:hover { background: var(--ground); }
.fdrop__item input { margin: 0; cursor: pointer; accent-color: var(--accent-deep); }
.fdrop__item img { flex: 0 0 auto; }
.fdrop__nota {
  grid-column: 1 / -1; margin: 6px 0 0;
  font-size: 11.5px; font-weight: 500; color: var(--muted); max-width: 34ch;
}

/* ---------- Conmutador Totales / Medias ---------- */
.adv-switch.tbl-modo { margin-top: var(--sp-4); }

/* ---------- Anchos mínimos: una clase por tabla ---------- */
.adv-table.tbl-clasicas { min-width: 1390px; }         /* 24 columnas */
.adv-table.tbl-clasicas-eq { min-width: 1200px; }      /* 22 columnas, sin Pos ni Eq */
.adv-table.tbl-tiro { min-width: 880px; }              /* 13 columnas */
.adv-table.tbl-tiro-eq { min-width: 720px; }           /* 10 columnas */

/* ---------- Cabecera de dos filas (grupos T1 / T2 / T3) ---------- */
.adv-table .grp-head th {
  text-align: center; border-left: 1px solid rgba(255, 255, 255, .18);
  font-size: 11.5px; letter-spacing: .1em;
}
.adv-table .grp-head th:first-child,
.adv-table .grp-head th.stick-1 { border-left: 0; }
.adv-table thead tr + tr th { top: 0; }
/* La separación entre grupos se prolonga a las celdas de datos */
.adv-table td.grp-start, .adv-table th.grp-start {
  border-left: 1px solid var(--line);
}

/* ---------- Nota al pie ---------- */
.tbl-nota {
  margin: var(--sp-4) 0 0; padding: 0 2px;
  font-size: 13px; line-height: 1.65; color: var(--muted); max-width: 78ch;
}
.tbl-nota strong { color: var(--ink); font-weight: 600; }

@media (max-width: 640px) {
  .fdrop__panel { grid-template-columns: repeat(2, minmax(84px, 1fr)); }
  .adv-filters .fdrop { position: static; }
  .fdrop__panel { left: var(--sp-4); right: var(--sp-4); }
}