/*
 * ITMEN.pk — content layout helpers (v1.4.0).
 * Utilities missing from the precompiled Tailwind build plus the few layout
 * rules used by template-parts/service-page.php, page-services.php and
 * front-page.php. Kept separate so style.css does not need a rebuild.
 */

/* Missing Tailwind utilities */
.mt-3 { margin-top: .75rem; }
.mt-auto { margin-top: auto; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.text-primary-foreground\/90 { color: hsl(var(--primary-foreground) / .9); }

/* Service page overview: copy + sticky "Key Services" card */
@media (min-width: 1024px) {
	.itmen-overview { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
	.itmen-overview > aside { position: sticky; top: 8rem; }
}

/* Checklists inside cards: keep long items readable */
.itmen-bullets li span { line-height: 1.5; }

/* Services overview: centre a lone last card on two-column layouts */
@media (min-width: 768px) {
	.itmen-svc-grid > :last-child:nth-child(odd) {
		grid-column: 1 / -1;
		max-width: calc(50% - 1rem);
		width: 100%;
		justify-self: center;
	}
}

/* Card grids: a lone last card in a 3-column row sits in the middle */
@media (min-width: 1024px) {
	.itmen-cards.lg\:grid-cols-3 > :last-child:nth-child(3n + 1) { grid-column: 2; }
}