/*
 * TBP canonical Header layer.
 *
 * Blocksy owns desktop and mobile Header navigation.
 * Legacy Header markup remains loaded temporarily as rollback for Phase 7.
 */

header#header.ct-header {
	display: block !important;
	position: relative;
	z-index: 999;
	background: #fff;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
}

#offcanvas.ct-panel.ct-header {
	display: flex !important;
}

header.tbp-bright-header {
	display: none !important;
}

@media (min-width: 769px) {
	header#header.ct-header [data-row="middle"] {
		min-height: 78px;
	}

	header#header.ct-header .site-branding img {
		display: block;
		width: auto;
		max-height: 58px;
	}

	header#header.ct-header .header-menu-1 {
		margin-inline-start: auto;
	}

	header#header.ct-header .header-menu-1 > ul {
		gap: clamp(14px, 1.6vw, 26px);
	}

	header#header.ct-header .ct-menu-link {
		font-size: 14px;
		font-weight: 800;
		letter-spacing: 0.02em;
		text-transform: uppercase;
	}

	header#header.ct-header .ct-menu-link:hover,
	header#header.ct-header .current-menu-item > .ct-menu-link {
		color: #d96200;
	}

	header#header.ct-header .ct-header-search {
		width: 44px;
		height: 44px;
		border: 1px solid #e2e8f0;
		border-radius: 10px;
	}

	header#header.ct-header .ct-header-search:hover {
		color: #d96200;
		border-color: #d96200;
	}

}

@media (max-width: 768px) {
	header#header.ct-header [data-row="middle"] {
		min-height: 64px;
	}

	header#header.ct-header .site-branding img {
		display: block;
		width: auto;
		max-height: 46px;
	}

	header#header.ct-header .ct-header-trigger {
		width: 44px;
		height: 44px;
		border: 1px solid #e2e8f0;
		border-radius: 10px;
		color: #0f172a;
	}

	header#header.ct-header .ct-header-trigger:hover {
		color: #d96200;
		border-color: #d96200;
	}
}