/**
 * Oralchirurgie Puchheim — front-end design layer.
 * Tokens live in theme.json; layout and components here.
 */

/* ── Layout tokens ────────────────────────────────────── */
:root {
	--oc-content-max: min(var(--wp--style--global--content-size, 1280px), calc(100vw - 2rem));
	--oc-wide-max: min(var(--wp--style--global--wide-size, 1440px), calc(100vw - 2rem));
	--oc-gutter: clamp(1rem, 4vw, 2rem);
	/* check glyph for .oc-check-list, inlined so no external request is made */
	--oc-check-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

/* ── Base ─────────────────────────────────────────────── */
html {
	scroll-behavior: smooth;
}

h1, h2, h3 {
	text-wrap: balance;
}

:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}

body {
	background-color: var(--wp--preset--color--surface-muted);
	overflow-x: clip;
}

/* Full-bleed: background spans entire viewport, content stays in container */
.alignfull,
.wp-block-group.alignfull {
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.oc-site-header.alignfull {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* WP root wrapper — no side padding; sections handle gutters */
.wp-site-blocks {
	padding-left: 0;
	padding-right: 0;
}

.wp-site-blocks > * + * {
	margin-block-start: 0 !important;
}

main.wp-block-group > * + * {
	margin-block-start: 0 !important;
}

/* sections butt together; backgrounds alternate, no body-bg seams */
.wp-block-post-content > * {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

/* team intro width */
.oc-team-intro {
	max-width: 65ch;
	margin-bottom: 1.5rem !important;
}

/* ── Header ─────────────────────────────────────────── */
/* Sticky must sit on the template-part wrapper, not .oc-site-header: the
   wrapper is only as tall as the header, so a sticky child has no travel
   room and scrolls away with it. The wrapper is a .wp-site-blocks child. */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
}

body.admin-bar .wp-site-blocks > header.wp-block-template-part {
	top: var(--wp-admin--admin-bar--height, 32px);
}

.oc-site-header {
	width: 100%;
	box-shadow: 0 1px 0 rgba(28, 41, 59, 0.08);
	background: #fff !important;
}

.oc-header-tagline {
	background: var(--wp--preset--color--surface-muted);
	border-bottom: 1px solid rgba(28, 41, 59, 0.06);
	padding: 0.4rem var(--oc-gutter) !important;
}

.oc-header-tagline p {
	margin: 0;
	color: var(--wp--preset--color--text-muted);
	letter-spacing: 0.01em;
}

.oc-header-main {
	width: 100%;
	padding-top: 0.9rem !important;
	padding-bottom: 0.9rem !important;
}

.oc-header-inner {
	width: 100%;
	max-width: var(--oc-wide-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--oc-gutter);
	padding-right: var(--oc-gutter);
	gap: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.oc-brand-lockup {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	min-width: 0;
	padding-left: 2.875rem;
}

.oc-brand-lockup .wp-block-site-tagline {
	font-size: 0.75rem;
	line-height: 1.25;
	color: var(--wp--preset--color--text-muted);
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.oc-header-tel {
	font-weight: 600;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--primary) !important;
	text-decoration: none;
	white-space: nowrap;
	padding: 0.5rem 0.25rem;
	display: none;
	align-items: center;
	gap: 0.4rem;
}

.oc-header-tel-icon {
	flex-shrink: 0;
	display: block;
}

.oc-header-tel:hover {
	color: var(--wp--preset--color--accent-deep, #1E7CA9) !important;
}

@media (min-width: 1280px) {
	.oc-header-tel {
		display: inline-flex;
	}
}

.oc-header-cta-secondary .wp-block-button__link {
	padding: 0.55rem 1.1rem !important;
	border-radius: 8px !important;
	font-size: 0.8125rem !important;
	font-weight: 600;
	white-space: nowrap;
	color: var(--wp--preset--color--primary) !important;
	background: transparent !important;
	border: 1px solid rgba(28, 41, 59, 0.35) !important;
	transition: border-color 0.15s ease, color 0.15s ease;
}

.oc-header-cta-secondary .wp-block-button__link:hover,
.oc-header-cta-secondary .wp-block-button__link:focus-visible {
	border-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--primary) !important;
}

.oc-brand {
	flex: 0 1 auto;
	min-width: 0;
}

.oc-brand .wp-block-site-title {
	margin: 0;
	line-height: 1.2;
	flex-shrink: 1;
	min-width: 0;
}

.oc-brand .wp-block-site-title a {
	display: block;
	color: var(--wp--preset--color--primary) !important;
	text-decoration: none;
	font-weight: 600;
	font-size: clamp(0.85rem, 1.6vw, 1rem);
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: min(18rem, 44vw);
}

/* logo circle anchored to the lockup so it centers on both text lines */
.oc-brand .wp-block-site-title a::before {
	content: "+";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	background: rgba(60, 170, 221, 0.15);
	color: var(--wp--preset--color--accent);
	font-size: 1.25rem;
	font-weight: 700;
	flex-shrink: 0;
}

.oc-header-actions {
	flex: 0 1 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
	min-width: 0;
}

/* keep the CTA pair's internal gap identical to the actions gap */
.oc-header-actions .wp-block-buttons {
	gap: 0.75rem;
}

.oc-site-header .oc-main-nav,
.oc-site-header .wp-block-navigation {
	flex-shrink: 1;
	min-width: 0;
}

.oc-site-header .wp-block-navigation .wp-block-navigation__container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.125rem 0.25rem;
}

.oc-site-header .wp-block-navigation-item {
	white-space: nowrap;
}

.oc-site-header .wp-block-navigation .wp-block-navigation-item__content {
	color: var(--wp--preset--color--text);
	font-weight: 500;
	font-size: 0.875rem;
	padding: 0.75rem 0.55rem;
	white-space: nowrap;
	border-radius: 0.35rem;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.oc-site-header .wp-block-navigation .wp-block-navigation-item__content:hover,
.oc-site-header .wp-block-navigation .wp-block-navigation-item__content:focus {
	color: var(--wp--preset--color--accent-deep, #1E7CA9);
	background: rgba(60, 170, 221, 0.08);
}

/* submenu toggle (openSubmenusOnClick): match link styling, chevron hugs its label */
.oc-site-header .wp-block-navigation-submenu__toggle {
	appearance: none;
	background: none;
	border: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-family: inherit;
}

.oc-site-header .wp-block-navigation__submenu-icon {
	margin-left: 0;
	width: 0.6em;
	flex-shrink: 0;
	transition: transform 0.15s ease;
}

.oc-site-header .wp-block-navigation-submenu__toggle[aria-expanded="true"] .wp-block-navigation__submenu-icon {
	transform: rotate(180deg);
}

.oc-site-header .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
	border-radius: 0.5rem;
	box-shadow: 0 8px 24px rgba(28, 41, 59, 0.12);
	border: 1px solid rgba(28, 41, 59, 0.08);
	padding: 0.375rem 0;
	min-width: 12rem;
}

.oc-site-header .wp-block-navigation-submenu .wp-block-navigation-item__content {
	font-size: 0.875rem;
	padding: 0.5rem 0.875rem;
}

/* Desktop: Neupatienten + Termin live in the header buttons; the overlay-only
   CTA items are hidden from the horizontal nav. */
.oc-site-header .oc-main-nav a[href*="/informationen-fuer-neupatienten/"],
.oc-site-header .oc-main-nav .oc-nav-cta {
	display: none !important;
}

.oc-header-cta {
	flex-shrink: 0;
}

.oc-header-cta .wp-block-button__link {
	padding: 0.55rem 1.1rem !important;
	border-radius: 8px !important;
	font-size: 0.8125rem !important;
	font-weight: 600;
	white-space: nowrap;
	color: #fff !important;
	background-color: #243090 !important;
	transition: background-color 0.15s ease;
}

.oc-header-cta .wp-block-button__link:hover,
.oc-header-cta .wp-block-button__link:focus-visible {
	background-color: #1b2570 !important;
}

/* Collapse nav into overlay below 1024px */
@media (max-width: 1024px) {
	.oc-site-header .wp-block-navigation__responsive-container-open {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 2.75rem;
		height: 2.75rem;
		padding: 0;
		border-radius: 0.5rem;
		border: 1px solid rgba(28, 41, 59, 0.12);
		background: #fff;
	}

	.oc-site-header .wp-block-navigation__responsive-container-open svg {
		width: 1.35rem;
		height: 1.35rem;
	}

	.oc-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content {
		display: none !important;
	}

	.oc-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container {
		display: none !important;
	}

	.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		gap: 0.25rem;
	}
}

/* Overlay / mobile menu panel */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
	padding-top: 1rem;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding: 1rem var(--oc-gutter) 1.5rem;
	gap: 0.25rem;
	overflow-x: hidden;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: 100%;
}

/* overlay entries: full-width, left-aligned (desktop right-justification must not apply) */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	justify-content: flex-start !important;
	align-items: stretch;
	width: 100%;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1rem;
	font-weight: 600;
	color: var(--wp--preset--color--text);
	padding: 0.8rem 0.25rem;
	white-space: normal;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
	width: 0.75em;
	margin-right: 0.25rem;
	color: var(--wp--preset--color--text-muted);
}

