/* =========================================================================
   LADUTI Kopfzeile „final“ (body.ldc-hdr6) – über der V8-Kopfzeile, nur Darstellung.
   Reinweiß #ffffff mit feiner Abschlusslinie. Zeilenhöhen (mobil 37 px, sonst 47 px), Reihenfolge, Links,
   Warenkorb, Konto und Menü bleiben unverändert. Verfeinert werden nur Proportionen und Farbe:
   Logo etwas kleiner und exakt mittig, ein Farbton (#121212) für Navigation und Symbole statt Schieferblau,
   „Shop“ mobil als Textlink, ab 1000 px als ruhige Pille im neutralen Grau #f5f5f7.
   ========================================================================= */
body.ldc-hdr6 #header {
	--h6-ink: #121212;
	--h6-tile: #f5f5f7;
	--h6-tile-hover: #e9e9ed;
}

body.ldc-hdr6 #header,
body.ldc-hdr6 #header [data-row="top"],
body.ldc-hdr6 #header [data-row="middle"] {
	background: #fff;
	background-color: #fff;
}

body.ldc-hdr6 #header [data-row="middle"] {
	box-shadow: 0 1px 0 rgba(18, 18, 18, 0.06);
}

/* ---------- Logo: Luft nach oben und unten, exakt mittig (der leere Untertitel schob es nach oben) ---------- */
body.ldc-hdr6 #header .site-branding {
	display: flex;
	align-items: center;
}

body.ldc-hdr6 #header .site-title-container {
	display: none;
}

body.ldc-hdr6 #header .site-logo-container {
	display: block;
	height: auto;
	line-height: 0;
}

body.ldc-hdr6 #header .site-logo-container img {
	display: block;
	width: auto;
	height: 25px;
	max-height: none;
}

/* ---------- „Shop“: mobil Textlink ohne Fläche, nah an den Symbolen ---------- */
body.ldc-hdr6 #header .ct-header-cta .ct-button {
	--theme-button-background-initial-color: transparent;
	--theme-button-background-hover-color: var(--h6-tile);
	--theme-button-text-initial-color: var(--h6-ink);
	--theme-button-text-hover-color: var(--h6-ink);
	padding-inline: 14px;
	background-color: transparent;
	box-shadow: none;
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--h6-ink);
}

body.ldc-hdr6 #header [data-device="mobile"] .ct-header-cta {
	margin-inline-end: -4px;
}

body.ldc-hdr6 #header .ct-header-cta .ct-button:hover,
body.ldc-hdr6 #header .ct-header-cta .ct-button:focus-visible {
	background-color: var(--h6-tile);
	color: var(--h6-ink);
}

/* ---------- Symbole: ein Farbton, eine Größe; Tippfläche größer, ohne das Raster zu verschieben ---------- */
body.ldc-hdr6 #header .ct-header-cart,
body.ldc-hdr6 #header .ct-header-account,
body.ldc-hdr6 #header .ct-header-trigger {
	--theme-icon-color: var(--h6-ink);
	--theme-icon-hover-color: var(--h6-ink);
	--theme-link-initial-color: var(--h6-ink);
	--theme-link-hover-color: var(--h6-ink);
	--theme-text-color: var(--h6-ink);
}

body.ldc-hdr6 #header .ct-header-cart .ct-cart-item svg,
body.ldc-hdr6 #header .ct-header-account .ct-account-item > svg,
body.ldc-hdr6 #header .ct-header-trigger > svg {
	fill: var(--h6-ink);
}

body.ldc-hdr6 #header .ct-header-cart .ct-cart-item,
body.ldc-hdr6 #header .ct-header-account .ct-account-item,
body.ldc-hdr6 #header .ct-header-trigger {
	position: relative;
}

body.ldc-hdr6 #header .ct-header-cart .ct-cart-item::after,
body.ldc-hdr6 #header .ct-header-account .ct-account-item::after,
body.ldc-hdr6 #header .ct-header-trigger::after {
	content: "";
	position: absolute;
	inset: -11px -9px;
}

body.ldc-hdr6 #header .ct-header-cart .ct-label,
body.ldc-hdr6 #header .ct-header-cart .ct-amount {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.005em;
	color: var(--h6-ink);
}

/* ---------- ab 690 px (Zeile 47 px) ---------- */
@media (min-width: 690px) {
	body.ldc-hdr6 #header .site-logo-container img {
		height: 28px;
	}
}

/* ---------- Desktop ab 1000 px: Navigation neutral, „Shop“ als Pille ---------- */
@media (min-width: 1000px) {
	body.ldc-hdr6 #header .ct-header-cta {
		margin-inline-end: 6px;
	}

	body.ldc-hdr6 #header .ct-header-cta .ct-button {
		--theme-button-background-initial-color: var(--h6-tile);
		--theme-button-background-hover-color: var(--h6-tile-hover);
		--theme-button-min-height: 30px;
		min-height: 30px;
		padding-inline: 17px;
		background-color: var(--h6-tile);
		font-size: 13px;
	}

	body.ldc-hdr6 #header .ct-header-cta .ct-button:hover,
	body.ldc-hdr6 #header .ct-header-cta .ct-button:focus-visible {
		background-color: var(--h6-tile-hover);
	}

	body.ldc-hdr6 #header [data-id="menu"] > .menu > li > .ct-menu-link {
		--theme-link-initial-color: var(--h6-ink);
		--theme-link-hover-color: var(--h6-ink);
		font-size: 13px;
		letter-spacing: -0.005em;
		color: var(--h6-ink);
		transition: opacity 0.15s ease;
	}

	body.ldc-hdr6 #header [data-id="menu"] > .menu > li > .ct-menu-link svg {
		fill: currentColor;
	}

	body.ldc-hdr6 #header [data-id="menu"] > .menu:hover > li > .ct-menu-link {
		opacity: 0.55;
	}

	body.ldc-hdr6 #header [data-id="menu"] > .menu > li:hover > .ct-menu-link,
	body.ldc-hdr6 #header [data-id="menu"] > .menu > li:focus-within > .ct-menu-link {
		opacity: 1;
	}
}

/* Testsieger-Zeile (nur auf Seitentypen, die sie zeigen): neutrales Grau statt Beige, Text und Link unverändert */
body.ldc-hdr6 #header [data-row="bottom"] {
	background: #f5f5f7 !important;
	border-top: 0;
	border-bottom: 0;
}