/* ============================================================================
   WD Native-Block-Adapter
   Bringt native Core-Blöcke (group/image/heading/paragraph/buttons), die die
   WD-Faithful-Klassen tragen, exakt auf die faithful-Optik. Greift gezielt nur
   auf das Block-Markup (.wp-block-*), damit die Roh-faithful-Seiten unberührt
   bleiben. So lebt die Optik im Theme — der Editor fasst nur Inhalt an.
   ========================================================================== */

/* --- Detail-/Profilseite (Arzt-Profil) ----------------------------------- */

/* Foto-Frame: core/image trägt .doc-detail-photo → Core-Margin raus, Bild füllt
   das quadratische Frame (aspect-ratio/overflow/radius kommen aus styles.css). */
figure.doc-detail-photo.wp-block-image { margin: 0; }
.doc-detail-photo .wp-block-image,
.doc-detail-photo img { margin: 0; display: block; }
.doc-detail-photo img { width: 100%; height: 100%; object-fit: cover; }

/* Grid-Wrapper als native Group: kein Core-blockGap, Gap kommt aus .doc-detail. */
.doc-detail.wp-block-group,
.doc-detail-body.wp-block-group,
.prose.wp-block-group { margin: 0; }
.prose.wp-block-group > p { margin: 0 0 1rem; }

/* crumbs/legal-back als native Paragraphen: Core-Absatz-Margins neutralisieren,
   die Klassen-Margins aus styles.css gewinnen. */
p.crumbs.wp-block-paragraph { margin: 0; }
p.legal-back.wp-block-paragraph { margin-top: 2rem; }

/* --- CTA-Band (full-align Group + native core/buttons) ------------------- */

/* Full-Bleed-Band braucht eigenes vertikales Polster (Roh-faithful bekam es vom
   <section>-Fluss); nur die native Group-Variante treffen. */
section.cta-band.wp-block-group { padding-block: clamp(2.6rem, 6vh, 4.2rem); padding-inline: var(--pad-x); }
.cta-band .wp-block-buttons { justify-content: center; margin-top: 1.6rem; gap: .8rem; }
.cta-band .wp-block-button__link {
	background: #fff; color: var(--navy); border-radius: 999px;
	font-family: var(--body); font-weight: 700; padding: .8rem 1.7rem;
}
.cta-band .wp-block-button__link:hover { background: var(--surface); }
.cta-band .is-style-outline .wp-block-button__link {
	background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.5);
}
.cta-band .is-style-outline .wp-block-button__link:hover { border-color: #fff; background: rgba(255,255,255,.08); }

/* --- WD Team (Zickzack-Repeater) ---------------------------------------- */
/* core/image im Foto-Frame: Core-Margin raus, Bild füllt das Frame (aspect-ratio
   + overflow/radius kommen aus styles.css `.team2-photo`). */
.team2-photo .wp-block-image { margin: 0; height: 100%; }
.team2-photo .wp-block-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Chips als native core/list: Core-Listenoptik raus, .team2-chips-Pills gewinnen. */
.team2-body .wp-block-list.team2-chips { margin: 0 0 1rem; padding: 0; }

/* --- Footer-Rechtslinks als native Liste (Pipeline 2) --------------------- */
/* footer_part rendert die Rechts-Bar ab Pipeline 2 als nav.foot-legal > core/list —
   Optik identisch zur alten <nav><a>-Zeile (Flex-Reihe, keine Bullets). */
.foot-bar .foot-legal ul.wp-block-list {
	list-style: none; display: flex; flex-wrap: wrap;
	gap: .4rem 1.2rem; margin: 0; padding: 0;
}
.foot-bar .foot-legal li { margin: 0; }

/* --- Button-Reihen aus Blockify v2 (non-faithful) ------------------------- */
/* Original-Reihenklasse (.hero-actions/.cta-actions/.btn-row) liegt am
   wp-block-buttons-Wrapper; die Button-Optik liefert theme.json elements.button. */
.wp-block-buttons.hero-actions,
.wp-block-buttons.cta-actions,
.wp-block-buttons.btn-row { gap: .8rem; }

/* --- Hero-Pattern: Outline-Button auf dunklem Verlauf --------------------- */
.hero .is-style-outline .wp-block-button__link {
	color: var(--wd-on-dark, #fff);
	border-color: color-mix(in srgb, var(--wd-on-dark, #fff) 50%, transparent);
}
.hero .is-style-outline .wp-block-button__link:hover {
	border-color: var(--wd-on-dark, #fff);
	background: color-mix(in srgb, var(--wd-on-dark, #fff) 8%, transparent);
}

/* --- Native Kennzahlen/Fakten/Notice/Timeline (Pipeline 2) ---------------- */
/* statbar/facts/notice rendern ab Pipeline 2 als Absätze bzw. native Liste —
   Core-p/ol-Defaults neutralisieren, die Sektions-Klassen aus sections.css/
   Kunden-CSS gewinnen (Optik identisch zur alten div/ol-Variante). */
p.stat.wp-block-paragraph,
p.fact.wp-block-paragraph { margin: 0; }
.statbar.wp-block-group,
.facts.wp-block-group { margin: 0; }
p.notice.wp-block-paragraph { margin: 0; }
ol.wp-block-list.timeline { max-width: 760px; list-style: none; padding: 0; }
ol.wp-block-list.timeline li.tl { margin: 0; }

/* --- WD Link-Karte (a.card editierbar) ------------------------------------ */
/* Wrapper trägt die faithful-Kartenklasse (z. B. .card) → Kunden-CSS greift.
   Kind-Blöcke (h3/p) erben die Karten-Typo; Core-Margins raus. */
.wp-block-wd-link-card { display: block; text-decoration: none; color: inherit; }
.wp-block-wd-link-card .wp-block-heading { margin-top: 0; }
.wp-block-wd-link-card p.wp-block-paragraph { margin-bottom: 0; }
/* Editor: der <a>-Wrapper rendert im Canvas als div — gleiche Kartenoptik. */
.editor-styles-wrapper [data-type="wd/link-card"] { display: block; }

/* --- Editor-Canvas: Reveal-Animationen neutralisieren ------------------- */
/* reveal.js läuft nur auf der Front; im Editor blieben .reveal-Elemente sonst
   opacity:0 (unsichtbar). Nur im Canvas (.editor-styles-wrapper) sichtbar machen. */
.editor-styles-wrapper .reveal,
.editor-styles-wrapper .wd-motion.reveal { opacity: 1 !important; transform: none !important; }
/* Download-Einträge im Editor: Vorschau-Span ohne Link-Hover-Verhalten. */
.editor-styles-wrapper .dl-link { cursor: default; }
/* wd/icon-list im Editor: Icon nie größer als die Textzeile (die Front stylt das
   Kunden-CSS über die className, z. B. .feature-list li svg). */
.editor-styles-wrapper .icon-list__ic svg { width: 1.15em; height: 1.15em; }

/* --- Rechtsseiten: lange deutsche Komposita dürfen umbrechen ------------ */
/* "Datenschutzerklärung" als H1 schob bei 390px die Seite 11px auf (Rollout-
   Gate B strict, pm-zentrum-puls 19.07.). hyphens greift via html lang=de;
   overflow-wrap ist das Netz für Nicht-Wörter (lange URLs im Rechtstext). */
.legal h1, .legal h2, .legal h3,
.legal p, .legal li { overflow-wrap: anywhere; hyphens: auto; }