/* ── MOBILE PATCH — worldcupstadiums2026.ca ──────────────────────────────────
   Added: responsive fixes for countdown-bar, stadium page inline grids
   ──────────────────────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
  /* Countdown bar: hide text, show only numbers */
  .countdown-bar .countdown-inner > span:not([class]) { display: none; }
  .countdown-inner { justify-content: center; gap: .5rem; padding: 0 .5rem; }
  .cnt-num { font-size: 1.1rem; }
  .cnt-unit { min-width: 2.4rem; padding: .2rem .4rem; }
  .cnt-lbl, .cnt-label { font-size: .46rem; }
}

@media (max-width: 768px) {
  /* Header tracker hidden (CTA button) */
  .header-tracker { display: none; }

  /* Stadium detail 2-col → 1-col (inline style override) */
  [style*="grid-template-columns:1.4fr"],
  [style*="grid-template-columns: 1.4fr"],
  .st-detail { grid-template-columns: 1fr !important; }

  /* 3-col inline grids → 1-col */
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
  }

  /* 2-col inline grids with fractions → 1-col */
  [style*="grid-template-columns:2fr"],
  [style*="grid-template-columns: 2fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Country card banner images */
  .host-card-flag img,
  [style*="height:100px;object-fit:cover"] { height: 80px !important; }

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

  /* Section padding */
  .section { padding: 2rem 0; }

  /* SEO article images */
  .st-detail-img img { height: 220px; }

  /* Stats grid in canada/usa/mexico pages */
  [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

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

  .stadiums-grid { grid-template-columns: 1fr; }
  .hosts-tabs { flex-direction: column; }

  /* Nation section - country card images */
  [style*="border-radius:var(--radius);overflow:hidden"] img { height: 70px !important; }

  /* Hero content padding */
  .hero-inner { padding: 2rem 0; }

  /* Footer grid */
  .footer-grid { grid-template-columns: 1fr !important; }

  /* Country images in index.html nation section */
  [style*="height:100px"] { height: 80px !important; }
}

/* Always: tables scroll horizontally */
.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Always: images don't break layout */
img { max-width: 100%; }