/**
 * Header / topbar — parity with jcproto.com (desktop).
 */

/* Flag sprite sheet (langBar.css uses a tenant-relative path). */
.sitewidget-langBar .sprites {
	background-image: url("/static/t-kkBoBKlKnkqirkbl/assets/widget/images/langBar/sprites.png");
}

/* Top bar: centered phone, flags on the right */
.jcproto-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-height: 44px;
	padding: 6px 0;
}

.jcproto-topbar__items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 1;
}

.jcproto-topbar__item {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.jcproto-topbar__text {
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: #ccc;
	line-height: 1.4;
}

.jcproto-topbar__lang {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

/* Flex topbar layout (jccnc-redesign) — cancel absolute centering transforms */
.jcproto-topbar__inner > .jcproto-topbar__lang {
	position: static !important;
	top: auto !important;
	right: auto !important;
	transform: none !important;
}

.jcproto-topbar .lang-bar.lang-bar-right {
	text-align: right;
	white-space: nowrap;
}

.jcproto-topbar .lang-cont .lang-img {
	margin-bottom: 0 !important;
}

.jcproto-topbar,
.jcproto-topbar .jcproto-container,
.jcproto-topbar .container-opened {
	overflow: visible !important;
}

.jcproto-topbar__lang .sitewidget-bd,
.jcproto-topbar__lang .lang-bar {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

/* Main header row */
.jcproto-header__inner {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	min-height: 72px;
}

.jcproto-header__logo-col {
	flex: 0 0 25%;
	max-width: 25%;
	display: flex;
	align-items: center;
}

.jcproto-header__nav-col {
	flex: 1 1 75%;
	max-width: 75%;
	min-width: 0;
}

.jcproto-header__nav-bundle {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 0;
}

.jcproto-header__nav-bundle .jcproto-nav {
	flex: 1 1 auto;
	min-width: 0;
}

/* Single-line primary nav — match jcproto.com navnew-item-overview table layout */
@media (min-width: 990px) {
	.jcproto-nav .navnew.smsmart {
		display: block;
		float: right;
		white-space: nowrap;
		flex-wrap: nowrap;
	}

	.jcproto-nav .navnew.smsmart.navnew-item-overview {
		display: table;
		width: 100%;
		float: none;
		max-width: none;
	}

	.jcproto-nav .smsmart > .navnew-item {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.jcproto-nav .smsmart.navnew-item-overview > .navnew-item {
		display: table-cell;
		float: none;
		vertical-align: middle;
	}

	.jcproto-nav .smsmart > .navnew-item > .navnew-link,
	.jcproto-nav .smsmart > .navnew-item > .navnew-link .text-width {
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 52px !important;
		letter-spacing: 0 !important;
	}

	.jcproto-nav .smsmart.navnew-item-overview > .navnew-item > .navnew-link {
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}

	/* Dropdown panels must stack vertically — do not inherit top-level inline layout */
	.jcproto-nav .navnew-sub1,
	.jcproto-nav .navnew-sub2 {
		white-space: normal;
	}

	.jcproto-nav .navnew-sub1 > .navnew-item,
	.jcproto-nav .navnew-sub1 > .navnew-sub1-item,
	.jcproto-nav .navnew-sub1 > .nav-sub-item,
	.jcproto-nav .navnew-sub2 > .navnew-item,
	.jcproto-nav .navnew-sub2 > .navnew-sub2-item {
		display: block;
		float: none;
		width: 100%;
	}

	.jcproto-nav .navnew-sub1 .navnew-link,
	.jcproto-nav .navnew-sub2 .navnew-link {
		display: block;
		white-space: normal;
	}

	.jcproto-header__quote-wrap {
		flex: 0 0 auto;
		margin-left: 8px;
	}

	.jcproto-nav .navnew-sub1 > .navnew-sub1-item {
		position: relative;
	}

	/* Third-level items stack below parent (not flyout to the right) */
	.jcproto-nav .navnew-sub1 > .navnew-sub1-item > .navnew-sub2 {
		display: none;
		position: static;
		left: auto;
		top: auto;
		min-width: 0;
		max-width: none;
		width: auto;
		background: transparent;
		box-shadow: none;
		border: 0;
		padding: 0 0 4px;
		margin: 0;
		z-index: auto;
	}

	.jcproto-nav .navnew-sub1 > .navnew-sub1-item:hover > .navnew-sub2,
	.jcproto-nav .navnew-sub1 > .navnew-sub1-item:focus-within > .navnew-sub2 {
		display: block;
	}

	.jcproto-nav .smsmart .navnew-sub2.show {
		transform: none !important;
		right: auto !important;
	}

	.jcproto-nav .navnew-sub1 > .navnew-sub1-item.jcproto-nav__item--has-children > .has-submenu .sub-arrow {
		background-image: none !important;
		width: 0;
	}

	.jcproto-nav .navnew-sub2 .navnew-link {
		color: #64748b !important;
		padding: 8px 20px 8px 36px !important;
		line-height: 1.4 !important;
		white-space: nowrap;
		font-size: 13px !important;
	}

	.jcproto-nav .navnew-sub2 .navnew-link:hover {
		color: #025ddf !important;
		background: #f8fafc;
	}
}

.jcproto-nav .navnew-link {
	display: inline-block;
	text-decoration: none !important;
}

@media (min-width: 990px) {
	.jcproto-header .jcproto-nav .navnew-link {
		color: var(--jcproto-text);
	}
}

.jcproto-nav .navnew-item.is-current > .navnew-link,
.jcproto-nav .navnew-item > .navnew-link.is-current {
	border-bottom: 2px solid var(--jcproto-nav-accent, #116df1) !important;
}

.jcproto-header__quote-wrap .backstage-component-btn,
.jcproto-header__quote {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	font-weight: 700;
	text-decoration: none !important;
	white-space: nowrap;
}

@media (max-width: 991px) {
	.jcproto-topbar__inner {
		flex-direction: column;
		padding-bottom: 6px;
	}

	.jcproto-topbar__lang {
		position: static;
		transform: none;
		margin-top: 4px;
	}

	.jcproto-header__inner {
		flex-wrap: nowrap;
		align-items: center;
	}

	.jcproto-header__logo-col {
		flex: 1 1 auto !important;
		max-width: none !important;
		min-width: 0;
	}

	.jcproto-header__nav-col {
		flex: 0 0 0 !important;
		max-width: 0 !important;
		width: 0 !important;
		padding: 0 !important;
		overflow: visible;
	}

	.jcproto-header__nav-bundle {
		flex-direction: column;
		align-items: stretch;
	}

	.jcproto-header__quote-wrap {
		display: none;
	}

	.jcproto-header__inner > .jcproto-nav-toggle {
		flex: 0 0 auto;
		margin-left: auto;
		margin-right: 0;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		order: 2;
		width: auto;
		height: auto;
		background-color: transparent;
	}
}