/* ==========================================================================
   Lothar der Heimkehrer – Ergänzungen zu theme.json
   ========================================================================== */

/* Abstände zwischen Kopf, Inhalt und Fuss entfernen – Sektionen stossen aneinander */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* ---------- Kopfzeile ---------- */
header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
}
.site-header .wp-block-site-title { white-space: nowrap; }
.site-header .wp-block-navigation a:hover,
.site-header .wp-block-navigation a:focus { color: var(--wp--preset--color--sand); }
.site-header .nav-highlight > a {
	border: 1px solid var(--wp--preset--color--brown);
	padding: 0.3rem 0.8rem;
}
.site-header .nav-highlight > a:hover { background: var(--wp--preset--color--brown); color: #fff; }
/* «Mein Konto» nur im aufgeklappten Handy-Menü – am Desktop gibt es das Personen-Symbol */
.site-header .wp-block-navigation__container > .nav-mobile-only { display: none; }
.site-header .is-menu-open .wp-block-navigation__container > .nav-mobile-only { display: flex; }
.site-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: 2rem;
	font-size: 1.25rem;
}
@media (max-width: 1080px) {
	.site-header .wp-block-site-title { font-size: 1.2rem !important; }
}
/* Handy: Kopfzeile darf nie breiter als der Bildschirm werden */
@media (max-width: 600px) {
	.site-header .wp-block-site-title { font-size: 1.05rem !important; white-space: normal; line-height: 1.2; }
	.site-header .alignwide > .wp-block-group { gap: 0.7rem !important; }
	.site-header .wp-block-woocommerce-customer-account { display: none; } /* «Mein Konto» steht im Menü und in der Fusszeile */
}
/* Sicherheitsnetz gegen seitliches Scrollen (clip statt hidden, damit die Kopfzeile «sticky» bleibt) */
html, body { overflow-x: clip; }

/* Schriftzug von Martha als Logo */
.lothar-logo { display: inline-block; line-height: 0; }
.lothar-logo img { height: 54px; width: auto; display: block; }
.site-header .lothar-logo:hover img { opacity: 0.85; }
.footer-logo .lothar-logo img { height: 84px; margin-bottom: 0.5rem; }
@media (max-width: 600px) { .site-header .lothar-logo img { height: 44px; } }

/* Hero mit Schriftzug statt Text-Titel */
.lothar-hero-lettering { margin: 0.25rem 0 0.75rem !important; }
.lothar-hero-lettering img { width: min(560px, 82vw); height: auto; filter: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.45)); }

/* Zitat-Band */
.lothar-quote { font-family: var(--wp--preset--font-family--serif); font-style: italic; }
.lothar-quote cite { display: block; margin-top: 0.75rem; font-style: normal; font-family: var(--wp--preset--font-family--sans); font-size: 0.8125rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--sand); }

/* Chronik */
.lothar-chronik { list-style: none; padding: 0; margin: 0; }
.lothar-chronik li { display: grid; grid-template-columns: 5.5rem 1fr; gap: 1rem; padding: 0.6rem 0; border-top: 1px solid var(--wp--preset--color--sand); }
.lothar-chronik li strong { font-family: var(--wp--preset--font-family--serif); font-weight: 400; color: var(--wp--preset--color--brown-dark); font-size: 1.125rem; }

/* Sprachwahl DE · EN */
.lothar-langswitch {
	display: flex;
	gap: 0.4rem;
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.lothar-langswitch a { text-decoration: none; opacity: 0.6; }
.lothar-langswitch a[aria-current="true"] { opacity: 1; border-bottom: 1px solid currentColor; }

/* Hinweis-Box für Entwürfe (Rechtstexte) */
.lothar-draft-note { background: #fff6d6; border: 1px dashed #c9a227; padding: 0.75rem 1rem; font-size: 0.875rem; }

/* Schwebender Sprachumschalter von TranslatePress – wir nutzen DE · EN in der Kopfzeile */
#trp-floater-ls,
.trp-language-switcher.trp-floating-switcher { display: none !important; }

/* Mini-Warenkorb */
.site-header .wc-block-mini-cart__button { color: var(--wp--preset--color--sand-light); padding: 0.25rem; }

/* ---------- Bildbühne (Hero) ---------- */
.wp-block-cover.lothar-hero { align-items: flex-end; }
.wp-block-cover.lothar-hero--tall { min-height: min(88vh, 900px) !important; }
.wp-block-cover.lothar-hero:not(.lothar-hero--tall) { min-height: min(64vh, 720px) !important; }
.wp-block-cover.lothar-hero > .wp-block-cover__inner-container { width: 100%; }

/* ---------- Typografie-Helfer ---------- */
.is-style-lothar-kicker {
	font-size: 0.8125rem !important;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--wp--preset--color--brown);
	margin-bottom: 0.25rem;
}
.has-ink-background-color .is-style-lothar-kicker,
.wp-block-cover .is-style-lothar-kicker,
.has-charcoal-background-color .is-style-lothar-kicker,
.has-umber-background-color .is-style-lothar-kicker { color: var(--wp--preset--color--sand); }

.has-ink-background-color a:not(.wp-element-button),
.has-charcoal-background-color a:not(.wp-element-button),
.has-umber-background-color a:not(.wp-element-button) { color: var(--wp--preset--color--sand-light); }

/* Buttons: Kontur-Variante passend zu dunklen Flächen */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 1px solid currentColor;
	color: inherit;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--sand-light);
	color: var(--wp--preset--color--ink);
	border-color: var(--wp--preset--color--sand-light);
}

