/**
 * Homepage v3 - trust bar responsive patch (Aug 5 2026)
 *
 * Loaded AFTER home-v3.css. This lives in its own file on purpose: home-v3.css
 * is served with `max-age=31557600` and LiteSpeed strips the `?ver=` cache
 * buster site-wide, so an in-place edit stays invisible to returning visitors
 * until Aug 2027. A new filename is the only reliable way to ship a change.
 *
 * FOLD THIS IN when home-v3.css is next renamed (home-v4.css), then delete this
 * file and its enqueue in functions.php.
 *
 * The bug: .dra-home .trust-item carries `flex: 1 1 0` + `min-width: 0`.
 * min-width:0 removes the automatic minimum size that normally stops a flex item
 * shrinking past its own content, so on a 390px phone the four credentials
 * collapsed to ~97px each and the Arabic text shredded into one-word-per-line
 * slivers. The container's `overflow-x: auto` never engaged, because the items
 * shrank to fit instead of overflowing.
 *
 * The fix: stack the strip on small screens - the same idiom this page already
 * uses for .hero-stats, .hub-grid and .contact-options - so all four credentials
 * stay readable and visible without a hidden horizontal swipe.
 */

@media (max-width: 980px) {
	.dra-home .trust-bar .shell {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		overflow-x: visible;
	}

	.dra-home .trust-item {
		justify-content: flex-start;
		border-inline-start: none;
	}

	/* Divider between the two columns, then between the two rows. */
	.dra-home .trust-item:nth-child(even) {
		border-inline-start: 1px solid rgb(255 255 255 / .1);
	}

	.dra-home .trust-item:nth-child(n + 3) {
		border-top: 1px solid rgb(255 255 255 / .1);
	}
}

@media (max-width: 620px) {
	.dra-home .trust-bar .shell {
		grid-template-columns: 1fr;
	}

	.dra-home .trust-item:nth-child(even) {
		border-inline-start: none;
	}

	.dra-home .trust-item:nth-child(n + 2) {
		border-top: 1px solid rgb(255 255 255 / .1);
	}
}