/*
 * Jager shared industrial UI layer.
 *
 * Loaded last on every public page. The shared header follows the approved
 * homepage geometry and behaviour, while content surfaces use a restrained
 * industrial blue-grey palette. Content, media and WordPress editability are
 * not changed here.
 */

body.jager-site-redesign {
	--jhr-surface: #e1e8f0;
	--jhr-surface-raised: #e9eef4;
	--jhr-surface-deep: #d5dfe9;
	--jhr-soft: #d9e3ed;
	--jhr-border: rgba(6, 37, 111, 0.17);
	--jhr-border-strong: rgba(6, 37, 111, 0.28);
	--jhr-shadow-soft: none;
	--jhr-shadow-lift: none;
	background: #d3dde8;
}

body.jager-site-redesign .jhr-page,
body.jager-phase2-page .jp2-page {
	background: var(--jhr-surface) !important;
}

body.jager-site-redesign .jhr-section,
body.jager-phase2-page .jp2-section:not(.jp2-section--soft) {
	background: var(--jhr-surface);
}

body.jager-site-redesign .jhr-stats,
body.jager-phase2-page .jp2-section--soft,
body.jager-site-redesign .jhr-fleet {
	border-color: var(--jhr-border);
	background: var(--jhr-surface-deep) !important;
}

/* The header already contains full NL/EN/DE switching. Remove WPML's duplicate
 * footer selector and its light strip from every language. */
body.jager-site-redesign .wpml-ls-statics-footer,
body.jager-site-redesign .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

/* -------------------------------------------------------------------------
   Shared header = approved homepage header on every page
   ------------------------------------------------------------------------- */

