/*
Theme Name: MARS Staffing
Theme URI: https://thefreewebsiteguys.com/
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com/
Description: React-powered single-page theme for MARS Staffing — skilled trades and manufacturing recruiting.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: tmt
*/

body {
	margin: 0;
	min-height: 100vh;
}

@media screen and (min-width: 783px) {
	body.admin-bar #tmt-site-header {
		top: 32px;
	}
}

.tmt-map-embed iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

/*
 * Credibility & Reviews — match the original deployed theme paint.
 * The live original compiles paper-cool to lab(...) (not source oklch).
 * color-mix() with that lab token paints the pinkish wash; raw
 * oklch(0.97 0.008 252) paints blueish. Keep this outside Vite/Lightning.
 */
.tmt-credibility {
	--ink-900: lab(10.7044% 2.04454 -24.2576);
	--slate-mid: lab(38.418% -1.5852 -10.8633);
	--paper: lab(100% 0 0);
	--paper-cool: lab(96.5097% -0.788301 -2.89243);
	--gold: lab(79.2059% 15.1365 74.3985);
	--gold-dark: lab(40.7326% 13.5764 46.1801);
	--foreground: var(--ink-900);
	--primary: var(--gold);
	--primary-foreground: var(--ink-900);
	--muted: var(--paper-cool);
	--muted-foreground: var(--slate-mid);
	--border: lab(86.0498% -1.8858 -7.18559);
	--shadow-elevated: 0 24px 64px -24px color-mix(in oklch, var(--ink-900) 25%, transparent);
	--shadow-button: 0 5px 16px -6px color-mix(in oklch, var(--gold) 45%, transparent);
	--gradient-button: linear-gradient(
		180deg,
		var(--gold),
		color-mix(in oklch, var(--gold) 90%, var(--gold-dark))
	);
	--gradient-wash: linear-gradient(
		120deg,
		color-mix(in oklch, var(--paper-cool) 97%, transparent),
		color-mix(in oklch, var(--paper-cool) 88%, transparent)
	);
	--grid-lines:
		linear-gradient(color-mix(in oklch, var(--ink-900) 4%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in oklch, var(--ink-900) 4%, transparent) 1px, transparent 1px);
	background-color: var(--paper-cool);
	color: var(--foreground);
}

.tmt-credibility .paper-wash {
	background: var(--gradient-wash);
}

.tmt-credibility .technical-grid {
	background-image: var(--grid-lines);
	background-size: 56px 56px;
}