/* ── MOBILE PATCH — worldcup-2026.ca ─────────────────────────────────────────
   Added: responsive fixes for countdown-bar, player cards, inline grids
   ──────────────────────────────────────────────────────────────────────────── */

/* Countdown bar — hide descriptive text on small screens */
@media (max-width: 640px) {
  .countdown-bar .countdown-inner > span { display: none; }
  .countdown-inner { justify-content: center; }
  .countdown-bar { padding: .4rem 0; }
}

/* Player cards (3-col inline grid) → 1-col on mobile */
.player-cards-grid,
[class*="player-grid"] {
  display: grid;
}

@media (max-width: 768px) {
  /* Fix all 3-col inline grids in page content */
  .section [style*="grid-template-columns:repeat(3"],
  .section [style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
  }

  /* Canada page stats grid (2fr 1fr) */
  .section [style*="grid-template-columns:2fr 1fr"],
  .section [style*="grid-template-columns: 2fr 1fr"],
  [style*="grid-template-columns:2fr 1fr"],
  [style*="grid-template-columns: 2fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Countdown bar compact */
  .countdown-inner {
    justify-content: center;
    gap: .75rem;
    padding: 0 1rem;
  }
  .countdown-inner > span:not(.cnt-num):not(.cnt-label) {
    display: none;
  }

  /* Header tracker not overflowing */
  .header-tracker {
    font-size: .7rem;
    padding: .4rem .8rem;
  }

  /* Host card images don't break */
  .host-card-flag img {
    width: 100%;
    height: 100px;
    object-fit: cover;
  }

  /* Canada facts grid */
  .canada-facts {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  /* All 2-col grids collapse to 1*/
  .section [style*="grid-template-columns:repeat(2"],
  .section [style*="grid-template-columns: repeat(2"] {
    grid-template-columns: 1fr !important;
  }

  /* Countdown bar units — smaller */
  .cnt-unit { min-width: 2.5rem; padding: .2rem .4rem; }
  .cnt-num  { font-size: 1.1rem; }
  .cnt-label { font-size: .48rem; }

  /* Bar chart label narrower */
  .bar-label { min-width: 120px; font-size: .72rem; }

  /* Host card flags */
  .host-card-flag { height: 100px; }

  /* Player card images height */
  [style*="height:200px;object-fit:cover"] {
    height: 160px !important;
  }

  /* Canada facts 1 col */
  .canada-facts {
    grid-template-columns: 1fr;
  }

  /* SEO content sections */
  .seo-content .seo-article { padding: 0 .25rem; }
}

/* Levis title fix — table overflow */
.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}