/* Listen ohne Aufzählungszeichen */
.is-style-plain { list-style: none; padding-left: 0; }
.is-style-plain li { margin-bottom: 0.35rem; }
.footer-links a { text-decoration: none; }
.footer-links a:hover { text-decoration: underline; }

/* Karte */
.is-style-lothar-card {
	background: var(--wp--preset--color--white);
	padding: clamp(1.25rem, 3vw, 2.25rem);
	box-shadow: 0 1px 0 rgba(13, 12, 12, 0.06), 0 12px 32px -18px rgba(13, 12, 12, 0.25);
}

/* Bilder in Sektionen leicht entsättigt – wie im bisherigen Auftritt */
.lothar-tone img { filter: sepia(0.18) saturate(0.85); }

/* Stationen der Reise */
.lothar-stations { counter-reset: station; list-style: none; padding-left: 0; }
.lothar-stations li {
	counter-increment: station;
	position: relative;
	padding: 0 0 1.25rem 3.25rem;
	border-left: 1px solid var(--wp--preset--color--sand);
	margin-left: 1rem;
}
.lothar-stations li::before {
	content: counter(station);
	position: absolute;
	left: -1rem;
	top: -0.1rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--wp--preset--color--brown);
	color: #fff;
	font-family: var(--wp--preset--font-family--serif);
	display: grid;
	place-items: center;
	font-size: 0.95rem;
}
.lothar-stations li:last-child { border-left-color: transparent; }

/* ---------- WooCommerce: an das Theme angleichen ---------- */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--wp--preset--color--brown);
	color: #fff;
	border-radius: 0;
	font-family: var(--wp--preset--font-family--sans);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-weight: 500;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover { background: var(--wp--preset--color--brown-dark); color: #fff; }
.woocommerce button.button.alt,
.woocommerce a.button.alt { background: var(--wp--preset--color--ink); }
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover { background: var(--wp--preset--color--brown-dark); }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single {
	border: 1px solid var(--wp--preset--color--sand);
	border-radius: 0;
	padding: 0.65rem 0.75rem;
	background: #fff;
	min-height: 2.75rem;
}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered { line-height: 1.5rem; padding-left: 0; }
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow { top: 0.6rem; }
.woocommerce-info, .woocommerce-message, .woocommerce-error {
	border-top-color: var(--wp--preset--color--brown);
	background: var(--wp--preset--color--sand-light);
}
.woocommerce-info::before, .woocommerce-message::before { color: var(--wp--preset--color--brown); }
.woocommerce table.shop_table { border-radius: 0; border-color: var(--wp--preset--color--sand); background: #fff; }
.woocommerce-checkout #payment { background: var(--wp--preset--color--sand-light); border-radius: 0; }
.woocommerce span.onsale { background: var(--wp--preset--color--brown); }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--wp--preset--color--sand); }
.woocommerce-MyAccount-navigation li a { display: block; padding: 0.6rem 0; text-decoration: none; }
.woocommerce-MyAccount-navigation li.is-active a { font-weight: 600; color: var(--wp--preset--color--brown-dark); }
.wc-block-components-product-price, .woocommerce .price { color: var(--wp--preset--color--brown-dark) !important; }

/* Kein Seitenumbruch der Buttons auf schmalen Geräten */
@media (max-width: 600px) {
	.wp-block-buttons { gap: 0.75rem; }
	.wp-block-buttons > .wp-block-button { width: 100%; }
	.wp-block-buttons > .wp-block-button .wp-block-button__link { width: 100%; }
}