/* one divider per top-level entry; the pinned CTAs opt out */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.oc-nav-cta) {
	border-bottom: 1px solid rgba(28, 41, 59, 0.08);
}

/* accordion: submenus closed until their toggle is expanded */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu {
	flex-wrap: wrap;
	position: relative;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle {
	width: 100%;
	justify-content: space-between;
}

/* chevron: core hides it in the overlay; it sits beside the toggle in the item */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > .wp-block-navigation__submenu-icon {
	display: flex !important;
	position: absolute;
	right: 0.25rem;
	top: 1.05rem;
	width: 0.8em;
	color: var(--wp--preset--color--text-muted);
	pointer-events: none;
	transition: transform 0.15s ease;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation__submenu-icon {
	transform: rotate(180deg);
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
	display: none;
	position: static;
	opacity: 1;
	visibility: visible;
	box-shadow: none;
	border: 0;
	padding: 0 0 0.5rem 0.75rem;
	min-width: 0;
	width: 100%;
	background: transparent;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.is-open > .wp-block-navigation__submenu-container,
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation__submenu-container {
	display: flex;
	flex-direction: column;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 0.9375rem;
	font-weight: 400;
	color: var(--wp--preset--color--text-muted);
	padding: 0.55rem 0.25rem;
}

/* Overlay: fill height so the two CTAs pin to the bottom (and stay on screen) */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	min-height: calc(100vh - 12rem);
	min-height: calc(100dvh - 12rem);
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	flex: 1;
}

/* the Praxis-submenu duplicate of Online Anamnese is redundant with the CTA button */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu a[href*="infoskophost"] {
	display: none !important;
}

/* Neupatienten is a header button on desktop; in the overlay it returns as a list item */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open a[href*="/informationen-fuer-neupatienten/"] {
	display: flex !important;
}

/* the two bottom CTA buttons */
.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .oc-nav-cta {
	display: block !important;
	width: 100%;
	margin: 0;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .oc-nav-cta-termin {
	margin-top: auto;
	padding-top: 1.5rem;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .oc-nav-cta-anamnese {
	padding-top: 0.75rem;
	padding-bottom: 1rem;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .oc-nav-cta .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 0.85rem 1.25rem !important;
	border-radius: 8px;
	font-weight: 600;
	font-size: 1rem;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .oc-nav-cta-termin .wp-block-navigation-item__content {
	background: #243090;
	color: #fff;
}

.oc-site-header .wp-block-navigation__responsive-container.is-menu-open .oc-nav-cta-anamnese .wp-block-navigation-item__content {
	background: transparent;
	color: var(--wp--preset--color--primary);
	border: 1px solid rgba(28, 41, 59, 0.35);
}

@media (max-width: 782px) {
	.oc-header-tagline {
		display: none;
	}

	.oc-brand .wp-block-site-title a {
		max-width: min(14rem, 52vw);
	}

	.oc-header-cta .wp-block-button__link {
		padding: 0.5rem 0.75rem !important;
		font-size: 0.75rem !important;
	}
}

@media (max-width: 900px) {
	.oc-header-actions .wp-block-button.oc-header-cta-secondary {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.oc-header-inner {
		gap: 0.5rem;
	}

	.oc-header-actions {
		gap: 0.5rem;
	}

	.oc-header-actions .wp-block-button.oc-header-cta {
		display: none !important;
	}

	/* header tel stays hidden — the hero shows the number above the fold */

	.oc-brand .wp-block-site-title a {
		max-width: calc(100vw - 8rem);
	}

	.oc-brand-lockup .wp-block-site-tagline {
		font-size: 0.6875rem;
	}
}

/* ── Split hero (homepage) ────────────────────────────── */
.oc-hero-split {
	background: var(--wp--preset--color--surface-muted);
	color: var(--wp--preset--color--text);
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	align-items: stretch;
	min-height: min(72vh, 640px);
}

/* grid children: WP flow blockGap must not open a seam above the media */
.oc-hero-split > .wp-block-group {
	margin-block-start: 0 !important;
}

.oc-hero-split-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2.5rem, 6vw, 5rem) clamp(1.5rem, 4vw, 4rem);
	padding-left: max(var(--oc-gutter), calc((100vw - var(--oc-wide-max)) / 2));
}

.oc-hero-split-content .oc-eyebrow {
	font-size: 1rem;
	font-weight: 500;
	color: var(--wp--preset--color--accent-deep, #1E7CA9) !important;
	margin: 0 0 0.75rem !important;
}

.oc-hero-split-content .wp-block-heading,
.oc-hero-split-content h1 {
	color: var(--wp--preset--color--primary) !important;
	font-size: clamp(2.1rem, 4.2vw, 3.157rem) !important;
	line-height: 1.08 !important;
	margin: 0 0 1.25rem;
	max-width: 24ch;
}

.oc-hero-split-content p {
	color: var(--wp--preset--color--text) !important;
	font-size: clamp(1.05rem, 1.6vw, 1.15rem);
	line-height: 1.65;
	max-width: 52ch;
	margin: 0 0 1.75rem;
}

.oc-hero-split-actions {
	display: flex;
	align-items: center;
	gap: 1rem 1.25rem;
	flex-wrap: wrap;
}

.oc-hero-split-actions .wp-block-buttons {
	gap: 0.75rem;
}

.oc-hero-split-actions .wp-block-button__link {
	background: #243090 !important;
	color: #fff !important;
	font-weight: 600;
	padding: 0.85rem 1.75rem !important;
	border-radius: 8px !important;
}

.oc-hero-split-actions .wp-block-button__link:hover {
	background: #1b2570 !important;
}

.oc-hero-split-actions .oc-hero-cta-secondary .wp-block-button__link {
	background: transparent !important;
	color: var(--wp--preset--color--primary) !important;
	border: 1px solid rgba(28, 41, 59, 0.35);
	transition: border-color 0.15s ease;
}

.oc-hero-split-actions .oc-hero-cta-secondary .wp-block-button__link:hover,
.oc-hero-split-actions .oc-hero-cta-secondary .wp-block-button__link:focus-visible {
	background: transparent !important;
	border-color: var(--wp--preset--color--primary);
}

.oc-hero-tel {
	color: var(--wp--preset--color--primary) !important;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	padding: 0.5rem 0;
}

.oc-hero-tel:hover {
	text-decoration: underline;
}

.oc-hero-split-media {
	position: relative;
	min-height: 320px;
}

.oc-hero-split-media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
	border-radius: 0;
	display: block;
}

@media (max-width: 900px) {
	.oc-hero-split {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.oc-hero-split-media {
		order: -1;
		min-height: min(52vw, 380px);
	}

	.oc-hero-split-content {
		padding: 1.75rem var(--oc-gutter) 2.25rem;
	}

	.oc-hero-split-content p {
		margin-bottom: 1.25rem;
	}
}

@media (max-width: 600px) {
	.oc-hero-split-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 0.5rem;
	}

	.oc-hero-split-actions .wp-block-buttons {
		flex-direction: column;
		width: 100%;
		gap: 0.75rem;
	}

	.oc-hero-split-actions .wp-block-button {
		width: 100%;
	}

	.oc-hero-split-actions .wp-block-button__link {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.oc-hero-tel {
		align-self: center;
		padding: 0.35rem 0;
	}
}

/* ── Hero (homepage, legacy) ──────────────────────────── */
.oc-hero {
	background: var(--wp--preset--color--primary) !important;
	color: #fff;
	padding-top: clamp(3rem, 8vw, 5.5rem) !important;
	padding-bottom: clamp(3rem, 8vw, 5.5rem) !important;
	padding-left: var(--oc-gutter) !important;
	padding-right: var(--oc-gutter) !important;
}

.oc-hero > .wp-block-columns,
.oc-hero.is-layout-constrained > .wp-block-columns {
	max-width: var(--oc-wide-max);
	margin-left: auto !important;
	margin-right: auto !important;
}

.oc-hero .wp-block-heading,
.oc-hero p {
	color: #fff !important;
}

.oc-hero .oc-eyebrow {
	display: inline-block;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: normal;
	text-transform: none;
	color: rgba(255, 255, 255, 0.85) !important;
	margin-bottom: 0.75rem;
}

.oc-hero .wp-block-heading {
	font-size: clamp(2.1rem, 4.8vw, 3.157rem) !important;
	line-height: 1.1 !important;
	max-width: 22ch;
}

.oc-hero .oc-lead {
	font-size: clamp(1.05rem, 2vw, 1.2rem);
	opacity: 0.92;
	max-width: 52ch;
	line-height: 1.65;
}

.oc-hero .wp-block-button__link {
	background: #fff !important;
	color: var(--wp--preset--color--primary) !important;
	font-weight: 600;
	padding: 0.85rem 1.75rem !important;
	border-radius: 8px !important;
}

.oc-hero .wp-block-button__link:hover {
	background: var(--wp--preset--color--accent) !important;
	color: #fff !important;
}

.oc-hero-image img,
.oc-hero-image .wp-block-image img {
	border-radius: 4px;
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.oc-hero-visual {
	min-height: 280px;
	border-radius: 1rem;
	background: linear-gradient(145deg, #2a3d56 0%, #3caadd 100%);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.9375rem;
	font-weight: 500;
}

/* ── Page hero (inner pages) ──────────────────────────── */
.oc-page-hero {
	background: var(--wp--preset--color--primary) !important;
	padding-top: clamp(2.5rem, 6vw, 4rem) !important;
	padding-bottom: clamp(2.5rem, 6vw, 4rem) !important;
	padding-left: var(--oc-gutter) !important;
	padding-right: var(--oc-gutter) !important;
}

.oc-page-hero > .wp-block-heading,
.oc-page-hero > .wp-block-paragraph,
.oc-page-hero.is-layout-constrained > :where(.wp-block-heading, .wp-block-paragraph) {
	max-width: var(--oc-content-max);
	margin-left: auto !important;
	margin-right: auto !important;
}

.oc-page-hero .wp-block-heading,
.oc-page-hero p {
	color: #fff !important;
}

.oc-page-hero .wp-block-heading {
	font-size: clamp(1.75rem, 4vw, 2.75rem) !important;
	margin-bottom: 0.75rem;
}

.oc-page-hero .oc-eyebrow {
	color: rgba(255, 255, 255, 0.85) !important;
	font-size: 1rem;
	font-weight: 500;
	margin-top: 0 !important;
	margin-bottom: 0.75rem !important;
}

/* raw-HTML hero children align with the constrained heading/paragraphs */
.oc-page-hero > .oc-hero-checklist,
.oc-page-hero.is-layout-constrained > .oc-hero-checklist {
	max-width: var(--oc-content-max);
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* hero CTAs on navy: filled white primary, white-outline secondary */
.oc-page-hero .wp-block-buttons {
	margin-top: 1.5rem;
	gap: 0.75rem;
}

.oc-page-hero .wp-block-button__link {
	background: #fff !important;
	color: var(--wp--preset--color--primary) !important;
	font-weight: 600;
	padding: 0.85rem 1.75rem !important;
	border-radius: 8px !important;
}

.oc-page-hero .wp-block-button__link:hover {
	background: var(--wp--preset--color--surface-muted) !important;
}

.oc-page-hero .oc-cta-ondark-secondary .wp-block-button__link {
	background: transparent !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.55);
}

.oc-page-hero .oc-cta-ondark-secondary .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: #fff;
}

/* trust checklist (career hero): check circle + short line, on navy */
.oc-hero-checklist {
	list-style: none;
	margin: 1.5rem 0 0 !important;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.oc-hero-checklist li {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	color: rgba(255, 255, 255, 0.92);
	font-size: 0.9375rem;
}

.oc-hero-checklist li::before {
	content: "";
	width: 1.25rem;
	height: 1.25rem;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233CAADD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='8 12 11 15 16 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

/* side-by-side photo pair */
.oc-photo-pair {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	align-items: stretch;
}

.oc-photo-pair > * {
	margin-block-start: 0 !important;
}

.oc-photo-pair figure {
	margin: 0;
	height: 100%;
}

.oc-photo-pair img {
	width: 100%;
	height: 100%;
	min-height: 220px;
	object-fit: cover;
	border-radius: 4px;
	display: block;
}

@media (max-width: 600px) {
	.oc-photo-pair {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* compact meta rows (address, transport) */
.oc-meta-list {
	list-style: none;
	margin: 1rem 0 0 !important;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.oc-meta-list li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--wp--preset--color--text-muted);
	font-size: 0.9375rem;
}

.oc-meta-list li::before {
	content: "";
	width: 1.05rem;
	height: 1.05rem;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%231E7CA9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

.oc-meta-list li.oc-meta-transit::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%231E7CA9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='16' rx='2'/%3E%3Cpath d='M4 11h16'/%3E%3Cpath d='M12 3v8'/%3E%3Ccircle cx='8.5' cy='15.5' r='.5'/%3E%3Ccircle cx='15.5' cy='15.5' r='.5'/%3E%3Cpath d='m6 19-2 3'/%3E%3Cpath d='m18 19 2 3'/%3E%3C/svg%3E");
}

/* job listing rows (Karriere) */
.oc-job-list {
	display: flex;
	flex-direction: column;
	max-width: var(--oc-content-max);
	margin: 1.5rem auto 0;
}

.oc-job-list > * {
	margin-block-start: 0 !important;
}

.oc-job-row {
	position: relative;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.1rem 0.25rem;
	border-top: 1px solid rgba(28, 41, 59, 0.12);
	transition: background-color 0.15s ease;
}

.oc-job-row:last-child {
	border-bottom: 1px solid rgba(28, 41, 59, 0.12);
}

.oc-job-row:hover,
.oc-job-row:focus-within {
	background: rgba(60, 170, 221, 0.05);
}

.oc-job-row .wp-block-heading {
	font-size: 1.125rem !important;
	margin: 0 !important;
	text-align: left;
}

.oc-job-row .wp-block-heading a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

.oc-job-row .wp-block-heading a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.oc-job-row .oc-row-arrow {
	margin: 0;
	color: var(--wp--preset--color--accent-deep, #1E7CA9);
	font-size: 1.25rem;
}

/* ── Sections ─────────────────────────────────────────── */
.oc-section {
	padding-top: clamp(2.5rem, 5vw, 4rem) !important;
	padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
	padding-left: var(--oc-gutter) !important;
	padding-right: var(--oc-gutter) !important;
}

.oc-section > .wp-block-columns,
.oc-section > .wp-block-heading,
.oc-section > .wp-block-paragraph,
.oc-section > .wp-block-table,
.oc-section > .oc-section-intro,
.oc-section.is-layout-constrained > :where(.wp-block-columns, .wp-block-heading, .wp-block-paragraph, .wp-block-table, .oc-section-intro, .oc-prose, .wp-block-group) {
	max-width: var(--oc-wide-max);
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
}

.oc-section .wp-block-columns {
	max-width: var(--oc-wide-max) !important;
}

.oc-section-muted {
	background-color: var(--wp--preset--color--surface-muted) !important;
}

.oc-section-white {
	background-color: #fff !important;
}

.oc-section-compact {
	padding-top: clamp(1.75rem, 3vw, 2.5rem) !important;
	padding-bottom: clamp(1.75rem, 3vw, 2.5rem) !important;
}

.oc-section-spacious {
	padding-top: clamp(3.5rem, 7vw, 6rem) !important;
	padding-bottom: clamp(3.5rem, 7vw, 6rem) !important;
}

/* Photo-split section: hard-edged image beside text */
.oc-split {
	align-items: stretch !important;
	gap: clamp(1.5rem, 4vw, 3.5rem) !important;
}

.oc-split .wp-block-image,
.oc-split figure {
	height: 100%;
	margin: 0;
}

.oc-split img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	display: block;
}

.oc-section .wp-block-heading:not(.has-text-align-center) {
	margin-bottom: 1rem;
}

.oc-section-intro {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.35rem, 2.4vw, 1.777rem);
	font-weight: 600;
	line-height: 1.4;
	color: var(--wp--preset--color--primary);
	max-width: 34ch;
	margin-left: auto !important;
	margin-right: auto;
	text-align: center;
	text-wrap: balance;
}

/* ── Treatment list (editorial rows) ──────────────────── */
.oc-treatment-section {
	max-width: var(--oc-wide-max);
	margin-left: auto !important;
	margin-right: auto !important;
	display: grid !important;
	grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
	gap: clamp(1.5rem, 4vw, 4rem);
	align-items: start;
}

.oc-treatment-section > .oc-treatment-heading .wp-block-heading {
	margin: 0 0 0.75rem;
}

.oc-treatment-rows {
	display: flex;
	flex-direction: column;
}

.oc-treatment-row {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: baseline;
	gap: 0.25rem 1.25rem;
	padding: 1.4rem 0.25rem;
	border-top: 1px solid rgba(28, 41, 59, 0.12);
	transition: background-color 0.15s ease;
}

.oc-treatment-row .oc-treatment-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	align-self: center;
	width: 44px;
	height: 44px;
	object-fit: contain;
	display: block;
}

.oc-treatment-row:last-child {
	border-bottom: 1px solid rgba(28, 41, 59, 0.12);
}

.oc-treatment-row:hover,
.oc-treatment-row:focus-within {
	background: rgba(60, 170, 221, 0.05);
}

.oc-treatment-row .wp-block-heading {
	font-size: clamp(1.25rem, 2vw, 1.5rem) !important;
	margin: 0;
	grid-column: 2;
	grid-row: 1;
}

.oc-treatment-row .wp-block-heading a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

/* whole row clickable via stretched link */
.oc-treatment-row .wp-block-heading a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.oc-treatment-row p {
	grid-column: 2;
	margin: 0.2rem 0 0;
	color: var(--wp--preset--color--text-muted);
	font-size: 0.9375rem;
	max-width: 60ch;
}

.oc-treatment-row .oc-row-arrow {
	grid-column: 3;
	grid-row: 1 / span 2;
	align-self: center;
	color: var(--wp--preset--color--accent-deep, #1E7CA9);
	font-size: 1.25rem;
}

@media (max-width: 900px) {
	.oc-treatment-section {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.oc-treatment-row .oc-treatment-icon {
		width: 36px;
		height: 36px;
	}
}

/* ── Team ─────────────────────────────────────────────── */
.oc-team-grid {
	gap: clamp(1.25rem, 3vw, 2.5rem) !important;
}

.oc-team-grid .wp-block-image,
.oc-team-grid figure {
	margin: 0 0 0.9rem;
}

.oc-team-grid img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: center 22%;
	border-radius: 4px;
	display: block;
}

.oc-team-grid .wp-block-column:nth-child(2) img {
	object-position: 62% 20%;
}

.oc-team-grid .wp-block-column:nth-child(3) img {
	object-position: 78% 20%;
}

@media (max-width: 782px) {
	.oc-team-grid img {
		aspect-ratio: 4 / 3;
	}
}

.oc-team-grid .wp-block-heading {
	font-size: 1.25rem !important;
	margin: 0 0 0.15rem;
}

.oc-team-grid p {
	color: var(--wp--preset--color--text-muted);
	font-size: 0.9375rem;
	margin: 0;
}

/* ── Contact / hours block ────────────────────────────── */
.oc-contact-grid {
	gap: clamp(1.5rem, 4vw, 4rem) !important;
}

.oc-contact-grid .wp-block-heading {
	margin: 0 0 1rem;
}

.oc-contact-grid p {
	margin: 0 0 0.9rem;
	line-height: 1.7;
}

.oc-hours-compact,
.oc-hours-compact table {
	width: 100%;
	border-collapse: collapse;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	border: 0 !important;
	margin: 0;
}

.oc-hours-compact thead,
.oc-hours-compact tbody,
.oc-hours-compact tr {
	border: 0 !important;
}

.oc-hours-compact thead {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

.oc-hours-compact td,
.oc-hours-compact th {
	padding: 0.55rem 0;
	border: 0 !important;
	border-bottom: 1px solid rgba(28, 41, 59, 0.1) !important;
	font-size: 0.9375rem;
}

.oc-hours-compact td:first-child {
	font-weight: 600;
	color: var(--wp--preset--color--primary);
	width: 36%;
	padding-right: 1rem;
}

.oc-hours-compact tr:last-child td {
	border-bottom: none !important;
}


/* ── Testimonials (patient reviews) ───────────────────── */
.oc-testimonials-grid {
	gap: clamp(1rem, 2.5vw, 1.75rem) !important;
	align-items: stretch !important;
}

.oc-testimonial {
	background: var(--wp--preset--color--surface-muted);
	border: 1px solid rgba(28, 41, 59, 0.08);
	border-radius: 8px;
	padding: 1.5rem !important;
	height: 100%;
	display: flex;
	flex-direction: column;
	text-align: left;
}

/* German opening quote as a quiet mark of authorship */
.oc-testimonial::before {
	content: "„";
	font-family: var(--wp--preset--font-family--display);
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 0.5;
	color: var(--wp--preset--color--accent);
	display: block;
	margin-bottom: 0.75rem;
}

.oc-testimonial .wp-block-heading,
.oc-section-centered .oc-testimonial .wp-block-heading {
	font-size: 1.0625rem !important;
	color: var(--wp--preset--color--primary) !important;
	margin: 0 0 0.6rem !important;
	text-align: left;
}

.oc-testimonial p {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--wp--preset--color--text);
	margin: 0 0 0.75rem;
}

.oc-testimonial cite {
	margin-top: auto;
	font-style: normal;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--wp--preset--color--text-muted);
}

.oc-reviews-note {
	text-align: center;
	color: var(--wp--preset--color--text-muted);
	font-size: 0.9375rem;
	margin-top: 1.25rem !important;
}

/* ── Services list ("Für Sie bieten wir…") ────────────── */
.oc-services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1rem 2.5rem;
	max-width: var(--oc-content-max);
	margin: 2rem auto 0;
	text-align: left;
}

/* grid/list children: WP flow blockGap must not offset items inside cells */
.oc-services-grid > *,
.oc-treatment-rows > * {
	margin-block-start: 0 !important;
}

.oc-service-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.3rem 1rem;
	align-items: start;
	padding: 1.1rem 0;
	border-top: 1px solid rgba(28, 41, 59, 0.1);
}

/* icon circle; motif set per item via modifier class (old-site icon set) */
.oc-service-item::before {
	content: "";
	grid-row: 1 / span 2;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background-color: rgba(60, 170, 221, 0.15);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231E7CA9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.375rem;
	flex-shrink: 0;
}

.oc-service-openinghours::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231E7CA9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}

.oc-service-3d::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231E7CA9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
}

.oc-service-booking::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231E7CA9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3Cpolyline points='9 15 11 17 15 13'/%3E%3C/svg%3E");
}

.oc-service-payment::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231E7CA9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'/%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/%3E%3Cpath d='m21 3 1 11h-2'/%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3'/%3E%3Cpath d='M3 4h8'/%3E%3C/svg%3E");
}

.oc-service-sedation::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231E7CA9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E");
}