body.jager-site-redesign .jhr-header .jhr-container {
	width: min(calc(100% - 40px), 1280px) !important;
	max-width: 1280px !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

body.jager-site-redesign .jhr-header__inner {
	min-height: 76px !important;
	gap: 20px !important;
}

/* Keep only the logo artwork itself. The extra white rounded plate was the
 * visual difference between homepage and inner-page headers. */
body.jager-site-redesign .jhr-brand__plate {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.jager-site-redesign .jhr-brand__plate img {
	width: auto !important;
	height: 38px !important;
	object-fit: contain !important;
}

body.jager-site-redesign .jhr-desktop-nav {
	gap: 3px !important;
}

body.jager-site-redesign .jhr-desktop-nav > a,
body.jager-site-redesign .jhr-nav-dropdown > button {
	min-height: 40px !important;
	padding: 9px 13px !important;
	font-family: Inter, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: -0.008em !important;
}

body.jager-site-redesign .jhr-language {
	gap: 2px !important;
	margin-left: 8px !important;
	padding: 3px !important;
}

body.jager-site-redesign .jhr-language a {
	min-width: 34px !important;
	height: 30px !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.015em !important;
}

body.jager-site-redesign .jhr-header:not(.is-scrolled):not(.is-menu-open) .jhr-header__surface {
	border-bottom-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

body.jager-site-redesign .jhr-header:not(.is-scrolled):not(.is-menu-open) .jhr-desktop-nav > a,
body.jager-site-redesign .jhr-header:not(.is-scrolled):not(.is-menu-open) .jhr-nav-dropdown > button {
	color: rgba(255, 255, 255, 0.9) !important;
}

body.jager-site-redesign .jhr-header:not(.is-scrolled):not(.is-menu-open) .jhr-desktop-nav > a:hover,
body.jager-site-redesign .jhr-header:not(.is-scrolled):not(.is-menu-open) .jhr-nav-dropdown > button:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #fff !important;
}

body.jager-site-redesign .jhr-header:not(.is-scrolled):not(.is-menu-open) .jhr-language {
	background: rgba(255, 255, 255, 0.13) !important;
}

body.jager-site-redesign .jhr-header:not(.is-scrolled):not(.is-menu-open) .jhr-language a {
	color: rgba(255, 255, 255, 0.74) !important;
}

body.jager-site-redesign .jhr-header:not(.is-scrolled):not(.is-menu-open) .jhr-language a.is-active {
	background: #fff !important;
	color: var(--jhr-navy) !important;
	box-shadow: 0 4px 14px rgba(8, 30, 75, 0.1) !important;
}

body.jager-site-redesign .jhr-header.is-scrolled .jhr-header__surface,
body.jager-site-redesign .jhr-header.is-menu-open .jhr-header__surface {
	border-bottom-color: rgba(6, 37, 111, 0.11) !important;
	background: rgba(231, 237, 244, 0.96) !important;
	box-shadow: 0 8px 28px rgba(6, 23, 64, 0.07) !important;
	-webkit-backdrop-filter: saturate(150%) blur(16px) !important;
	backdrop-filter: saturate(150%) blur(16px) !important;
}

body.jager-site-redesign .jhr-header.is-scrolled .jhr-desktop-nav > a,
body.jager-site-redesign .jhr-header.is-scrolled .jhr-nav-dropdown > button,
body.jager-site-redesign .jhr-header.is-menu-open .jhr-desktop-nav > a,
body.jager-site-redesign .jhr-header.is-menu-open .jhr-nav-dropdown > button {
	color: rgba(23, 35, 61, 0.84) !important;
}

body.jager-site-redesign .jhr-header.is-scrolled .jhr-language,
body.jager-site-redesign .jhr-header.is-menu-open .jhr-language {
	background: #d7e0ea !important;
}

body.jager-site-redesign .jhr-mobile-menu {
	background: #e1e8f0 !important;
}

body.jager-site-redesign .jhr-mobile-nav a,
body.jager-site-redesign .jhr-mobile-products > a {
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.jager-site-redesign .jhr-mobile-products > a {
	border: 1px solid var(--jhr-border);
	background: var(--jhr-surface-raised) !important;
}

/* -------------------------------------------------------------------------
   Flat industrial content language — no decorative cards or gradients
   ------------------------------------------------------------------------- */

body.jager-site-redesign .jhr-product-panel,
body.jager-site-redesign .jhr-product-panel__media,
body.jager-site-redesign .jhr-product-panel__arrow,
body.jager-site-redesign .jhr-product-card,
body.jager-site-redesign .jhr-product-card__image,
body.jager-site-redesign .jhr-circle-arrow,
body.jager-site-redesign .jhr-visual > img,
body.jager-site-redesign .jhr-visual > video,
body.jager-site-redesign .jhr-visual__badge,
body.jager-site-redesign .jhr-feature-list__icon,
body.jager-site-redesign .jhr-return__label,
body.jager-site-redesign .jhr-button,
body.jager-phase2-page .jp2-card,
body.jager-phase2-page .jp2-card > div,
body.jager-phase2-page .jp2-product-media,
body.jager-phase2-page .jp2-process-media,
body.jager-phase2-page .jp2-process-media img,
body.jager-phase2-page .jp2-process-media video,
body.jager-phase2-page .jp2-button,
body.jager-phase2-page .jp2-badge,
body.jager-phase2-page .jp2-form,
body.jager-phase2-page .jp2-form input,
body.jager-phase2-page .jp2-form textarea,
body.jager-phase2-page .jp2-form select,
body.jager-phase2-page .jp2-form .wpcf7-response-output {
	border-radius: 0 !important;
}

body.jager-site-redesign .jhr-product-panel,
body.jager-site-redesign .jhr-product-card,
body.jager-site-redesign .jhr-visual > img,
body.jager-site-redesign .jhr-visual > video,
body.jager-phase2-page .jp2-card,
body.jager-phase2-page .jp2-product-media,
body.jager-phase2-page .jp2-process-media,
body.jager-phase2-page .jp2-form {
	box-shadow: none !important;
}

body.jager-site-redesign .jhr-product-card,
body.jager-phase2-page .jp2-card,
body.jager-phase2-page .jp2-product-media,
body.jager-phase2-page .jp2-process-media {
	border-color: var(--jhr-border) !important;
	background: var(--jhr-surface-raised) !important;
}

body.jager-site-redesign .jhr-button--primary,
body.jager-phase2-page .jp2-button,
body.jager-phase2-page .jp2-form input[type="submit"],
body.jager-phase2-page .jp2-form .wpcf7-submit {
	background: var(--jhr-orange) !important;
	box-shadow: none !important;
}

body.jager-site-redesign .jhr-button--outline {
	background: transparent !important;
}

/* -------------------------------------------------------------------------
   Footer: dark maps and no duplicate language bar
   ------------------------------------------------------------------------- */

body.jager-site-redesign .jhr-footer {
	background: var(--jhr-navy-deep) !important;
}

body.jager-site-redesign .jhr-footer .jhr-location-card {
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 0 !important;
	background: #08265d !important;
	box-shadow: none !important;
}

body.jager-site-redesign .jhr-footer .jhr-location-card iframe {
	display: block;
	width: 100%;
	border: 0 !important;
	border-radius: 0 !important;
	background: #dfe6ee !important;
}

body.jager-site-redesign .jhr-footer .jhr-location-card > div {
	padding: 18px;
	background: #08265d !important;
}

body.jager-site-redesign .jhr-footer .jhr-location-card h3 {
	color: #fff !important;
}

body.jager-site-redesign .jhr-footer .jhr-location-card p {
	color: rgba(255, 255, 255, 0.66) !important;
}

body.jager-site-redesign .jhr-footer .jhr-location-card a {
	color: var(--jhr-orange) !important;
}

@media (max-width: 1023px) {
	body.jager-site-redesign .jhr-header .jhr-container {
		width: min(calc(100% - 32px), 1280px) !important;
	}

	body.jager-site-redesign .jhr-header__inner {
		min-height: 72px !important;
	}

	body.jager-site-redesign .jhr-brand__plate img {
		height: 33px !important;
	}

	body.jager-site-redesign .jhr-menu-button {
		width: 42px !important;
		height: 42px !important;
	}
}

@media (max-width: 560px) {
	body.jager-site-redesign .jhr-header__inner {
		min-height: 68px !important;
	}

	body.jager-site-redesign .jhr-brand__plate img {
		height: 30px !important;
	}

	body.jager-site-redesign .jhr-menu-button {
		width: 40px !important;
		height: 40px !important;
	}
}