/**
 * EPL Table Explorer — Responsive Breakpoints & Mobile Sticky Table Rules
 */

@media (max-width: 1120px) {
  .explorer-workspace {
    grid-template-columns: 1fr;
  }

  .fixtures-list {
    max-height: 420px;
  }

  .kpi-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .community-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .col-hide-md {
    display: none;
  }

  .club-modal__splits-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .container {
    padding: 0 0.85rem;
  }

  .site-header__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-actions {
    width: 100%;
    justify-content: space-between;
  }

  .kpi-grid {
    grid-template-columns: 1fr;
  }

  .col-hide-sm {
    display: none;
  }

  .club-cell__name-full {
    display: none;
  }

  .club-cell__name-short {
    display: inline;
  }

  .col-club {
    min-width: 145px;
  }

  /* Sticky Position + Club columns on narrow mobile horizontal scroll */
  .standings-table th.col-pos,
  .standings-table td.col-pos {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: var(--bg-surface);
  }

  .standings-table th.col-club,
  .standings-table td.col-club {
    position: sticky;
    left: 42px;
    z-index: 2;
    background-color: var(--bg-surface);
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.06);
  }

  .standings-table thead th.col-pos,
  .standings-table thead th.col-club {
    background-color: var(--bg-surface-alt);
    z-index: 3;
  }
}

@media (max-width: 460px) {
  .col-hide-xs {
    display: none;
  }

  .form-row-split {
    grid-template-columns: 1fr;
  }
}