.oc-service-item .wp-block-heading,
.oc-section-centered .oc-service-item .wp-block-heading {
	grid-column: 2;
	font-size: 1.0625rem !important;
	margin: 0 !important;
	color: var(--wp--preset--color--primary) !important;
	text-align: left;
}

.oc-service-item p {
	grid-column: 2;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--wp--preset--color--text-muted);
}

/* ── Career teaser band ───────────────────────────────── */
.oc-career-band {
	text-align: center;
	background: rgba(60, 170, 221, 0.1) !important;
}

.oc-career-band .oc-eyebrow {
	justify-content: center;
}

.oc-career-band .wp-block-heading {
	max-width: 24ch;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ── Section eyebrow centered (for centered sections) ──── */
.oc-section-centered {
	text-align: center;
}

.oc-section-centered .oc-eyebrow,
.oc-section-centered .wp-block-heading,
.oc-section-centered > .wp-block-paragraph {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ── Service cards (legacy) ───────────────────────────── */
.oc-cards {
	gap: 1.25rem !important;
}

.oc-card {
	background: #fff;
	border-radius: 8px;
	padding: 1.75rem !important;
	box-shadow: 0 1px 3px rgba(28, 41, 59, 0.05);
	border: 1px solid rgba(28, 41, 59, 0.1);
	height: 100%;
}



.oc-card .wp-block-image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 1rem;
	background: rgba(60, 170, 221, 0.1);
	margin: 0 0 1rem;
}

.oc-card .wp-block-image img {
	width: 2.75rem !important;
	height: auto;
}

.oc-card .wp-block-heading {
	font-size: 1.2rem !important;
	color: var(--wp--preset--color--primary) !important;
	margin-bottom: 0.5rem;
}

.oc-card p {
	color: var(--wp--preset--color--text-muted);
	font-size: 0.9375rem;
	line-height: 1.6;
}

.oc-card a {
	color: var(--wp--preset--color--accent-deep, #1E7CA9);
	font-weight: 600;
	text-decoration: none;
	font-size: 0.9375rem;
}

.oc-card a:hover {
	color: var(--wp--preset--color--primary);
}

/* ── Trust / feature grid ─────────────────────────────── */
.oc-features .wp-block-column {
	text-align: center;
	padding: 1.25rem;
}

.oc-features .wp-block-heading {
	font-size: 1.05rem !important;
	margin-bottom: 0.5rem;
}

.oc-feature-icon {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: rgba(60, 170, 221, 0.15);
	color: var(--wp--preset--color--accent);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	margin: 0 auto 1rem;
	font-weight: 700;
}

/* ── Contact band ─────────────────────────────────────── */
.oc-contact-band {
	background: var(--wp--preset--color--primary) !important;
	color: #fff;
	border-radius: 1rem;
	padding: 2rem !important;
}

.oc-contact-band .wp-block-heading,
.oc-contact-band p {
	color: #fff !important;
}

.oc-contact-band a {
	color: var(--wp--preset--color--accent) !important;
}

/* ── Tables (hours) ───────────────────────────────────── */
.oc-hours-table table {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(28, 41, 59, 0.06);
}

.oc-hours-table thead th {
	background: rgba(28, 41, 59, 0.045);
	color: var(--wp--preset--color--primary);
	font-weight: 600;
	text-align: left;
	padding: 0.875rem 1.25rem;
	font-size: 0.875rem;
	border-bottom: 1px solid rgba(28, 41, 59, 0.1);
}

.oc-hours-table td {
	padding: 0.875rem 1.25rem;
	border-bottom: 1px solid rgba(28, 41, 59, 0.08);
}

.oc-hours-table tr:last-child td {
	border-bottom: none;
}

.oc-hours-table td:first-child {
	font-weight: 600;
	color: var(--wp--preset--color--primary);
	width: 40%;
}

/* ── Doctor profile ───────────────────────────────────── */
.oc-doctor-card {
	background: #fff;
	border-radius: 1rem;
	padding: clamp(1.25rem, 3vw, 2rem) !important;
	box-shadow: 0 2px 16px rgba(28, 41, 59, 0.07);
	border: 1px solid rgba(28, 41, 59, 0.06);
	margin-bottom: 2rem;
}

.oc-doctor-columns {
	gap: 2rem !important;
	align-items: flex-start !important;
}

.oc-doctor-photo img {
	border-radius: 0.75rem;
	width: 100%;
	height: auto;
	display: block;
}

.oc-doctor-quote {
	margin-top: 1rem !important;
	margin-bottom: 1.25rem !important;
}

.oc-cv-list {
	margin-top: 0.5rem;
}

.oc-doctor {
	background: #fff;
	border-radius: 1rem;
	padding: 1.5rem !important;
	box-shadow: 0 2px 12px rgba(28, 41, 59, 0.06);
	margin-bottom: 1.5rem;
}

.oc-doctor img {
	border-radius: 0.75rem;
}

/* ── CTA band ─────────────────────────────────────────── */
.oc-cta-band {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-bottom: 0 !important;
	padding: clamp(2.75rem, 6vw, 4rem) var(--oc-gutter) !important;
	background-color: var(--wp--preset--color--primary) !important;
}

.oc-cta-band > * {
	position: relative;
	z-index: 1;
	max-width: var(--oc-content-max);
	margin-left: auto !important;
	margin-right: auto !important;
}

.oc-cta-band p {
	font-size: 1.0625rem;
	color: rgba(255, 255, 255, 0.94) !important;
}

.oc-cta-band .wp-block-heading,
.oc-cta-band p {
	color: #fff !important;
}

.oc-cta-band .wp-block-button__link {
	background: #fff !important;
	color: var(--wp--preset--color--primary) !important;
	font-weight: 600;
	border-radius: 8px !important;
	padding: 0.85rem 2rem !important;
}

/* ── Footer ───────────────────────────────────────────── */
.oc-site-footer {
	margin-top: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	background: var(--wp--preset--color--primary) !important;
	color: rgba(255, 255, 255, 0.85);
	padding-top: 3rem !important;
	padding-bottom: 2rem !important;
	padding-left: var(--oc-gutter) !important;
	padding-right: var(--oc-gutter) !important;
	width: 100%;
}

.oc-site-footer > .wp-block-columns,
.oc-site-footer > .wp-block-separator,
.oc-site-footer > .wp-block-paragraph,
.oc-site-footer.is-layout-constrained > :where(.wp-block-columns, .wp-block-separator, .wp-block-paragraph) {
	max-width: var(--oc-wide-max);
	margin-left: auto !important;
	margin-right: auto !important;
}

.oc-site-footer .wp-block-heading,
.oc-site-footer p,
.oc-site-footer .wp-block-site-title a {
	color: rgba(255, 255, 255, 0.9) !important;
}

.oc-site-footer a {
	color: var(--wp--preset--color--accent) !important;
}

.oc-site-footer .wp-block-separator {
	border-color: rgba(255, 255, 255, 0.15) !important;
	margin: 2rem 0 1rem;
}

.oc-site-footer .wp-block-navigation .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.9375rem;
}

.oc-footer-links a {
	color: rgba(255, 255, 255, 0.85) !important;
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, 0.35);
	text-underline-offset: 3px;
	line-height: 1.8;
	display: inline-block;
	padding: 0.5rem 0;
}

