/* ================================================================
   TERRITÓRIO MLS — Copa 2026 Hub Supplement
   Extends tmls-hub.css with Copa-specific info-card grid.
   ================================================================ */

/* ── Page-level overrides (same as MLS hub) ── */
body.page-template-page-copa-do-mundo-2026-php {
  background: #f5f5f5;
  color: #111;
}
body.page-template-page-copa-do-mundo-2026-php .site-content,
body.page-template-page-copa-do-mundo-2026-php.one-container .site-content {
  width: 100%;
  max-width: none;
  padding: 0;
}
body.page-template-page-copa-do-mundo-2026-php .site.grid-container {
  max-width: 100%;
  padding: 0;
}
body.page-template-page-copa-do-mundo-2026-php .featured-image.page-header-image,
body.page-template-page-copa-do-mundo-2026-php .entry-header { display: none; }

/* ── Info Cards Grid ── */
.hub__copa-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #eee;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}

.hub__copa-info-card {
  background: #fff;
  padding: 16px 12px;
  text-align: center;
}

.hub__copa-info-number {
  display: block;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 28px;
  font-weight: 700;
  color: #111;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.hub__copa-info-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #888;
  margin-top: 4px;
}

/* ── Mobile (default: 2-col) ── */
@media (max-width: 600px) {
  .hub__copa-info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .hub__copa-info-number {
    font-size: 22px;
  }
}

/* ── Desktop: 6 across ── */
@media (min-width: 768px) {
  .hub__copa-info-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}