/* =========================================================================
   LADUTI Sprachversionen – sprachspezifische Typografie. Wird nur auf übersetzten Seiten geladen.
   Grundsatz: so wenig wie möglich. Erst die Formulierung prüfen, dann hier eine Regel je Sprache – keine Sonderfälle
   je Seite, außer eine Überschrift verlangt es nachweislich.
   ========================================================================= */

/* Große Überschriften werden in den Sprachversionen nie automatisch getrennt („com-mande“); sie brechen an Wortgrenzen. */
html:not([lang^="de"]) h1,
html:not([lang^="de"]) h2,
html:not([lang^="de"]) .ldcs-h1 {
	hyphens: manual;
	-webkit-hyphens: manual;
	overflow-wrap: break-word;
}

/* Französisch: Leerzeichen vor ? ! : ; sind geschützt gesetzt; Zeilen sollen nicht mit einem einzelnen Satzzeichen beginnen */
html[lang^="fr"] h1,
html[lang^="fr"] h2,
html[lang^="fr"] h3 {
	text-wrap: balance;
}

/* Hinweis an übersetzten Kundenbewertungen: Teil der Meta-Zeile (hinter dem Datum), kleiner und leiser als diese */
.comment-text p.meta .ldc-i18n-tr-note,
.ldc-i18n-tr-note { font-size: 10.5px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #a1a1a6 !important; white-space: nowrap; }
.ldc-i18n-tr-note::before { content: "·"; margin: 0 6px 0 4px; }

/* ── Sprachwechsler ──────────────────────────────────────────────────────────────────────────────────
   Kopfzeile: letzter Punkt des Menüs. Desktop zeigt das Kürzel (FR), das mobile Menü den Namen (Français).
   Die Aufklappliste selbst gestaltet der Rahmen „7“ (weiß, weiche Ecken) – hier nur Maße und Zustände. */
.ldc-lang > a .ldc-lang__name { display: none; }
.ldc-lang > a .ldc-lang__code { letter-spacing: 0.02em; }
.mobile-menu .ldc-lang > a .ldc-lang__code,
.mobile-menu .ldc-lang > .ct-sub-menu-parent a .ldc-lang__code { display: none; }
.mobile-menu .ldc-lang .ldc-lang__name { display: inline; }
.header-menu-1 .ldc-lang > .sub-menu { min-width: 168px; }
.header-menu-1 .ldc-lang > .sub-menu:has(> li:nth-child(9)) { columns: 2; column-gap: 0; min-width: 320px; }
.header-menu-1 .ldc-lang .sub-menu li { break-inside: avoid; }
.ldc-lang .ldc-lang__item.current-menu-item > a { font-weight: 600; }

/* Mobiles Menü: die Sprachwahl steht abgesetzt unter der Navigation – kleiner und leiser als die Menüpunkte */
.mobile-menu .ldc-lang { margin-top: 22px; padding-top: 14px; border-top: 1px solid #e8e8ed; }
.mobile-menu .ldc-lang > .ct-sub-menu-parent > a,
.mobile-menu .ldc-lang .sub-menu a { font-size: 15px !important; font-weight: 500 !important; color: #6e6e73 !important; }
.mobile-menu .ldc-lang .sub-menu .current-menu-item > a { color: #121212 !important; font-weight: 600 !important; }
.mobile-menu .ldc-lang .sub-menu a { min-height: 44px; display: flex; align-items: center; }

/* Footer: eine ruhige Zeile über der Schlusszeile */
.ldc-lang-ft { margin: 0 0 18px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.ldc-lang-ft ul { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; list-style: none; }
.ldc-lang-ft li { margin: 0; font-size: 13px; line-height: 1.5; }
.ldc-lang-ft a { color: rgba(255, 255, 255, 0.62); text-decoration: none; display: inline-block; padding: 6px 0; }
.ldc-lang-ft a:hover { color: #fff; }
.ldc-lang-ft [aria-current] { color: #fff; font-weight: 600; display: inline-block; padding: 6px 0; }

/* ── Shop-Karten in anderen Sprachen ─────────────────────────────────────────────────────────────────
   Der Kaufknopf bleibt immer einzeilig („Aggiungi al carrello“ ist länger als „In den Warenkorb“).
   Reicht der Platz neben dem Knopf nicht, rückt „Details“ in die nächste Zeile – nichts wird gequetscht. */
@media (min-width: 690px) {
	html:not([lang^="de"]) body.ldc-shop-s8 .ldc8s-card__actions { flex-wrap: wrap; row-gap: 2px; }
	html:not([lang^="de"]) body.ldc-shop-s8 .ldc8s-card__actions a.button.ldc8s-atc { white-space: nowrap; flex: 0 0 auto; }
}
@media (min-width: 1280px) {
	html:not([lang^="de"]) body.ldc-shop-s8 .ldc8s-card__actions a.button.ldc8s-atc { padding: 0 18px; }
}

/* ── Polnisch: lange Wörter in der großen Einstiegszeile der Wirkweise ─────────────────────────────────
   „Wszystko zaczyna się od jednej kropli.“ bräuchte ab 1440 px fünf Zeilen in der festen Textspalte (464 px).
   Größe ab dort bei 80 px gedeckelt (= Wert bei 1280 px) → vier Zeilen wie im Deutschen. Vorlage für weitere
   Sprachen mit langen Wörtern (hu, fi …): erst messen, dann die Sprache hier ergänzen. */
@media (min-width: 1280px) {
	html[lang^="pl"] .ldcx .ldcx-h1 { font-size: min(6.2vw, 80px); }
}

/* ── Anführungszeichen der Bewertungs-Zitate je Sprache ────────────────────────────────────────────────
   ldc.css setzt für .ldc-review__text die deutschen „…“; in den Sprachversionen gelten die landesüblichen Zeichen. */
html[lang^="fr"] .ldc-review__text { quotes: "« " " »"; }
html[lang^="it"] .ldc-review__text,
html[lang^="es"] .ldc-review__text,
html[lang^="pt"] .ldc-review__text,
html[lang^="el"] .ldc-review__text { quotes: "«" "»"; }
html[lang^="en"] .ldc-review__text,
html[lang^="nl"] .ldc-review__text { quotes: "“" "”"; }
html[lang^="sv"] .ldc-review__text,
html[lang^="fi"] .ldc-review__text,
html[lang^="da"] .ldc-review__text { quotes: "”" "”"; }
html[lang^="pl"] .ldc-review__text,
html[lang^="ro"] .ldc-review__text,
html[lang^="hu"] .ldc-review__text { quotes: "„" "”"; }

/* ── Ungarisch, Rumänisch: Einstiegszeile der Startseite (Hero D) ab 690 px ──────────────────────────────────────
   „Állítsd meg a hajhullást. / Indítsd be a hajnövekedést.“ ist fast doppelt so lang wie „Gegen Haarausfall. /
   Für Haarwachstum.“; einzeilig je Satz reicht der Text bis an die Flasche. Größe bleibt, die Breite ist auf 7.4em
   begrenzt: jeder Satz bricht ausgewogen in zwei Zeilen und bleibt links der Flasche (nichts über dem Produkt). */
@media (min-width: 690px) {
	html[lang^="hu"] body.ldc-hero-d .ldc-hero5__title,
	html[lang^="ro"] body.ldc-hero-d .ldc-hero5__title { max-width: 7.4em; text-wrap: balance; }
}

/* ── Galerie-Vorschaubilder der Produktseiten: das Kürzel „V | N“ (ldc-v4.css) ist deutsch; landesübliche Kürzel wären
   mehrdeutig (fr „A | A“) – in den Sprachversionen entfällt es, die Vorschau zeigt die Gegenüberstellung selbst (16.10.2026). */
html:not([lang^="de"]) .ldc4-thumb.is-ba::after {
	content: none;
}