.oc-footer-links a:hover {
	color: #fff !important;
	text-decoration-color: var(--wp--preset--color--accent);
}

/* ── Page TOC ("Auf dieser Seite") ────────────────────── */
.oc-page-toc {
	background: var(--wp--preset--color--surface-muted);
	border-radius: 8px;
	padding: 1.25rem 1.5rem !important;
	margin-bottom: 2rem !important;
	max-width: 65ch;
}

.oc-page-toc-label {
	font-weight: 600;
	color: var(--wp--preset--color--primary);
	margin: 0 0 0.5rem !important;
}

.oc-page-toc-list {
	margin: 0 !important;
	padding-left: 1.1rem !important;
}

.oc-page-toc-list li {
	margin-bottom: 0.3rem;
}

.oc-page-toc-list a {
	text-decoration: none;
}

.oc-page-toc-list a:hover {
	text-decoration: underline;
}

/* ── Content prose (inner pages) ──────────────────────── */
.oc-prose {
	max-width: var(--oc-content-max);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.oc-prose > *,
.oc-prose p,
.oc-prose ul,
.oc-prose ol {
	max-width: 68ch;
	margin-left: 0 !important;
	text-wrap: pretty;
}

.oc-prose .wp-block-heading {
	max-width: 30ch;
	margin-left: 0 !important;
}

.oc-prose .wp-block-image,
.oc-prose .wp-block-columns {
	max-width: 100% !important;
}

.oc-prose .wp-block-heading {
	margin-top: 2rem;
	margin-bottom: 0.75rem;
}

.oc-prose .wp-block-list {
	padding-left: 1.25rem;
}

.oc-prose .wp-block-list li {
	margin-bottom: 0.35rem;
}

/* Check list — restores the old site's Fusion checklists. Calm Sky check as
   an inline SVG marker (theme-owned, no icon font, no external request). */
.oc-check-list {
	list-style: none;
	padding-left: 0 !important;
}

.oc-check-list li {
	position: relative;
	padding-left: 1.75rem;
}

.oc-check-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 1rem;
	height: 1rem;
	background-color: var(--wp--preset--color--accent-deep, #1E7CA9);
	/* check glyph as a mask so the color stays tokenised */
	-webkit-mask: var(--oc-check-mask) center / contain no-repeat;
	mask: var(--oc-check-mask) center / contain no-repeat;
}

/* Hero lede — the line under an H1 on navy. No-Gray-on-Navy: white ≥ 0.85. */
.oc-page-hero .oc-hero-lede {
	font-size: clamp(1.0625rem, 1.4vw, 1.1875rem);
	font-weight: 600;
	color: rgba(255, 255, 255, 0.94);
	margin-bottom: 0.75rem !important;
}

/* ── Inner page components ────────────────────────────── */
.oc-section-inner {
	max-width: var(--oc-content-max);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.oc-section-inner .wp-block-heading:first-child,
.oc-section-inner > .oc-eyebrow:first-child + .wp-block-heading {
	margin-top: 0;
}

.oc-eyebrow {
	font-size: 1rem !important;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
	color: var(--wp--preset--color--accent-deep, #1E7CA9) !important;
	margin-bottom: 0.5rem !important;
}

.oc-quote {
	border: 0 !important;
	padding: 1.25rem 1.5rem !important;
	margin: 1.5rem 0 !important;
	background: rgba(60, 170, 221, 0.08);
	border-radius: 8px;
}

.oc-quote p {
	font-size: 1.05rem;
	font-style: italic;
	color: var(--wp--preset--color--primary);
	margin: 0;
	line-height: 1.65;
}

.oc-data-table table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(28, 41, 59, 0.06);
}

.oc-data-table td,
.oc-data-table th {
	padding: 0.75rem 1rem;
	border-bottom: 1px solid rgba(28, 41, 59, 0.08);
}

.oc-related-band {
	text-align: center;
}

.oc-related-band > .wp-block-heading {
	max-width: var(--oc-content-max);
	margin-left: auto !important;
	margin-right: auto !important;
}

.oc-related-links {
	justify-content: center !important;
	gap: 0.75rem !important;
	max-width: var(--oc-wide-max);
	margin: 1.25rem auto 0 !important;
}

.oc-link-pill .wp-block-button__link {
	border-radius: 8px !important;
	padding: 0.65rem 1.25rem !important;
	font-size: 0.9375rem;
	font-weight: 500;
}

.oc-contact-cards {
	gap: 1.25rem !important;
}

.oc-inline-image img {
	border-radius: 0.75rem;
}

/* ── Main wrapper ─────────────────────────────────────── */
main.wp-block-group {
	width: 100%;
	max-width: none;
	padding: 0 !important;
	margin: 0 !important;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 782px) {
	.oc-hero .wp-block-columns,
	.oc-section .wp-block-columns {
		flex-direction: column;
		gap: 1.5rem !important;
	}

	.oc-hero .wp-block-columns {
		flex-direction: column-reverse;
	}

	.oc-hero .wp-block-heading {
		max-width: none;
	}

	.oc-cards .wp-block-column {
		margin-bottom: 0;
		flex-basis: 100% !important;
	}

	.oc-doctor-columns {
		flex-direction: column;
	}

	.oc-doctor-columns .wp-block-column {
		flex-basis: 100% !important;
	}

	.oc-related-links {
		flex-direction: column;
		align-items: stretch !important;
	}

	.oc-site-footer .wp-block-columns {
		flex-direction: column;
		gap: 1.5rem;
	}

	.oc-site-footer .wp-block-column {
		flex-basis: 100% !important;
	}
}

@media (max-width: 600px) {
	.oc-brand .wp-block-site-title a {
		font-size: 0.9rem;
	}

	.oc-brand .wp-block-site-title a::before {
		width: 2rem;
		height: 2rem;
		font-size: 1rem;
	}
}