/**
 * Homepage mobile fixes.
 * The sections below are Beaver Builder HTML modules with inline styles,
 * so overrides are scoped to their node IDs and need !important.
 */

/* "Technology That Improves Experience..." cards (asc_caps_mod) */
@media (max-width: 1024px) {
	.fl-node-asc_caps_mod div[style*="grid-template-columns"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	/* Odd card out spans the full row instead of sitting alone. */
	.fl-node-asc_caps_mod div[style*="grid-template-columns"] > div:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

@media (max-width: 544px) {
	.fl-node-asc_caps_mod div[style*="grid-template-columns"] {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 16px !important;
	}

}

/* "One Partner. Multiple Solutions." (asc_why_mod) */
@media (max-width: 921px) {
	.fl-node-asc_why_mod div[style*="grid-template-columns"] {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 32px !important;
	}
}

@media (max-width: 544px) {

	.fl-node-asc_why_mod p {
		font-size: 16px !important;
	}

	.fl-node-asc_why_mod li {
		font-size: 16px !important;
	}
}

/* "Trusted Across Michigan" photo tiles (asc_projects_mod) */
@media (max-width: 1024px) {
	.fl-node-asc_projects_mod div[style*="grid-template-columns"] {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 921px) {
	.fl-node-asc_projects_mod div[style*="grid-template-columns"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	/* Odd tile out spans the full row; halve its ratio so it keeps the row height. */
	.fl-node-asc_projects_mod div[style*="grid-template-columns"] > div:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		aspect-ratio: 8 / 3 !important;
	}
}

@media (max-width: 544px) {

	.fl-node-asc_projects_mod div[style*="grid-template-columns"] + p {
		font-size: 12px !important;
	}
}

/* "Ready to Simplify Facility Technology?" CTA (asc_cta_mod) */
@media (max-width: 544px) {

	.fl-node-asc_cta_mod p {
		font-size: 16px !important;
	}
}
