/**
 * Jam News modern header — 7.1.2
 * Scoped to .jn-header to avoid changing the rest of the legacy theme.
 */

.jn-header {
	--jn-header-primary: #0a2b45;
	--jn-header-surface: #0c3555;
	--jn-header-accent: #fe8f00;
	--jn-header-text: #f7fafc;
	--jn-header-muted: #b8c8d5;
	--jn-header-border: rgba(255, 255, 255, 0.12);
	--jn-header-panel: #ffffff;
	--jn-header-panel-subtle: #f3f6f8;
	--jn-header-panel-text: #142433;
	--jn-header-panel-muted: #637383;
	--jn-header-panel-border: #dce5ec;
	--jn-header-active: #fff2e1;
	--jn-header-focus-color: #fe8f00;
	--jn-header-space-1: 4px;
	--jn-header-space-2: 8px;
	--jn-header-space-3: 12px;
	--jn-header-space-4: 16px;
	--jn-header-space-5: 20px;
	--jn-header-space-6: 24px;
	--jn-header-space-8: 32px;
	--jn-header-radius-sm: 8px;
	--jn-header-radius-md: 14px;
	--jn-header-radius-lg: 20px;
	--jn-header-radius-full: 999px;
	--jn-header-touch: 44px;
	--jn-header-icon-size: 20px;
	--jn-header-drawer-max: 390px;
	--jn-header-focus-width: 3px;
	--jn-header-shadow: 0 18px 48px rgba(1, 18, 31, 0.24);
	--jn-header-focus: 0 0 0 3px rgba(254, 143, 0, 0.34);
	background: transparent !important;
	color: var(--jn-header-text);
	direction: rtl;
	isolation: isolate;
	position: relative;
	top: 0;
	z-index: 9996;
}

.jn-header *,
.jn-header *::before,
.jn-header *::after {
	box-sizing: border-box;
}

.jn-header a {
	text-decoration: none;
}

.jn-header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jn-header button,
.jn-header input,
.jn-header summary {
	font: inherit;
}

.jn-header summary {
	list-style: none;
}

.jn-header summary::-webkit-details-marker {
	display: none;
}

.jn-header .jn-icon {
	display: block;
	flex: 0 0 auto;
	height: 22px;
	width: 22px;
}

.jn-header .jn-header__container {
	float: none;
	margin-inline: auto;
	max-width: 1270px;
	padding-inline: 20px;
	width: 100%;
}

.jn-header__utility.top_header {
	background: var(--jn-header-primary) !important;
	border-block-end: 1px solid var(--jn-header-border);
	height: auto;
	min-height: 36px;
}

.jn-header .jn-header__utility-inner.inn {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-height: 36px;
	padding: 0;
}

.jn-header .jn-header__status.datee {
	align-items: center;
	color: var(--jn-header-muted);
	display: flex;
	float: none;
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 11px;
	gap: 14px;
	height: auto;
	line-height: 1.4;
	white-space: nowrap;
}

.jn-header__status-item,
.jn-header__metric {
	align-items: center;
	display: inline-flex;
	gap: 6px;
}

.jn-header__status-item .jn-icon {
	height: 15px;
	width: 15px;
}

.jn-header__metric {
	border-inline-start: 1px solid var(--jn-header-border);
	padding-inline-start: 14px;
}

.jn-header__metric strong {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: #fff;
	font-family: Num_Medium, Tahoma, sans-serif;
	font-size: 10px;
	line-height: 20px;
	min-width: 24px;
	padding-inline: 7px;
	text-align: center;
}

.jn-header .jn-header__top-nav.top_menu {
	float: none;
	height: auto;
	left: auto;
	position: static;
	width: auto;
}

.jn-header__top-menu {
	align-items: center;
	display: flex;
	gap: 4px;
}

.jn-header__top-menu > li {
	position: relative;
}

.jn-header__top-menu > li > a {
	border-radius: 6px;
	color: var(--jn-header-muted);
	display: block;
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 28px;
	padding-inline: 9px;
}

.jn-header__top-menu > li > a:hover,
.jn-header__top-menu > li > a:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.jn-header__top-menu .sub-menu {
	background: var(--jn-header-panel);
	border-radius: 0 0 var(--jn-header-radius-sm) var(--jn-header-radius-sm);
	box-shadow: var(--jn-header-shadow);
	display: none;
	inset-block-start: 100%;
	inset-inline-start: 0;
	min-width: 190px;
	padding: 8px;
	position: absolute;
}

.jn-header__top-menu li:hover > .sub-menu,
.jn-header__top-menu li:focus-within > .sub-menu {
	display: block;
}

