/**
 * AMP mobile-only layout fixes (max-width 767px).
 * Desktop AMP uses the same shell as non-AMP (max-w-isp-custom, mx-auto).
 * Repeated in wp_footer so rules merge late into amp-custom on mobile.
 *
 * @package ISPV2
 */

@media (max-width: 767px) {
	html,
	body.ispv2-amp-page {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin: 0;
		overflow-x: hidden;
		-webkit-text-size-adjust: 100%;
	}

	body.ispv2-amp-page #page {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin: 0;
		box-sizing: border-box;
	}

	body.ispv2-amp-page #content,
	body.ispv2-amp-page #primary,
	body.ispv2-amp-page #main,
	body.ispv2-amp-page article.type-live-blog,
	body.ispv2-amp-page .entry-content,
	body.ispv2-amp-page .entry-classic-editor-content,
	body.ispv2-amp-page .entry-liveblog-content {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	body.ispv2-amp-page .max-w-isp-custom,
	body.ispv2-amp-page .max-w-isp-authors,
	body.ispv2-amp-page .max-w-screen-md,
	body.ispv2-amp-page .max-w-\[980px\] {
		max-width: 100%;
		width: 100%;
	}

	/* Tailwind md:container caps direct children on narrow viewports. */
	body.ispv2-amp-page .entry-content > *,
	body.ispv2-amp-page .entry-classic-editor-content > *,
	body.ispv2-amp-page .entry-liveblog-content > * {
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	/* Sortd live-blog cards: block layout (float:right shrinks the column on AMP mobile). */
	body.ispv2-amp-page .sortd-liveblog-main-container {
		display: block;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	body.ispv2-amp-page .sortd-liveblog-main-container .blog-content-card,
	body.ispv2-amp-page .blog-content-card {
		float: none;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Tournament / ICC embed rows */
	body.ispv2-amp-page .isp-tournament-fixtures-h-embed-row,
	body.ispv2-amp-page .entry-liveblog-content [class*='isp-'][class*='embed-row'],
	body.ispv2-amp-page .entry-classic-editor-content [class*='isp-'][class*='embed-row'],
	body.ispv2-amp-page .entry-content [class*='isp-'][class*='embed-row'],
	body.ispv2-amp-page .isp-hf-root,
	body.ispv2-amp-page .isp-tournament-caps-root,
	body.ispv2-amp-page .isp-points-table-inline,
	body.ispv2-amp-page .isp-icc-rankings-inline {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	/* Wide data tables: horizontal scroll instead of clipping the page */
	body.ispv2-amp-page .entry-content .isp-pt-table-wrap,
	body.ispv2-amp-page .entry-liveblog-content .isp-pt-table-wrap,
	body.ispv2-amp-page .entry-content .isp-tc-table-wrap,
	body.ispv2-amp-page .entry-liveblog-content .isp-tc-table-wrap,
	body.ispv2-amp-page .entry-content .isp-icc-rankings__table-scroll,
	body.ispv2-amp-page .entry-liveblog-content .isp-icc-rankings__table-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
	}

	body.ispv2-amp-page .isp-pt-table {
		min-width: 0;
	}

	/* [team_info] / [squads] — clip hidden AMP panels and single-column squad on mobile */
	body.ispv2-amp-page .isp-team-info-embed-row,
	body.ispv2-amp-page .isp-squad-embed-row,
	body.ispv2-amp-page .isp-team-info--amp,
	body.ispv2-amp-page .isp-squad-shell {
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	body.ispv2-amp-page .isp-amp-subtabs,
	body.ispv2-amp-page .isp-amp-subtabs__panels,
	body.ispv2-amp-page .isp-amp-radio-form {
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
	}

	body.ispv2-amp-page .isp-amp-subtabs__panels [role='tabpanel']:not([selected]),
	body.ispv2-amp-page .isp-team-info--amp .isp-amp-tp {
		overflow: hidden;
		max-width: 100%;
	}

	body.ispv2-amp-page .isp-amp-subtabs__panels [role='tabpanel'][selected] {
		overflow-x: hidden;
		max-width: 100%;
	}

	body.ispv2-amp-page .isp-squad-grid {
		grid-template-columns: 1fr;
	}
}