/* ============================================================
   ARENEX DIGITAL THEME — responsive.css
   MEDIA QUERIES ONLY (Rule 11). No standalone rules here.
   Breakpoints: 1024 (tablet), 768 (mobile), plus reduced-motion + print.
   ============================================================ */

/* ---- Tablet ---- */
@media (max-width: 1024px) {
	:root {
		--column-gap: 40px;
		--section-padding: 64px;
	}
	.cols-2 { grid-template-columns: 1fr; }
	.site-footer--cols-4 .site-footer__inner { grid-template-columns: 1fr 1fr; }
}

/* ---- Mobile ---- */
@media (max-width: 768px) {
	:root {
		--section-padding: 56px;
		--container-padding: 20px;
	}
	.site-header__nav { display: none; }
	.site-header--logo-centered .site-header__inner { justify-content: space-between; }
	.site-header--logo-centered .site-header__nav { position: static; }
	.site-header__toggle { display: flex; }
	/* Mobile: tighten Apply button so it fits next to hamburger. */
	.site-header__apply { padding: 8px 16px; font-size: 0.85rem; margin-left: 8px; }
	.site-header__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.site-header__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
	.site-header__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

	.site-footer__inner,
	.site-footer--cols-4 .site-footer__inner { grid-template-columns: 1fr; gap: var(--gap-lg); }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---- Print ---- */
@media print {
	.site-header, .site-footer, .site-header__toggle, .skip-link { display: none !important; }
	body { color: #000; background: #fff; }
}