/**
 * HESENT Stage 10F — final visual-system correction.
 * Staging presentation only. Routing, product hierarchy, product data and RFQ
 * behavior remain unchanged.
 */

:root {
	--hesent-stage10f-white: #ffffff;
	--hesent-stage10f-neutral: #f7f9fa;
	--hesent-stage10f-soft: #fbfcfd;
	--hesent-stage10f-line: #e2e7eb;
	--hesent-stage10f-accent: #de5528;
	--hesent-stage10f-accent-dark: #b94320;
	--hesent-stage10f-navy: #0f233a;

	/* Override the shared WordPress color aliases with the brighter system. */
	--wp--preset--color--technical-white: var(--hesent-stage10f-white);
	--wp--preset--color--surface-gray: var(--hesent-stage10f-neutral);
	--wp--preset--color--line-gray: var(--hesent-stage10f-line);
	--wp--preset--color--signal-orange: var(--hesent-stage10f-accent);
}

body,
.wp-site-blocks,
main,
.entry-content,
.category-content,
.product-detail--industrial {
	background-color: var(--hesent-stage10f-white);
}

.has-surface-gray-background-color.has-background,
.has-technical-white-background-color.has-background {
	background-color: var(--hesent-stage10f-soft) !important;
}

/* Shared surfaces: white leads, neutral is used only as quiet separation. */
.category-hero,
.category-hero--archive {
	background: linear-gradient(90deg, var(--hesent-stage10f-accent) 0 4px, transparent 4px), var(--hesent-stage10f-white) !important;
}

.solution-hero.has-precision-navy-background-color,
.solution-hero {
	background: var(--hesent-stage10f-white) !important;
	border-top: 4px solid var(--hesent-stage10f-accent);
	color: #33475b !important;
}

.solution-hero :where(h1, h2) {
	color: var(--hesent-stage10f-navy) !important;
}

.solution-hero .hesent-eyebrow,
.solution-hero .page-breadcrumb,
.solution-hero .page-breadcrumb a {
	color: var(--hesent-stage10f-accent-dark) !important;
}

.product-editorial-section--range,
.product-editorial-section--manufacturing,
.product-editorial-section--faq,
.hesent-precision-punches-page .precision-punches-section:nth-child(even) {
	background: var(--hesent-stage10f-soft) !important;
}

.product-editorial-section--quality {
	background: var(--hesent-stage10f-white) !important;
	border-block: 1px solid var(--hesent-stage10f-line);
	border-left: 5px solid var(--hesent-stage10f-accent);
	color: #435363 !important;
}

.product-editorial-section--quality h2 {
	color: var(--hesent-stage10f-navy) !important;
}

.product-editorial-section--quality .hesent-eyebrow {
	color: var(--hesent-stage10f-accent-dark) !important;
}

.wp-block-table th,
.product-document a,
.product-industrial-hero__media,
.product-detail__image,
.upload-placeholder {
	background: var(--hesent-stage10f-soft) !important;
}

.archive-category-card,
.solution-route,
.technical-component,
.product-card,
.knowledge-card,
.hesent-product-module,
.rfq-panel,
.product-rfq-panel--industrial {
	background: var(--hesent-stage10f-white);
	border-color: var(--hesent-stage10f-line);
	box-shadow: 0 0.45rem 1.4rem rgba(15, 35, 58, 0.045);
}

.archive-category-card,
.product-card,
body .hesent-product-module {
	border-top-color: var(--hesent-stage10f-accent) !important;
}

.hesent-product-module__indicator,
.knowledge-card__type,
.technical-component__code,
.hesent-eyebrow,
.home .hesent-v3-eyebrow {
	color: var(--hesent-stage10f-accent-dark);
}

body .hesent-product-module__indicator {
	background: #fff4ef !important;
	color: var(--hesent-stage10f-accent-dark) !important;
}

body .hesent-product-module__primary,
body .hesent-product-page-actions__primary {
	background: var(--hesent-stage10f-accent) !important;
	border-color: var(--hesent-stage10f-accent) !important;
	color: #fff !important;
}

body .hesent-product-module__primary:hover,
body .hesent-product-page-actions__primary:hover {
	background: var(--hesent-stage10f-accent-dark) !important;
	border-color: var(--hesent-stage10f-accent-dark) !important;
}

.hesent-product-rfq-band,
.category-cta {
	background: var(--hesent-stage10f-white);
	border-color: var(--hesent-stage10f-line);
	border-left-color: var(--hesent-stage10f-accent);
}

/* Homepage: only the final RFQ remains a large dark anchor. */
.home .hesent-v3-applications,
.home .hesent-v3-trust,
.home .hesent-v3-supply,
.home .hesent-v3-manufacturing,
.home .hesent-v3-quality {
	background: var(--hesent-stage10f-white) !important;
}

.home .hesent-v3-home-hero__copy {
	border-top: 5px solid var(--hesent-stage10f-accent);
}

.home .hesent-v3-section-head::after,
.home .hesent-v3-supply__heading::after {
	background: var(--hesent-stage10f-accent);
	content: "";
	display: block;
	height: 4px;
	margin-top: 1.25rem;
	width: clamp(4.5rem, 8vw, 7rem);
}

.home .hesent-v3-supply__path {
	border-top: 3px solid var(--hesent-stage10f-accent);
}

.home .hesent-v3-applications {
	border-block: 1px solid var(--hesent-stage10f-line);
}

