/* =========================================================================
   Coalfield Resources — Responsive
   Breakpoints: 1280, 1024, 768, 480
   ========================================================================= */

/* ---------- Large desktop (<= 1280) ---------- */
@media (max-width: 1280px) {
	.cr-hero__title { font-size: 44px; }
	.cr-page-hero__title { font-size: 38px; }
}

/* ---------- Tablet landscape (<= 1024) ---------- */
@media (max-width: 1024px) {
	:root {
		--cr-margin-desktop: var(--cr-margin-tablet);
		--cr-fs-display-lg: 40px;
		--cr-fs-headline-lg: 28px;
	}

	.cr-container,
	.cr-header__inner,
	.cr-hero__inner {
		padding-left: var(--cr-margin-tablet);
		padding-right: var(--cr-margin-tablet);
	}

	.cr-hero__grid {
		grid-template-columns: 1fr;
		gap: var(--cr-space-12);
	}

	.cr-hero__title { font-size: 40px; }

	.cr-grid--main-sidebar,
	.cr-grid--sidebar-main {
		grid-template-columns: 1fr;
		gap: var(--cr-space-8);
	}

	.cr-technical-sidebar {
		position: static;
	}

	.cr-stat-strip {
		grid-template-columns: repeat(2, 1fr);
	}

	.cr-stat-strip__item:nth-child(2) { border-right: 0; }
	.cr-stat-strip__item:nth-child(1),
	.cr-stat-strip__item:nth-child(2) {
		border-bottom: 1px solid var(--cr-border-muted);
	}

	.cr-process-flow {
		grid-template-columns: repeat(2, 1fr);
	}

	.cr-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.cr-grid--3 { grid-template-columns: repeat(2, 1fr); }

	.cr-rfq__grid,
	.cr-contact__grid,
	.cr-home__procurement-grid {
		grid-template-columns: 1fr;
	}

	.cr-footer__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--cr-space-8);
	}

	.cr-rfq-cta__inner {
		grid-template-columns: 1fr;
		gap: var(--cr-space-6);
	}

	.cr-about__signal-grid {
		grid-template-columns: 1fr;
	}
}

/* ---------- Tablet portrait / Mobile (<= 768) ---------- */
@media (max-width: 768px) {
	:root {
		--cr-margin-desktop: var(--cr-margin-mobile);
		--cr-fs-display-lg: 32px;
		--cr-fs-headline-lg: 24px;
		--cr-fs-headline-md: 20px;
		--cr-fs-body-lg: 16px;
	}

	.cr-container,
	.cr-header__inner,
	.cr-hero__inner {
		padding-left: var(--cr-margin-mobile);
		padding-right: var(--cr-margin-mobile);
	}

	.cr-header {
		height: var(--cr-header-height-mobile);
	}

	.cr-header__inner {
		gap: var(--cr-space-3);
	}

	.cr-nav {
		display: none;
	}

	.cr-header__cta {
		display: none;
	}

	.cr-header__menu-toggle {
		display: inline-flex;
	}

	.cr-header__brand-name {
		font-size: 16px;
	}

	.cr-header__brand-name small {
		display: none;
	}

	.cr-section {
		padding-top: var(--cr-space-12);
		padding-bottom: var(--cr-space-12);
	}

	.cr-hero {
		padding-top: var(--cr-space-12);
		padding-bottom: var(--cr-space-12);
	}

	.cr-hero__title { font-size: 32px; }
	.cr-page-hero__title { font-size: 28px; }

	.cr-hero__meta { gap: var(--cr-space-4); }

	.cr-hero__actions .cr-button { flex: 1; }

	.cr-grid--2,
	.cr-grid--3,
	.cr-grid--4 {
		grid-template-columns: 1fr;
	}

	.cr-process-flow {
		grid-template-columns: 1fr;
	}

	.cr-stat-strip {
		grid-template-columns: 1fr;
	}

	.cr-stat-strip__item {
		border-right: 0;
		border-bottom: 1px solid var(--cr-border-muted);
	}

	.cr-stat-strip__item:last-child {
		border-bottom: 0;
	}

	.cr-form__grid-2 {
		grid-template-columns: 1fr;
	}

	.cr-footer__grid {
		grid-template-columns: 1fr;
		gap: var(--cr-space-8);
	}

	.cr-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--cr-space-3);
	}

	.cr-footer__bottom a {
		margin-left: 0;
		margin-right: var(--cr-space-4);
	}

	.cr-rfq-cta {
		padding: var(--cr-space-6);
	}

	.cr-rfq-cta__title {
		font-size: 22px;
	}

	.cr-rfq__form-wrap,
	.cr-contact__form-wrap,
	.cr-technical-panel {
		padding: var(--cr-space-5);
	}

	.cr-spec-table {
		font-size: 12px;
	}

	.cr-spec-table th,
	.cr-spec-table td {
		padding: 10px 12px;
	}

	/* Make spec table scroll horizontally on mobile */
	.cr-spec-table-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.cr-spec-table-wrap .cr-spec-table {
		min-width: 480px;
	}

	.cr-section-header {
		margin-bottom: var(--cr-space-8);
	}

	.cr-section-header__title {
		font-size: var(--cr-fs-headline-lg);
	}

	.cr-rfq-cta__actions .cr-button {
		flex: 1;
	}
}

/* ---------- Small mobile (<= 480) ---------- */
@media (max-width: 480px) {
	.cr-hero__title { font-size: 28px; }
	.cr-hero__actions { flex-direction: column; }
	.cr-hero__actions .cr-button { width: 100%; }

	.cr-rfq-cta__actions { flex-direction: column; width: 100%; }
	.cr-rfq-cta__actions .cr-button { width: 100%; }

	.cr-page-hero { padding-top: var(--cr-space-10); padding-bottom: var(--cr-space-8); }
}

/* ---------- 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 {
	body.cr-body {
		background: #fff;
		color: #000;
	}
	body.cr-body::before { display: none; }
	.cr-header, .cr-footer, .cr-rfq-cta, .cr-mobile-nav { display: none; }
	.cr-hero, .cr-page-hero { background: #fff; color: #000; }
}