/* Shared header branding across Vehica layouts 12599, 18456 and 13444. */
.vehica-header {
	--primary: #ff0000;
}

/* .vehica-menu__desktop is white in Vehica and shows while the sticky menu slides in. */
.vehica-header .vehica-menu__desktop,
.vehica-header .vehica-menu__wrapper,
.vehica-menu-sticky-active .vehica-header .vehica-menu__wrapper,
.vehica-header .vehica-mobile-menu__wrapper,
.vehica-header .vehica-mobile-menu__open,
.vehica-header .vehica-mobile-menu__open__top {
	background-color: #000838;
}

.vehica-header .vehica-menu__wrapper::before {
	background: #ffffff;
	opacity: .15;
}

.vehica-header .vehica-menu__wrapper .vehica-menu > .menu-item > .vehica-menu__link,
.vehica-menu-sticky-active .vehica-header .vehica-menu__wrapper .vehica-menu > .menu-item > .vehica-menu__link,
.vehica-header .vehica-menu__wrapper .vehica-menu > .menu-item-has-children > .vehica-menu__link::after {
	color: #ffffff;
}

.vehica-header .vehica-menu__wrapper .vehica-menu > .menu-item:hover > .vehica-menu__link,
.vehica-header .vehica-menu__wrapper .vehica-menu > .menu-item.current-menu-item:hover > .vehica-menu__link {
	color: #ff0000;
}

.vehica-header .vehica-mobile-menu__open .vehica-menu__link {
	color: #ffffff;
}

.vehica-header .vehica-menu-icon rect,
.vehica-header .vehica-mobile-menu__open__top__x svg,
.vehica-header .vehica-mobile-menu__open__top__x svg * {
	fill: #ff0000;
}

/*
 * The supplied PNG is 2550 × 1650 with transparent margins. Its visible art
 * occupies x=489..2060, y=609..1040. Position it inside the existing Vehica
 * logo link without altering the original brand artwork or its alt text.
 */
.vehica-header .vehica-logo > a {
	position: relative;
	display: block;
	width: 180px;
	height: 50px;
	background: url('./logo-white.png') -56px -70px / 292px 189px no-repeat;
}

.vehica-header .vehica-logo > a img {
	position: absolute;
	width: 1px !important;
	height: 1px !important;
	max-height: 1px !important;
	opacity: 0;
}

.vehica-header .vehica-logo > a:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 4px;
}

/* Full-width desktop header: logo left, navigation right. */
.vehica-header .vehica-menu__desktop .vehica-menu__left {
	width: 100%;
}

.vehica-header .vehica-menu__desktop .vehica-menu__container {
	margin-left: auto;
}

/* The Vehica mobile panel still carries demo contact details. */
.vehica-mobile-menu__info {
	display: none !important;
}

/* This class is assigned to the last item in the shared WordPress menu. */
.vehica-header .vehica-menu__desktop .vehica-menu > .antonkfz-menu-cta {
	display: flex;
	align-items: center;
}

/* Vehica's standard filled button is 53px tall; the menu link defaults to 70px. */
.vehica-header .vehica-menu__desktop .vehica-menu > .antonkfz-menu-cta > .vehica-menu__link {
	height: 53px;
}

.vehica-header .vehica-menu__desktop .vehica-menu > .antonkfz-menu-cta > .vehica-menu__link,
.vehica-header .vehica-mobile-menu__nav .antonkfz-menu-cta > .vehica-menu__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 10px;
	background: #ff0000;
	color: #ffffff !important;
	font-weight: 700;
	line-height: 1.2;
}

.vehica-header .antonkfz-menu-cta > .vehica-menu__link:hover,
.vehica-header .antonkfz-menu-cta > .vehica-menu__link:focus-visible {
	background: #ffffff;
	color: #000838 !important;
	outline: 2px solid #ff0000;
	outline-offset: 2px;
}

@media (max-width: 1024px) {
	.vehica-header .vehica-mobile-menu__open__top {
		background-color: #000838 !important;
	}

	.vehica-header .vehica-logo > a {
		width: 150px;
		height: 42px;
		background-size: 243px 157px;
		background-position: -47px -58px;
	}

	/* Keep the floating language switcher clear of the menu touch target. */
	.gtranslate_wrapper .gt_switcher_wrapper {
		top: 76px !important;
		right: 12px !important;
	}

	/* The floating selector otherwise covers the first open-menu touch target. */
	body:has(.vehica-mobile-menu__open.vehica-active) .gtranslate_wrapper .gt_switcher_wrapper {
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.vehica-header .vehica-mobile-menu__nav .antonkfz-menu-cta > .vehica-menu__link {
		width: 100%;
		margin-top: 12px;
	}
}