.jn-header__top-menu .sub-menu a {
	border-radius: 6px;
	color: var(--jn-header-panel-text);
	display: block;
	font-size: 12px;
	padding: 8px 10px;
}

.jn-header__brand-bar.mendd {
	background:
		radial-gradient(circle at 18% 12%, rgba(254, 143, 0, 0.12), transparent 24%),
		linear-gradient(115deg, var(--jn-header-surface), var(--jn-header-primary)) !important;
	height: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jn-header__brand-bar::before,
.jn-header__brand-bar::after {
	content: "";
	pointer-events: none;
	position: absolute;
}

.jn-header__brand-bar::before {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.035), transparent);
	inset: 0;
	transform: skewX(-18deg) translateX(22%);
}

.jn-header__brand-bar::after {
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 50%;
	height: 220px;
	inset-block-start: -154px;
	inset-inline-end: -40px;
	width: 220px;
}

.jn-header .jn-header__brand-inner.inn {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-height: 92px;
	padding: 10px 0;
	position: relative;
	z-index: 1;
}

.jn-header--compact .jn-header__brand-inner.inn {
	min-height: 72px;
}

.jn-header .jn-header__identity.ap_logo {
	float: none;
	height: auto;
	margin: 0;
	max-width: min(374px, 46vw);
	position: static;
	width: auto;
}

.jn-header__home-link {
	align-items: center;
	color: #fff;
	display: inline-flex;
	min-height: 48px;
}

.jn-header .jn-header__logo {
	display: block;
	height: auto;
	max-height: 72px;
	max-width: 100%;
	object-fit: contain;
	object-position: right center;
	width: auto;
}

.jn-header__site-name {
	color: #fff;
	font-family: Sans_Bold, Tahoma, sans-serif;
	font-size: clamp(24px, 3vw, 38px);
	line-height: 1.35;
}

.jn-header__tagline {
	border-inline-start: 2px solid var(--jn-header-accent);
	color: var(--jn-header-muted);
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	max-width: 420px;
	padding: 6px 16px 6px 0;
}