.home .hesent-v3-supply__path,
.home .hesent-v3-reason-list {
	background: var(--hesent-stage10f-white);
}

.home .hesent-v3-system-row__arrow,
.home .hesent-v3-supply__path a,
.home .hesent-v3-text-link a {
	color: var(--hesent-stage10f-accent-dark);
}

.home .hesent-v3-applications__copy {
	border-left-color: var(--hesent-stage10f-accent);
}

/* Guide Components: one deliberate width hierarchy from hero to CTA. */
body.page-id-14 .category-hero > .wp-block-columns {
	max-width: 80rem !important;
	width: min(calc(100% - 5rem), 80rem);
}

body.page-id-14 .category-content {
	background: var(--hesent-stage10f-white);
}

body.page-id-14 .category-content > :where(.wp-block-group.alignwide, .wp-block-columns.alignwide, section, .hesent-product-rfq-band) {
	margin-inline: auto !important;
	max-width: 72rem !important;
	width: min(calc(100% - 5rem), 72rem);
}

body.page-id-14 .category-content > .wp-block-group.alignwide > :where(.hesent-eyebrow, h2, p) {
	margin-inline: 0 auto !important;
	max-width: 52rem !important;
}

body.page-id-14 .hesent-product-module-grid {
	gap: 1.5rem;
	width: 100%;
}

body.page-id-14 .hesent-product-module {
	border-radius: 2px;
	padding: clamp(1.25rem, 2vw, 1.75rem);
}

body.page-id-14 .hesent-guide-family-media {
	background: var(--hesent-stage10f-soft);
	border: 1px solid var(--hesent-stage10f-line);
	margin: 1.25rem 0 1.4rem;
	overflow: hidden;
}

body.page-id-14 .hesent-guide-family-media img {
	background: var(--hesent-stage10f-soft) !important;
	border: 0 !important;
}

body.page-id-14 .category-content > .wp-block-columns.alignwide {
	border-block: 1px solid var(--hesent-stage10f-line);
	gap: clamp(2rem, 5vw, 4rem);
	padding-block: clamp(2rem, 4vw, 3rem);
}

body.page-id-14 .category-content > section {
	border-left: 4px solid var(--hesent-stage10f-accent);
	padding: 0.25rem 0 0.25rem clamp(1.25rem, 2.5vw, 2rem);
}

/* About HESENT: stable, replaceable factory-photo position without fake media. */
body.page-id-99 .entry-content {
	padding-bottom: clamp(3.5rem, 6vw, 5.5rem);
}

body.page-id-99 .entry-content > :where(section, figure) {
	margin-inline: auto;
	max-width: 72rem;
	width: min(calc(100% - 5rem), 72rem);
}

.hesent-company-intro,
.hesent-company-role {
	max-width: 52rem !important;
}

.hesent-company-factory-slot {
	aspect-ratio: 3 / 2;
	background:
		linear-gradient(135deg, transparent 49.7%, rgba(15, 35, 58, 0.045) 50%, transparent 50.3%),
		var(--hesent-stage10f-soft);
	border: 1px solid var(--hesent-stage10f-line);
	display: grid;
	margin-block: clamp(2rem, 4vw, 3.5rem) !important;
	place-items: center;
	position: relative;
	overflow: hidden;
	left: 50%;
	max-width: 60rem !important;
	transform: translateX(-50%);
	width: min(calc(100vw - 5rem), 60rem) !important;
}

.hesent-company-factory-slot::before {
	background: var(--hesent-stage10f-accent);
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	top: 0;
	width: clamp(5rem, 12vw, 9rem);
}

.hesent-company-factory-slot figcaption {
	color: #61717d;
	font-family: var(--wp--preset--font-family--technical);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Header structure remains untouched; only the active accents are warmer. */
.site-header .wp-block-navigation-item__content:hover,
.site-header .current-menu-item > .wp-block-navigation-item__content {
	color: var(--hesent-stage10f-accent-dark);
}

.site-header__rfq .wp-block-button__link {
	box-shadow: inset 0 -3px 0 var(--hesent-stage10f-accent);
}

@media (max-width: 782px) {
	body.page-id-14 .category-hero > .wp-block-columns,
	body.page-id-14 .category-content > :where(.wp-block-group.alignwide, .wp-block-columns.alignwide, section, .hesent-product-rfq-band),
	body.page-id-99 .entry-content > :where(section, figure) {
		width: min(calc(100% - 2.5rem), 72rem);
	}

	body.page-id-14 .category-content > .wp-block-columns.alignwide {
		gap: 1.5rem;
	}

	.hesent-company-factory-slot {
		aspect-ratio: 4 / 3;
		width: min(calc(100vw - 2.5rem), 60rem) !important;
	}
}

@media (max-width: 520px) {
	body.page-id-14 .category-hero > .wp-block-columns,
	body.page-id-14 .category-content > :where(.wp-block-group.alignwide, .wp-block-columns.alignwide, section, .hesent-product-rfq-band),
	body.page-id-99 .entry-content > :where(section, figure) {
		width: min(calc(100% - 2rem), 72rem);
	}

	body.page-id-14 .hesent-product-module {
		padding: 1.15rem;
	}

	.hesent-company-factory-slot {
		width: calc(100vw - 2rem) !important;
	}

	body.page-id-14 .category-content > section {
		padding-left: 1rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hesent-company-factory-slot,
	.hesent-product-module__primary,
	.hesent-product-page-actions__primary {
		transition: none !important;
	}
}