/* Donau Automobile — full-width header with dark-home overlay state. */

.da-header-stack {
	position: relative;
	z-index: 50;
	width: 100%;
	background: #fff;
	color: #181a1f;
}

.da-site-header {
	position: relative;
	background: #fff;
}

.home .da-header-stack {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	color: #fff;
}

.home .da-site-header {
	background: transparent;
}

.admin-bar.home .da-header-stack {
	top: 32px;
}

.da-header-inner {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: var(--da-header-height, 96px);
	padding-inline: var(--da-header-side-padding, 40px);
}

.da-header-logo {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 auto;
	text-decoration: none;
}

.da-header-logo img {
	display: block;
	width: auto;
	height: var(--da-header-logo-height, 38px);
	max-width: min(260px, 34vw);
	max-height: none;
}

.da-header-brand-text {
	font-family: var(--da-font-heading, "Inter Tight", Arial, sans-serif);
	font-size: 27px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.03em;
	text-decoration: none;
	color: currentColor;
}

.da-header-nav {
	min-width: 0;
	margin-left: clamp(42px, 4.2vw, 72px);
}

.da-header-menu {
	display: flex;
	align-items: center;
	gap: clamp(8px, .8vw, 14px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.da-header-menu a {
	display: inline-flex;
	align-items: center;
	padding: 7px 15px;
	border-radius: 999px;
	background: transparent;
	font-size: var(--da-header-menu-font-size, 14px);
	font-weight: var(--da-header-menu-font-weight, 500);
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	color: #181a1f;
	transition: background-color .18s ease, color .18s ease;
}

.da-header-menu a:hover,
.da-header-menu a:focus-visible {
	background: #181A1F12;
	color: #181a1f;
	outline: 0;
}

.home .da-header-menu a {
	color: rgba(255, 255, 255, .9);
}

.home .da-header-menu a:hover,
.home .da-header-menu a:focus-visible {
	background: rgba(255, 255, 255, .1);
	color: #fff;
}

.da-header-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--da-header-actions-gap, 18px);
	min-width: 0;
	margin-left: auto;
}

.da-header-phone {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: var(--da-header-phone-font-size, 14px);
	font-weight: var(--da-header-phone-font-weight, 500);
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	color: #181a1f;
	transition: opacity .18s ease;
}

.home .da-header-phone {
	color: #fff;
}

.da-header-phone svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.da-header-phone:hover,
.da-header-phone:focus-visible {
	opacity: .72;
	outline: 0;
}

.da-header-actions {
	display: flex;
	align-items: center;
	gap: var(--da-header-actions-gap, 18px);
	flex: 0 0 auto;
}

.da-header-action {
	min-height: 42px;
	padding-inline: 21px;
	font-size: var(--da-header-button-font-size, 14px);
	font-weight: var(--da-header-button-font-weight, 500);
	white-space: nowrap;
}

.da-header-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 6px;
	width: 42px;
	height: 42px;
	margin-left: auto;
	padding: 0;
	border: 1px solid #d9dadd;
	border-radius: 999px;
	background: transparent;
	color: #181a1f;
	cursor: pointer;
}

.home .da-header-toggle {
	border-color: rgba(255, 255, 255, .34);
	color: #fff;
}

.da-header-toggle > span:not(.screen-reader-text) {
	display: block;
	width: 16px;
	height: 1px;
	background: currentColor;
	transition: transform .18s ease;
}

.da-header-toggle[aria-expanded="true"] > span:nth-last-child(2) {
	transform: translateY(3.5px) rotate(45deg);
}

.da-header-toggle[aria-expanded="true"] > span:last-child {
	transform: translateY(-3.5px) rotate(-45deg);
}

.da-mobile-menu {
	border-top: 1px solid #ececee;
	background: #fff;
}

.home .da-mobile-menu {
	border-top-color: rgba(255, 255, 255, .12);
	background: rgba(16, 18, 21, .98);
	color: #fff;
}

.da-mobile-menu ul {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 10px 0 18px;
	list-style: none;
}

.da-mobile-menu a {
	display: flex;
	align-items: center;
	min-height: 48px;
	border-bottom: 1px solid #f0f0f1;
	font-size: var(--da-header-menu-font-size, 14px);
	font-weight: var(--da-header-menu-font-weight, 500);
	text-decoration: none;
	color: #181a1f;
}

.home .da-mobile-menu a {
	border-bottom-color: rgba(255, 255, 255, .1);
	color: #fff;
}

.da-mobile-meta {
	display: grid;
	gap: 10px;
	padding: 16px 0 6px;
}

.da-mobile-meta .da-header-phone {
	width: fit-content;
}

.da-mobile-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

@media (max-width: 1360px) {
	.da-header-inner {
		padding-inline: min(var(--da-header-side-padding, 40px), 28px);
	}

	.da-header-nav {
		margin-left: 38px;
	}

	.da-header-menu {
		gap: 6px;
	}

	.da-header-action {
		padding-inline: 17px;
	}
}

@media (max-width: 1200px) {
	.da-header-nav,
	.da-header-right {
		display: none;
	}

	.da-header-toggle {
		display: inline-flex;
	}
}

@media (max-width: 782px) {
	.admin-bar.home .da-header-stack {
		top: 46px;
	}
}

@media (max-width: 620px) {
	.da-header-inner {
		padding-inline: 14px;
	}

	.da-header-logo img {
		max-width: min(220px, 54vw);
	}
}