.jn-header__nav-bar.menda {
	background: color-mix(in srgb, var(--jn-header-primary) 92%, #000) !important;
	box-shadow: 0 8px 24px rgba(2, 20, 33, 0.13);
	margin: 0;
	position: relative;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
	.jn-header__nav-bar.menda {
		background: var(--jn-header-primary) !important;
	}
}

.jn-header--sticky-enabled {
	position: sticky !important;
	top: 0;
}

.admin-bar .jn-header--sticky-enabled {
	top: 32px;
}

.jn-header .jn-header__nav-inner.inn {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	min-height: 54px;
	padding: 0;
}

.jn-header__mobile-brand,
.jn-mobile-menu {
	display: none;
}

.jn-header .jn-header__primary-nav.ap_menu {
	float: none;
	font-size: 14px;
	margin: 0;
	min-width: 0;
	position: static;
	z-index: auto;
}

.jn-header__primary-menu {
	align-items: center;
	display: flex;
	gap: 2px;
}

.jn-header__primary-menu li {
	position: relative;
}

.jn-header .jn-header__primary-menu > li > a {
	align-items: center;
	border-radius: var(--jn-header-radius-sm);
	color: rgba(255, 255, 255, 0.88);
	display: flex;
	font-family: Sans_Bold, Tahoma, sans-serif;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	padding: 0 11px;
	position: relative;
	white-space: nowrap;
}

.jn-header .jn-header__primary-menu > li > a::before {
	background: var(--jn-header-accent);
	border-radius: 999px;
	content: "";
	height: 3px;
	inset-block-end: 2px;
	inset-inline: 50%;
	position: absolute;
	transition: inset 160ms ease;
}

.jn-header .jn-header__primary-menu > li > a::after {
	background: none;
	content: none;
}

.jn-header__primary-menu > li:hover > a,
.jn-header__primary-menu > li:focus-within > a,
.jn-header__primary-menu > .current-menu-item > a,
.jn-header__primary-menu > .current-menu-ancestor > a {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.jn-header__primary-menu > li:hover > a::before,
.jn-header__primary-menu > li:focus-within > a::before,
.jn-header__primary-menu > .current-menu-item > a::before,
.jn-header__primary-menu > .current-menu-ancestor > a::before {
	inset-inline: 11px;
}

.jn-header .jn-header__primary-menu .sub-menu {
	background: var(--jn-header-panel) !important;
	border: 1px solid rgba(10, 43, 69, 0.08);
	border-radius: var(--jn-header-radius-md);
	box-shadow: var(--jn-header-shadow);
	display: block;
	inset-block-start: calc(100% + 8px);
	inset-inline-start: 0;
	min-width: 230px;
	opacity: 0;
	padding: 8px;
	pointer-events: none;
	position: absolute;
	transform: translateY(6px);
	transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
	visibility: hidden;
}

.jn-header .jn-header__primary-menu .sub-menu::before {
	content: "";
	height: 10px;
	inset-block-start: -9px;
	inset-inline: 0;
	position: absolute;
}

.jn-header .jn-header__primary-menu .sub-menu .sub-menu {
	inset-block-start: -8px;
	inset-inline-start: calc(100% + 8px);
}

.jn-header__primary-menu li:hover > .sub-menu,
.jn-header__primary-menu li:focus-within > .sub-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.jn-header .jn-header__primary-menu .sub-menu li {
	display: block;
	width: 100%;
}

.jn-header .jn-header__primary-menu .sub-menu a {
	align-items: center;
	border: 0;
	border-radius: 7px;
	color: var(--jn-header-panel-text);
	display: flex;
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 12px;
	height: auto;
	justify-content: space-between;
	line-height: 1.6;
	margin: 0;
	min-height: 38px;
	padding: 8px 10px;
}

.jn-header .jn-header__primary-menu .sub-menu a::after {
	background: none;
	content: none;
}

.jn-header .jn-header__primary-menu .sub-menu a:hover,
.jn-header .jn-header__primary-menu .sub-menu a:focus-visible {
	background: #edf3f7;
	color: var(--jn-header-primary);
}

.jn-header__actions {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: 6px;
	margin-inline-start: auto;
}

.jn-header__action,
.jn-header__theme-toggle {
	position: relative;
}

.jn-header__icon-button {
	align-items: center;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid var(--jn-header-border) !important;
	border-radius: 10px;
	color: rgba(255, 255, 255, 0.9) !important;
	cursor: pointer;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	line-height: 1;
	margin: 0;
	min-width: 40px;
	padding: 0;
	transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
	width: 40px;
}

.jn-header__icon-button:hover,
.jn-header__icon-button:focus-visible,
.jn-header__action[open] > .jn-header__icon-button,
.jn-header__theme-toggle.active .jn-header__icon-button {
	background: var(--jn-header-accent) !important;
	border-color: var(--jn-header-accent) !important;
	color: #162331 !important;
	outline: none;
}

.jn-header__icon-button:focus-visible,
.jn-header a:focus-visible,
.jn-header input:focus-visible,
.jn-header button:focus-visible,
.jn-header summary:focus-visible {
	box-shadow: var(--jn-header-focus);
	outline: 2px solid transparent;
}

.jn-header__icon-close,
.jn-header__action[open] .jn-header__icon-open,
.jn-mobile-menu[open] .jn-header__icon-open {
	display: none;
}

.jn-header__action[open] .jn-header__icon-close,
.jn-mobile-menu[open] .jn-header__icon-close {
	display: inline-flex;
}

.jn-header__popover {
	animation: jn-header-popover-in 150ms ease both;
	background: var(--jn-header-panel);
	border: 1px solid rgba(10, 43, 69, 0.08);
	border-radius: 0 0 var(--jn-header-radius-md) var(--jn-header-radius-md);
	box-shadow: var(--jn-header-shadow);
	color: var(--jn-header-panel-text);
	inset-block-start: calc(100% + 7px);
	inset-inline-end: 0;
	padding: 16px;
	position: absolute;
	text-align: right;
	z-index: 40;
}

@keyframes jn-header-popover-in {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

.jn-header__search-panel {
	width: min(440px, calc(100vw - 32px));
}

.jn-header__search-form {
	align-items: stretch;
	display: flex;
	gap: 8px;
}

.jn-header .jn-header__search-input {
	background: #f4f7f9;
	border: 1px solid #dce5eb;
	border-radius: 9px;
	box-shadow: none;
	color: var(--jn-header-panel-text);
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 13px;
	height: 44px;
	margin: 0;
	min-width: 0;
	padding: 0 13px;
	width: 100%;
}

.jn-header .jn-header__search-input:focus {
	background: #fff;
	border-color: var(--jn-header-accent);
}

.jn-header .jn-header__search-submit {
	align-items: center;
	background: var(--jn-header-accent) !important;
	border: 0;
	border-radius: 9px;
	color: #182431;
	cursor: pointer;
	display: inline-flex;
	font-family: Sans_Bold, Tahoma, sans-serif;
	font-size: 12px;
	gap: 7px;
	height: 44px;
	justify-content: center;
	margin: 0;
	padding: 0 15px;
	white-space: nowrap;
}

.jn-header__search-submit .jn-icon {
	height: 18px;
	width: 18px;
}

.jn-header__search-hint {
	color: var(--jn-header-panel-muted);
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 10px;
	line-height: 1.7;
	margin: 8px 2px 0;
}

.jn-header__popover-heading {
	border-block-end: 1px solid #e8eef2;
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-block-end: 12px;
	padding-block-end: 12px;
}

.jn-header__popover-heading strong {
	font-family: Sans_Bold, Tahoma, sans-serif;
	font-size: 14px;
}

.jn-header__popover-heading span {
	color: var(--jn-header-panel-muted);
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 10px;
}

.jn-header__channels-panel {
	width: 270px;
}

.jn-header__channel-list {
	display: grid;
	gap: 6px;
}

.jn-header__channel-list a {
	align-items: center;
	background: #f3f7f9;
	border-radius: 8px;
	color: var(--jn-header-panel-text);
	display: flex;
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 12px;
	gap: 10px;
	min-height: 40px;
	padding: 8px 10px;
}

.jn-header__channel-list a:hover,
.jn-header__channel-list a:focus-visible {
	background: var(--jn-header-primary);
	color: #fff;
}

.jn-header__channel-list i {
	color: var(--jn-header-accent);
	font-size: 17px;
	text-align: center;
	width: 24px;
}

.jn-header__mega-panel {
	max-height: min(70vh, 560px);
	overflow: auto;
	width: min(800px, calc(100vw - 40px));
}

.jn-header__mega-menu {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.jn-header__mega-menu > li > a {
	border-block-end: 2px solid var(--jn-header-accent);
	color: var(--jn-header-primary);
	display: block;
	font-family: Sans_Bold, Tahoma, sans-serif;
	font-size: 13px;
	margin-block-end: 6px;
	padding: 8px 2px;
}

.jn-header__mega-menu .sub-menu a {
	border-radius: 6px;
	color: var(--jn-header-panel-muted);
	display: block;
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 11px;
	padding: 6px 8px;
}

.jn-header__mega-menu .sub-menu a:hover,
.jn-header__mega-menu .sub-menu a:focus-visible {
	background: #edf3f7;
	color: var(--jn-header-primary);
}

.jn-header__account-panel {
	width: 310px;
}

.jn-header__account-panel label {
	color: var(--jn-header-panel-text);
	display: block;
	font-family: Num_Light, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 1.7;
}

.jn-header__account-panel input[type="text"],
.jn-header__account-panel input[type="password"] {
	background: #f4f7f9;
	border: 1px solid #dce5eb;
	border-radius: 8px;
	box-shadow: none;
	color: var(--jn-header-panel-text);
	height: 40px;
	margin: 4px 0 8px;
	padding: 0 10px;
	width: 100%;
}

.jn-header__account-panel input[type="submit"] {
	background: var(--jn-header-accent) !important;
	border: 0;
	border-radius: 8px;
	color: #182431;
	cursor: pointer;
	font-family: Sans_Bold, Tahoma, sans-serif;
	height: 40px;
	width: 100%;
}

.jn-header__account-panel .login-remember label {
	align-items: center;
	display: flex;
	gap: 7px;
}

.jn-header__account-panel .login-remember input {
	margin: 0;
}

.jn-header__user-card {
	align-items: center;
	display: flex;
	gap: 12px;
}

.jn-header__user-card img {
	border-radius: 50%;
	height: 56px;
	width: 56px;
}

.jn-header__user-card div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.jn-header__user-card span {
	color: var(--jn-header-panel-muted);
	font-size: 10px;
}

.jn-header__user-card strong {
	font-family: Sans_Bold, Tahoma, sans-serif;
	font-size: 14px;
}

.jn-header__account-links {
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr 1fr;
	margin-block-start: 14px;
}

.jn-header__account-links a {
	background: #edf3f7;
	border-radius: 8px;
	color: var(--jn-header-primary);
	font-size: 12px;
	padding: 9px;
	text-align: center;
}

.jn-header__theme-input {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.jn-header__theme-input:focus-visible + .jn-header__icon-button {
	box-shadow: var(--jn-header-focus);
}

.jn-header__progress.progress-container {
	background: rgba(255, 255, 255, 0.08) !important;
	height: 3px;
	inset-block-start: 0;
	position: absolute;
	width: 100%;
}

.jn-header__progress .progress-bar {
	background: var(--jn-header-accent) !important;
	float: left;
	height: 3px;
	width: 0;
}

html.wp-dark-mode-active .jn-header {
	--jn-header-panel: #1d2933;
	--jn-header-panel-subtle: #101a22;
	--jn-header-panel-text: #f2f6f8;
	--jn-header-panel-muted: #b5c1ca;
	--jn-header-panel-border: #164b70;
	--jn-header-active: #164b70;
}

html.wp-dark-mode-active .jn-header__popover,
html.wp-dark-mode-active .jn-mobile-menu__panel {
	background: var(--jn-header-panel) !important;
}

html.wp-dark-mode-active .jn-header__search-input,
html.wp-dark-mode-active .jn-header__account-panel input[type="text"],
html.wp-dark-mode-active .jn-header__account-panel input[type="password"],
html.wp-dark-mode-active .jn-header__channel-list a,
html.wp-dark-mode-active .jn-header__account-links a,
html.wp-dark-mode-active .jn-header .jn-header__primary-menu .sub-menu a:hover {
	background: #283743;
	color: #eef4f7;
}

@media (max-width: 1180px) {
	.jn-header .jn-header__primary-menu > li > a {
		font-size: 12px;
		padding-inline: 8px;
	}

	.jn-header__tagline,
	.jn-header__status-item--secondary {
		display: none;
	}

	.jn-header__actions {
		gap: 4px;
	}
}

@media (max-width: 980px) {
	.jn-header__metric,
	.jn-header__top-menu > li:nth-child(n+5) {
		display: none;
	}
}

@media (max-width: 900px) {
	.jn-header {
		/* A backdrop filter on this ancestor traps fixed drawers inside the header. */
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		box-shadow: 0 8px 24px rgba(2, 20, 33, 0.16);
	}

	.jn-header .jn-header__container {
		padding-inline: 14px;
	}

	.jn-header__utility,
	.jn-header__brand-bar,
	.jn-header__primary-nav,
	.jn-header__action--mega,
	.jn-header__action--channels,
	.jn-header__action--account {
		display: none !important;
	}

	.jn-header__nav-bar.menda {
		background: linear-gradient(110deg, var(--jn-header-surface), var(--jn-header-primary)) !important;
	}

	.jn-header .jn-header__nav-inner.inn {
		gap: 10px;
		min-height: 66px;
	}

	.jn-header__icon-button {
		height: var(--jn-header-touch);
		min-width: var(--jn-header-touch);
		width: var(--jn-header-touch);
	}

	.jn-header__mobile-brand {
		align-items: center;
		display: flex;
		min-width: 0;
	}

	.jn-header__mobile-brand img {
		display: block;
		height: auto;
		max-height: 44px;
		max-width: min(210px, 48vw);
		object-fit: contain;
		object-position: right center;
		width: auto;
	}

	.jn-header__mobile-brand span {
		color: #fff;
		font-family: Sans_Bold, Tahoma, sans-serif;
		font-size: 19px;
	}

	.jn-header__actions {
		margin-inline-start: 0;
	}

	.jn-mobile-menu {
		display: block;
		order: -2;
		position: relative;
	}

	.jn-header__action--search {
		order: -1;
	}

	.jn-header__popover {
		inset-inline-end: 0;
	}

	.jn-header__search-panel {
		border-radius: 0 0 var(--jn-header-radius-md) var(--jn-header-radius-md);
		inset-block-start: 66px;
		inset-inline: 14px;
		position: fixed;
		width: auto;
	}

	.jn-mobile-menu__layer {
		inset: 0;
		pointer-events: none;
		position: fixed;
		visibility: hidden;
		z-index: 10000;
	}

	.jn-mobile-menu__backdrop {
		background: rgba(2, 15, 25, 0.68) !important;
		border: 0 !important;
		border-radius: 0;
		height: 100%;
		inset: 0;
		opacity: 0;
		padding: 0;
		position: absolute;
		transition: opacity 180ms ease;
		width: 100%;
	}

	.jn-mobile-menu__panel {
		background: var(--jn-header-panel);
		box-shadow: -18px 0 50px rgba(1, 16, 27, 0.28);
		color: var(--jn-header-panel-text);
		display: flex;
		flex-direction: column;
		height: 100%;
		inset-block: 0;
		inset-inline-start: 0;
		max-width: var(--jn-header-drawer-max);
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: var(--jn-header-space-4);
		position: absolute;
		transform: translateX(105%);
		transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
		width: min(92vw, var(--jn-header-drawer-max));
	}

	.jn-mobile-menu[open] .jn-mobile-menu__layer {
		pointer-events: auto;
		visibility: visible;
	}

	.jn-mobile-menu[open] .jn-mobile-menu__backdrop {
		opacity: 1;
	}

	.jn-mobile-menu[open] .jn-mobile-menu__panel {
		transform: translateX(0);
	}

	.jn-mobile-menu[open] > .jn-mobile-menu__trigger {
		background: var(--jn-header-accent) !important;
		border-color: var(--jn-header-accent) !important;
		color: #172432 !important;
		inset-block-start: 16px;
		inset-inline-start: 18px;
		position: fixed;
		z-index: 10003;
	}

	.jn-mobile-menu.jn-mobile-menu--enhanced[open] > .jn-mobile-menu__trigger {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
	}

	.jn-mobile-menu__head {
		align-items: center;
		border-block-end: 1px solid var(--jn-header-panel-border);
		display: flex;
		justify-content: space-between;
		margin-block-end: 14px;
		min-height: 54px;
		padding-block-end: 14px;
		padding-inline-start: 52px;
	}

	.jn-mobile-menu__head img {
		display: block;
		height: auto;
		max-height: 40px;
		max-width: 187px;
		object-fit: contain;
		width: auto;
	}

	.jn-mobile-menu__head strong {
		color: var(--jn-header-primary);
		font-family: Sans_Bold, Tahoma, sans-serif;
		font-size: 18px;
	}

	.jn-mobile-menu__close {
		align-items: center;
		background: #edf3f6 !important;
		border: 0;
		border-radius: 8px;
		color: var(--jn-header-primary);
		cursor: pointer;
		display: inline-flex;
		height: var(--jn-header-touch);
		justify-content: center;
		padding: 0;
		width: var(--jn-header-touch);
	}

	.jn-mobile-menu__search {
		align-items: center;
		background: var(--jn-header-panel-subtle);
		border: 1px solid var(--jn-header-panel-border);
		border-radius: var(--jn-header-radius-sm);
		display: flex;
		margin-block-end: var(--jn-header-space-3);
		padding-inline-end: 11px;
	}

	.jn-mobile-menu__search input[type="search"] {
		background: transparent;
		border: 0;
		box-shadow: none;
		color: var(--jn-header-panel-text);
		font-family: Num_Light, Tahoma, sans-serif;
		font-size: 12px;
		height: 44px;
		margin: 0;
		min-width: 0;
		padding: 0;
		width: 100%;
	}

	.jn-mobile-menu__search button {
		align-items: center;
		background: transparent !important;
		border: 0;
		color: var(--jn-header-primary);
		display: flex;
		flex: 0 0 var(--jn-header-touch);
		height: var(--jn-header-touch);
		justify-content: center;
		padding: 0;
		width: var(--jn-header-touch);
	}

	.jn-mobile-account {
		background: var(--jn-header-panel-subtle);
		border: 1px solid var(--jn-header-panel-border);
		border-radius: var(--jn-header-radius-md);
		margin-block-end: var(--jn-header-space-4);
		overflow: hidden;
	}

	.jn-mobile-account__summary,
	.jn-mobile-account__user {
		align-items: center;
		color: var(--jn-header-panel-text);
		display: flex;
		gap: var(--jn-header-space-3);
		min-height: 64px;
		padding: var(--jn-header-space-3);
	}

	.jn-mobile-account__summary {
		cursor: pointer;
		padding-inline-end: 46px;
		position: relative;
	}

	.jn-mobile-account__summary-icon {
		align-items: center;
		background: var(--jn-header-active);
		border-radius: var(--jn-header-radius-sm);
		color: var(--jn-header-primary);
		display: inline-flex;
		flex: 0 0 var(--jn-header-touch);
		height: var(--jn-header-touch);
		justify-content: center;
		width: var(--jn-header-touch);
	}

	.jn-mobile-account__summary-icon .jn-icon {
		height: var(--jn-header-icon-size);
		width: var(--jn-header-icon-size);
	}

	.jn-mobile-account__summary strong,
	.jn-mobile-account__user strong {
		display: block;
		font-family: Sans_Bold, Tahoma, sans-serif;
		font-size: 13px;
		line-height: 1.7;
	}

	.jn-mobile-account__summary small,
	.jn-mobile-account__user span {
		color: var(--jn-header-panel-muted);
		display: block;
		font-family: Num_Light, Tahoma, sans-serif;
		font-size: 10px;
		line-height: 1.7;
	}

	.jn-mobile-account__chevron {
		border-block-end: 1.5px solid currentColor;
		border-inline-end: 1.5px solid currentColor;
		height: 8px;
		inset-block-start: 27px;
		inset-inline-end: 19px;
		position: absolute;
		transform: rotate(45deg);
		transition: transform 140ms ease;
		width: 8px;
	}

	.jn-mobile-account__disclosure[open] .jn-mobile-account__chevron {
		transform: rotate(225deg);
	}

	.jn-mobile-account__panel {
		border-block-start: 1px solid var(--jn-header-panel-border);
		padding: var(--jn-header-space-3);
	}

	.jn-mobile-account__panel form {
		display: grid;
		gap: var(--jn-header-space-2);
	}

	.jn-mobile-account__panel p {
		margin: 0;
	}

	.jn-mobile-account__panel label {
		color: var(--jn-header-panel-muted);
		display: block;
		font-family: Num_Light, Tahoma, sans-serif;
		font-size: 10px;
		margin-block-end: 4px;
	}

	.jn-mobile-account__panel input[type="text"],
	.jn-mobile-account__panel input[type="password"] {
		background: var(--jn-header-panel);
		border: 1px solid var(--jn-header-panel-border);
		border-radius: var(--jn-header-radius-sm);
		box-shadow: none;
		color: var(--jn-header-panel-text);
		height: var(--jn-header-touch);
		margin: 0;
		padding-inline: var(--jn-header-space-3);
		width: 100%;
	}

	.jn-mobile-account__panel input[type="submit"] {
		background: var(--jn-header-accent) !important;
		border: 0;
		border-radius: var(--jn-header-radius-sm);
		color: #172432;
		cursor: pointer;
		font-family: Sans_Bold, Tahoma, sans-serif;
		height: var(--jn-header-touch);
		padding-inline: var(--jn-header-space-4);
		width: 100%;
	}

	.jn-mobile-account__panel .login-remember label {
		align-items: center;
		display: flex;
		gap: var(--jn-header-space-2);
		min-height: var(--jn-header-touch);
	}

	.jn-mobile-account__panel .login-remember input {
		margin: 0;
	}

	.jn-mobile-account__user img {
		border: 2px solid var(--jn-header-accent);
		border-radius: var(--jn-header-radius-full);
		height: 48px;
		object-fit: cover;
		width: 48px;
	}

	.jn-mobile-account__links {
		display: grid;
		gap: var(--jn-header-space-2);
		grid-template-columns: 1fr 1fr;
		padding: 0 var(--jn-header-space-3) var(--jn-header-space-3);
	}

	.jn-mobile-account__links a {
		align-items: center;
		background: var(--jn-header-panel);
		border: 1px solid var(--jn-header-panel-border);
		border-radius: var(--jn-header-radius-sm);
		color: var(--jn-header-panel-text);
		display: flex;
		font-family: Num_Medium, Tahoma, sans-serif;
		font-size: 11px;
		justify-content: center;
		min-height: var(--jn-header-touch);
	}

	.jn-mobile-nav {
		flex: 1 0 auto;
	}

	.jn-mobile-nav__heading {
		align-items: end;
		display: flex;
		justify-content: space-between;
		margin-block-end: var(--jn-header-space-2);
		padding-inline: var(--jn-header-space-1);
	}

	.jn-mobile-nav__heading strong {
		color: var(--jn-header-panel-text);
		font-family: Sans_Bold, Tahoma, sans-serif;
		font-size: 13px;
	}

	.jn-mobile-nav__heading span {
		color: var(--jn-header-panel-muted);
		font-family: Num_Light, Tahoma, sans-serif;
		font-size: 9px;
	}

	.jn-mobile-nav__menu li {
		border-block-end: 1px solid var(--jn-header-panel-border);
		position: relative;
	}

	.jn-mobile-nav__menu > li {
		background: var(--jn-header-panel-subtle);
		border: 1px solid var(--jn-header-panel-border);
		border-radius: var(--jn-header-radius-sm);
		margin-block-end: var(--jn-header-space-2);
		overflow: hidden;
	}

	.jn-mobile-nav__menu .sub-menu li:last-child {
		border-block-end: 0;
	}

	.jn-mobile-nav__menu a {
		color: var(--jn-header-panel-text);
		display: block;
		font-family: Num_Light, Tahoma, sans-serif;
		font-size: 13px;
		line-height: 1.6;
		min-height: 44px;
		padding: 12px 8px;
		padding-inline-end: 54px;
	}

	.jn-mobile-nav__menu > li > a {
		font-family: Num_Medium, Tahoma, sans-serif;
		font-size: 13.5px;
	}

	.jn-mobile-nav__menu > .current-menu-item > a,
	.jn-mobile-nav__menu > .current-menu-ancestor > a {
		background: var(--jn-header-active);
		color: var(--jn-header-panel-text);
		font-family: Sans_Bold, Tahoma, sans-serif;
	}

	.jn-mobile-nav__menu .sub-menu {
		border-block-start: 1px solid var(--jn-header-panel-border);
		border-inline-start: 2px solid var(--jn-header-accent);
		margin: 0 var(--jn-header-space-3) var(--jn-header-space-2);
		padding-inline-start: var(--jn-header-space-2);
	}

	.jn-mobile-nav__menu .sub-menu a {
		font-size: 12px;
		min-height: var(--jn-header-touch);
		padding-block: 10px;
	}

	.jn-mobile-nav.jn-submenu-ready .menu-item-has-children > .sub-menu {
		display: none;
	}

	.jn-mobile-nav.jn-submenu-ready .menu-item-has-children.jn-submenu-open > .sub-menu {
		display: block;
	}

	.jn-mobile-nav__toggle {
		align-items: center;
		background: #edf3f6 !important;
		border: 0;
		border-radius: 7px;
		color: var(--jn-header-primary);
		display: inline-flex;
		height: var(--jn-header-touch);
		inset-block-start: 0;
		inset-inline-end: 2px;
		justify-content: center;
		padding: 0;
		position: absolute;
		width: var(--jn-header-touch);
	}

	.jn-mobile-nav__toggle::before {
		border-block-end: 1.5px solid currentColor;
		border-inline-end: 1.5px solid currentColor;
		content: "";
		height: 7px;
		transform: rotate(45deg) translate(-1px, 1px);
		transition: transform 140ms ease;
		width: 7px;
	}

	.jn-submenu-open > .jn-mobile-nav__toggle::before {
		transform: rotate(225deg) translate(-1px, 1px);
	}

	.jn-mobile-menu__social {
		border-block-start: 1px solid var(--jn-header-panel-border);
		margin-block-start: 18px;
		padding-block-start: 16px;
	}

	.jn-mobile-menu__social > span {
		color: var(--jn-header-panel-muted);
		display: block;
		font-family: Num_Light, Tahoma, sans-serif;
		font-size: 10px;
		margin-block-end: 10px;
	}

	.jn-mobile-menu__social ul {
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
	}

	.jn-mobile-menu__social a {
		align-items: center;
		background: var(--jn-header-panel-subtle);
		border: 1px solid var(--jn-header-panel-border);
		border-radius: var(--jn-header-radius-sm);
		color: var(--jn-header-panel-text);
		display: flex;
		height: var(--jn-header-touch);
		justify-content: center;
		transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
		width: var(--jn-header-touch);
	}

	.jn-mobile-menu__social a:hover,
	.jn-mobile-menu__social a:focus-visible {
		background: var(--jn-header-panel);
		border-color: var(--jn-header-accent);
		transform: translateY(-1px);
	}

	.jn-social-sprite {
		display: none;
	}

	.jn-social-icon {
		display: block;
		height: 22px;
		max-width: 24px;
		object-fit: contain;
		width: 22px;
	}

	.jn-social-icon--rubika {
		height: 24px;
	}

	body.jn-mobile-menu-open {
		overflow: hidden;
	}

	html.wp-dark-mode-active .jn-mobile-menu__head,
	html.wp-dark-mode-active .jn-mobile-menu__social,
	html.wp-dark-mode-active .jn-mobile-nav__menu li {
		border-color: var(--jn-header-panel-border);
	}

	html.wp-dark-mode-active .jn-mobile-menu__search,
	html.wp-dark-mode-active .jn-mobile-account,
	html.wp-dark-mode-active .jn-mobile-account__summary-icon,
	html.wp-dark-mode-active .jn-mobile-account__links a,
	html.wp-dark-mode-active .jn-mobile-account__panel input[type="text"],
	html.wp-dark-mode-active .jn-mobile-account__panel input[type="password"],
	html.wp-dark-mode-active .jn-mobile-nav__toggle,
	html.wp-dark-mode-active .jn-mobile-menu__social a {
		background: var(--jn-header-panel-subtle) !important;
		color: #eef4f7;
	}
}

@media (max-width: 480px) {
	.jn-header .jn-header__container {
		padding-inline: 10px;
	}

	.jn-header .jn-header__nav-inner.inn {
		gap: 6px;
		min-height: 62px;
	}

	.jn-header__mobile-brand img {
		max-height: 38px;
		max-width: min(180px, 46vw);
	}

	.jn-header__icon-button {
		border-radius: 9px;
		height: var(--jn-header-touch);
		min-width: var(--jn-header-touch);
		width: var(--jn-header-touch);
	}

	.jn-header__search-panel {
		inset-block-start: 62px;
		inset-inline: 10px;
		padding: 12px;
	}

	.jn-header__search-submit span {
		display: none;
	}

	.jn-header__search-submit {
		padding-inline: 13px;
	}

	.jn-header__theme-toggle {
		display: none;
	}

	.jn-mobile-menu__panel {
		padding: var(--jn-header-space-3);
		width: min(94vw, var(--jn-header-drawer-max));
	}
}

@media (max-width: 340px) {
	.jn-header__mobile-brand img {
		max-width: 160px;
	}

	.jn-header__actions {
		gap: 3px;
	}
}

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

@media print {
	.jn-header__utility,
	.jn-header__nav-bar {
		display: none !important;
	}

	.jn-header__brand-bar {
		background: #fff !important;
	}

	.jn-header__logo {
		filter: grayscale(1);
	}
}