/* WP Cricket Live — responsive rules. Tables convert to stacked cards on
   narrow viewports rather than simply shrinking. */

@media (max-width: 640px) {
	.cricket-batsmen .cricket-table--desktop,
	.cricket-bowler .cricket-table--desktop {
		display: none;
	}
	.cricket-cards--mobile {
		display: block;
	}

	.cricket-scoreline { gap: 12px; }
	.cricket-team { min-width: 90px; }
	.cricket-team__score { font-size: 18px; }

	.cricket-header { padding: 14px 10px; }
	.cricket-header__topbar { flex-direction: column; align-items: stretch; gap: 8px; }
	.cricket-header__controls { width: 100%; justify-content: space-between; }
	.cricket-header-over-strip { justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 8px 10px; }
	.cricket-header-over-group { flex-shrink: 0; }
	.cricket-header-crease { grid-template-columns: 1fr; gap: 10px; }
	.cricket-card { padding: 12px; }

	.cricket-table th, .cricket-table td { padding: 6px 4px; font-size: 13px; }

	/* Wide tables (scorecard, points table) scroll horizontally instead of
	   compressing columns illegibly. */
	.cricket-match-info,
	.cricket-scorecard-innings .cricket-table,
	.cricket-points-table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

@media (min-width: 641px) and (max-width: 1024px) {
	.cricket-live { padding: 0 16px; }
}