/*
 * Theme by IWT — responsive.css
 * Mobile-first. Base rules in other files already target small screens;
 * this file only adds refinements for larger viewports (Section 21).
 */

/* Tablet and up */
@media (min-width: 600px) {
	.site-header-inner {
		padding-block: var(--iwt-space-3);
	}

	h1 { font-size: 2rem; }
}

/* Small laptop and up */
@media (min-width: 782px) {
	.site-main {
		padding-block: var(--iwt-space-4);
	}

	.footer-site-info {
		flex-direction: row;
	}
}

/* Desktop and up */
@media (min-width: 1024px) {
	.site-footer-inner {
		grid-template-columns: 1fr 1fr;
		align-items: start;
	}
}

/* Large displays */
@media (min-width: 1440px) {
	:root {
		--iwt-space-4: 3rem;
	}
}

/* Touch-friendly tap targets on coarse pointers */
@media (pointer: coarse) {
	.primary-menu a,
	.button,
	button,
	input[type="submit"] {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}
}