/*
 * Mădălina Uceanu 2026 — main.css
 * Owner: Designer. Plain CSS, mobile-first, no build step, no external requests.
 * Breakpoints (min-width): 600px (sm) · 782px (md, WP columns stack point) · 1080px (lg).
 *
 * TOKEN LEVELS
 *   1 primitive : theme.json palette / spacing / font sizes -> --wp--preset--*  (e.g. --wp--preset--color--neutral-600)
 *   2 semantic  : --mu-*  declared in :root below (e.g. --mu-text-muted). Re-point these to re-theme the site.
 *   3 component : --mu-card-*, --mu-btn-*, ... declared next to the component, built only from level 2.
 *
 * CONTRAST (all computed WCAG 2.x relative luminance, see docs/design-tokens.md)
 *   ink on white 18.88 · accent #ed1f24 on white 5.86 / on #fafafa 5.61 / on #f5f5f5 5.37
 *   neutral-600 on white 7.81 · neutral-500 on white 4.74 (NOT on #f5f5f5 or darker greys)
 *   on ink #111: white 18.88 · neutral-300 12.74 · neutral-400 7.48 · red-on-dark #ed1f24 6.18
 *   brand-red #ed1f24: 4.35 on white, 4.34 on ink -> decoration and large text only (>= 24px or 18.66px bold)
 *
 * SPECIFICITY NOTE
 *   WordPress layout rules (":root :where(.is-layout-constrained) > *") are (0,1,0) and may load after this file.
 *   Where a contract class must beat them (margins on section roots, grid children) the selector is doubled
 *   (.mu-section.mu-section). That is intentional, not a typo.
 */

/* =========================================================================
   1. SEMANTIC + COMPONENT TOKENS
   ========================================================================= */
:root {
	/* spacing aliases (4px grid) */
	--mu-space-1: var(--wp--preset--spacing--1);
	--mu-space-2: var(--wp--preset--spacing--2);
	--mu-space-3: var(--wp--preset--spacing--3);
	--mu-space-4: var(--wp--preset--spacing--4);
	--mu-space-5: var(--wp--preset--spacing--5);
	--mu-space-6: var(--wp--preset--spacing--6);
	--mu-space-8: var(--wp--preset--spacing--8);
	--mu-space-10: var(--wp--preset--spacing--10);
	--mu-space-12: var(--wp--preset--spacing--12);
	--mu-space-16: var(--wp--preset--spacing--16);
	--mu-space-section: var(--wp--preset--spacing--section);

	/* text */
	--mu-text: var(--wp--preset--color--ink);
	--mu-text-body: var(--wp--preset--color--neutral-800);
	--mu-text-muted: var(--wp--preset--color--neutral-600);
	--mu-text-subtle: var(--wp--preset--color--neutral-500); /* labels only, on white / #fafafa */
	--mu-text-accent: var(--wp--preset--color--accent);
	--mu-text-accent-hover: var(--wp--preset--color--accent-dark);

	/* surfaces */
	--mu-surface: var(--wp--preset--color--white);
	--mu-surface-muted: var(--wp--preset--color--neutral-50);
	--mu-surface-dark: var(--wp--preset--color--ink);
	--mu-surface-dark-raised: var(--wp--preset--color--neutral-900);
	--mu-surface-dark-hover: var(--wp--preset--color--neutral-800);

	/* borders */
	--mu-border: var(--wp--preset--color--neutral-200); /* decorative dividers */
	--mu-border-control: var(--wp--preset--color--neutral-500); /* form fields, >= 3:1 */
	--mu-border-dark: var(--wp--preset--color--neutral-600);

	/* decoration (never carries text) */
	--mu-decor: var(--wp--preset--color--brand-red);

	/* on-dark text */
	--mu-on-dark: var(--wp--preset--color--white);
	--mu-on-dark-body: var(--wp--preset--color--neutral-300);
	--mu-on-dark-muted: var(--wp--preset--color--neutral-400);
	--mu-on-dark-accent: var(--wp--preset--color--red-on-dark);

	/* status (brand rule: red + greys only; state is carried by icon + border style, not by hue) */
	--mu-status-error: var(--wp--preset--color--accent);
	--mu-status-error-bg: var(--wp--preset--color--neutral-50);
	--mu-status-success: var(--wp--preset--color--ink);
	--mu-status-success-bg: var(--wp--preset--color--neutral-100);
	--mu-status-warning: var(--wp--preset--color--neutral-800);
	--mu-status-warning-bg: var(--wp--preset--color--neutral-50);

	/* focus */
	--mu-focus-width: var(--wp--custom--focus--width);
	--mu-focus-offset: var(--wp--custom--focus--offset);
	--mu-focus-color: var(--wp--preset--color--ink);

	/* sizing / motion */
	--mu-target: var(--wp--custom--target--min); /* 44px */
	--mu-header-h: var(--wp--custom--header-height--mobile);
	--mu-anchor-offset: calc(var(--mu-header-h) + var(--mu-space-4));
	--mu-ease: var(--wp--custom--motion--easing);
	--mu-dur: var(--wp--custom--motion--duration);
	--mu-shadow-lift: var(--wp--custom--shadow--lift);
	--mu-measure: var(--wp--custom--measure);

	/* component tokens */
	--mu-fs-card-title: 1.5rem;
	--mu-fs-stat: 2.25rem;
	--mu-card-pad: var(--mu-space-8);
	--mu-card-bg: var(--mu-surface);
	--mu-card-border: var(--mu-border);
	--mu-btn-bg: var(--wp--preset--color--accent);
	--mu-btn-bg-hover: var(--wp--preset--color--accent-dark);
	--mu-btn-fg: var(--wp--preset--color--white);
	--mu-btn-pad-y: 0.875rem;
	--mu-btn-pad-x: 1.5rem;
	--mu-input-bg: var(--wp--preset--color--white);
	--mu-input-border: var(--mu-border-control);
	--mu-cookie-bg: var(--mu-surface-dark);
	--mu-cookie-clearance: 9rem;
}

@media (min-width: 782px) {
	:root {
		--mu-header-h: var(--wp--custom--header-height--desktop);
	}
}

/* =========================================================================
   2. BASE, ANCHORS, FOCUS, MOTION
   ========================================================================= */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
	text-rendering: optimizeLegibility;
}

/* sticky header offset for #despre #clienti #ecosistem #colaborare #podcast #aparitii #articole #arhiva #contact */
.mu-section,
.mu-hero,
main [id],
.wp-block-group[id] {
	scroll-margin-top: var(--mu-anchor-offset);
}

html:has(.mu-cookie:not([hidden])) {
	scroll-padding-bottom: var(--mu-cookie-clearance); /* WCAG 2.2 focus not obscured by the cookie bar */
}

/* top-level template parts: no stray block gap (header / sections / footer stack flush) */
body .wp-site-blocks > * + * {
	margin-block-start: 0;
}

img,
svg,
video {
	max-width: 100%;
}

img {
	height: auto;
}

/* focus-visible: 2px ink on light, 2px white on dark. Never colour-only, never red-only. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: var(--mu-focus-width) solid var(--mu-focus-color);
	outline-offset: var(--mu-focus-offset);
}

.mu-section--dark :focus-visible,
.has-ink-background-color :focus-visible,
footer.wp-block-template-part :focus-visible,
.mu-footer :focus-visible,
.mu-cookie :focus-visible {
	outline-color: var(--wp--preset--color--white);
}

/* light surfaces nested inside dark ones keep the ink ring */
.mu-section--dark .mu-card :focus-visible,
.mu-section--dark .has-white-background-color :focus-visible {
	outline-color: var(--mu-focus-color);
}

/* inputs get the ring inside their own border contrast, not an extra offset gap */
:where(input, select, textarea):focus-visible {
	outline-offset: 0;
	border-color: var(--mu-text);
}

.skip-link:focus,
.skip-link:focus-visible {
	background: var(--mu-surface-dark);
	color: var(--mu-on-dark);
	padding: var(--mu-space-3) var(--mu-space-4);
	z-index: 100001;
}

/* visually-hidden helper */
.mu-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* =========================================================================
   3. LAYOUT UTILITIES  (container · grid · flex · spacing)
   ========================================================================= */
.mu-container {
	width: 100%;
	max-width: calc(var(--wp--style--global--wide-size) + (2 * var(--mu-space-6)));
	margin-inline: auto;
	padding-inline: var(--mu-space-6);
}

.mu-grid {
	display: grid;
	gap: var(--mu-space-6);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.mu-grid--2,
.mu-grid--3,
.mu-grid--4 {
	grid-template-columns: 1fr;
}

@media (min-width: 600px) {
	.mu-grid--2,
	.mu-grid--3,
	.mu-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 782px) {
	.mu-grid--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1080px) {
	.mu-grid--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.mu-grid.mu-grid > *,
.mu-grid--2.mu-grid--2 > *,
.mu-grid--3.mu-grid--3 > *,
.mu-grid--4.mu-grid--4 > * {
	margin: 0;
}

.mu-flex {
	display: flex;
	gap: var(--mu-space-4);
}

.mu-flex--wrap {
	flex-wrap: wrap;
}

.mu-flex--center {
	align-items: center;
}

.mu-flex--between {
	justify-content: space-between;
}

.mu-gap-2 { gap: var(--mu-space-2); }
.mu-gap-3 { gap: var(--mu-space-3); }
.mu-gap-4 { gap: var(--mu-space-4); }
.mu-gap-6 { gap: var(--mu-space-6); }
.mu-gap-8 { gap: var(--mu-space-8); }
.mu-gap-12 { gap: var(--mu-space-12); }

.mu-mt-4 { margin-block-start: var(--mu-space-4); }
.mu-mt-6 { margin-block-start: var(--mu-space-6); }
.mu-mt-8 { margin-block-start: var(--mu-space-8); }
.mu-mt-12 { margin-block-start: var(--mu-space-12); }
.mu-mb-4 { margin-block-end: var(--mu-space-4); }
.mu-mb-8 { margin-block-end: var(--mu-space-8); }

.mu-measure {
	max-width: var(--mu-measure);
}

/* columns inside sections: 4px-grid gaps, centred on the cross axis when the editor asks for it */
.mu-section .wp-block-columns,
.mu-hero .wp-block-columns {
	gap: var(--mu-space-8) var(--mu-space-12);
}

/* =========================================================================
   4. TYPE HELPERS: eyebrow · bar-title · lead · label
   ========================================================================= */
.mu-eyebrow {
	margin-block: 0;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	line-height: var(--wp--custom--line-height--compact);
	letter-spacing: var(--wp--custom--letter-spacing--eyebrow);
	text-transform: uppercase;
	color: var(--mu-text-accent);
}

.mu-eyebrow + :is(h1, h2, h3, .wp-block-heading) {
	margin-block-start: var(--mu-space-4);
}

/* red vertical bar motif from the logos (Sintra .bar-title) */
.mu-bar-title {
	border-left: 4px solid var(--mu-decor);
	padding-left: var(--mu-space-5);
}

/* inline accent inside headings: editor "Highlight" with brand-red gives <mark class="has-brand-red-color"> */
:is(h1, h2, h3) mark,
:is(h1, h2, h3) .mu-accent {
	background: transparent;
	color: var(--mu-decor); /* large text only */
}

.mu-lead {
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--normal);
	color: var(--mu-text-muted);
	max-width: 42rem;
}

.mu-label {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
	color: var(--mu-text-subtle);
}

/* =========================================================================
   5. SECTIONS
   ========================================================================= */
.mu-section,
.mu-hero,
.mu-proof {
	/* constrained children use wide size (1200px) inside sections, as Sintra max-w-6xl */
	--wp--style--global--content-size: var(--wp--style--global--wide-size);
}

.mu-section.mu-section,
.mu-hero.mu-hero,
.mu-proof.mu-proof {
	margin-block: 0;
}

.mu-section {
	padding-block: var(--mu-space-section);
	background-color: var(--mu-surface);
	color: var(--mu-text-body);
}

.mu-section--muted {
	background-color: var(--mu-surface-muted);
}

.mu-section--dark {
	background-color: var(--mu-surface-dark);
	color: var(--mu-on-dark-body);
}

.mu-section--dark :is(h1, h2, h3, h4, h5, h6) {
	color: var(--mu-on-dark);
}

.mu-section--dark :is(h1, h2, h3) mark,
.mu-section--dark :is(h1, h2, h3) .mu-accent {
	color: var(--mu-decor); /* 4.34:1 on ink: allowed for >= 24px headings only */
}

.mu-section--dark .mu-eyebrow,
.mu-footer .mu-eyebrow,
footer.wp-block-template-part .mu-eyebrow {
	color: var(--mu-on-dark-accent);
}

.mu-section--dark .mu-lead,
.mu-section--dark .mu-label {
	color: var(--mu-on-dark-muted);
}

.mu-section--dark a:where(:not(.wp-element-button):not(.wp-block-button__link)) {
	color: var(--mu-on-dark);
}

.mu-section--dark a:where(:not(.wp-element-button):not(.wp-block-button__link)):hover {
	color: var(--mu-on-dark);
	text-decoration-thickness: 2px;
}

.mu-section--dark :is(.has-small-font-size, small) {
	color: var(--mu-on-dark-muted);
}

/* =========================================================================
   6. BUTTONS  (default = filled accessible red; block styles outline-ink / outline-light)
   ========================================================================= */
.wp-element-button,
.wp-block-button__link,
.wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--mu-space-2);
	min-height: var(--mu-target);
	min-width: var(--mu-target);
	cursor: pointer;
	text-align: center;
	transition:
		background-color var(--mu-dur) var(--mu-ease),
		color var(--mu-dur) var(--mu-ease),
		border-color var(--mu-dur) var(--mu-ease),
		transform var(--mu-dur) var(--mu-ease);
}

.wp-block-button__link svg {
	flex: none;
	width: 1em;
	height: 1em;
}

/* outline-ink (registered block style "outline-ink"; also the fallback for core "outline") */
.wp-block-button.is-style-outline-ink .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link,
.mu-btn-outline .wp-block-button__link,
a.mu-btn-outline {
	background: transparent;
	color: var(--mu-text);
	border: 2px solid var(--mu-text);
	padding: calc(var(--mu-btn-pad-y) - 2px) calc(var(--mu-btn-pad-x) - 2px);
}

.wp-block-button.is-style-outline-ink .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.mu-btn-outline .wp-block-button__link:hover,
a.mu-btn-outline:hover {
	background: var(--mu-text);
	color: var(--mu-on-dark);
	border-color: var(--mu-text);
}

/* outline-light (on dark sections) */
.wp-block-button.is-style-outline-light .wp-block-button__link,
.mu-btn-outline-light .wp-block-button__link,
a.mu-btn-outline-light,
.mu-section--dark .wp-block-button.is-style-outline-ink .wp-block-button__link,
.mu-section--dark .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--mu-on-dark);
	border: 2px solid var(--mu-on-dark);
	padding: calc(var(--mu-btn-pad-y) - 2px) calc(var(--mu-btn-pad-x) - 2px);
}

.wp-block-button.is-style-outline-light .wp-block-button__link:hover,
.mu-btn-outline-light .wp-block-button__link:hover,
a.mu-btn-outline-light:hover,
.mu-section--dark .wp-block-button.is-style-outline-ink .wp-block-button__link:hover,
.mu-section--dark .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--mu-on-dark);
	color: var(--mu-text);
	border-color: var(--mu-on-dark);
}

/* stacked full-width buttons on small screens, row from 600px (Sintra: flex-col sm:flex-row) */
@media (max-width: 599px) {
	.mu-section .wp-block-buttons,
	.mu-hero .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.mu-section .wp-block-buttons .wp-block-button,
	.mu-hero .wp-block-buttons .wp-block-button {
		width: 100%;
	}

	.mu-section .wp-block-buttons .wp-block-button__link,
	.mu-hero .wp-block-buttons .wp-block-button__link {
		width: 100%;
	}
}

/* =========================================================================
   7. HEADER, NAVIGATION, LANGUAGE SWITCH
   ========================================================================= */
header.wp-block-template-part,
.mu-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
	background-color: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid var(--mu-border);
}

@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
	header.wp-block-template-part,
	.mu-header {
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}
}

@media (max-width: 600px) {
	header.wp-block-template-part,
	.mu-header {
		top: 0; /* admin bar is not fixed on small screens */
	}
}

header.wp-block-template-part > .wp-block-group,
.mu-header > .wp-block-group {
	min-height: var(--mu-header-h);
	align-items: center;
	margin-block: 0;
}

header.wp-block-template-part img,
.mu-header img {
	display: block;
	height: 2.5rem;
	width: auto;
}

@media (min-width: 782px) {
	header.wp-block-template-part img,
	.mu-header img {
		height: 3rem;
	}
}

/* nav links: 44px tap height */
.wp-block-navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: var(--mu-target);
	text-underline-offset: 0.35em;
}

.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"] {
	color: var(--mu-text);
	text-decoration: underline;
	text-decoration-color: var(--mu-decor);
	text-decoration-thickness: 2px;
}

/* open/close hamburger: 44x44 */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	min-width: var(--mu-target);
	min-height: var(--mu-target);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--mu-surface);
	color: var(--mu-text);
	padding: var(--mu-space-6);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--medium);
	padding-block: var(--mu-space-2);
}

/* Header CTA ("Invită-mă"): compact but still >= 44px */
.mu-header .wp-block-button__link,
header.wp-block-template-part .wp-block-button__link {
	padding: 0.75rem 1.25rem;
	font-size: var(--wp--preset--font-size--x-small);
}

/*
 * Hamburger up to 1079px (core collapses at 600px; 8 links + CTA + switch need >= 1080px).
 * Best-effort override of core responsive-container display rules. Requires navigation overlayMenu = "mobile".
 * QA: verify in browser at 600-1079px; if core changes these selectors the menu falls back to core behaviour (still usable).
 */
@media (min-width: 600px) and (max-width: 1079px) {
	.mu-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: inline-flex;
	}

	.mu-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

/* language switch: works on a link, a paragraph with a link, or a core button */
.mu-lang-switch,
.mu-lang-switch a,
a.mu-lang-switch,
.mu-lang-switch .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--mu-target);
	min-height: var(--mu-target);
	margin: 0;
}

.mu-lang-switch a,
a.mu-lang-switch,
.mu-lang-switch .wp-block-button__link {
	padding: 0 var(--mu-space-3);
	border: 1px solid var(--mu-border-control);
	background: transparent;
	color: var(--wp--preset--color--neutral-700);
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: var(--wp--custom--letter-spacing--tracking);
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition: border-color var(--mu-dur) var(--mu-ease), color var(--mu-dur) var(--mu-ease);
}

.mu-lang-switch a:hover,
a.mu-lang-switch:hover,
.mu-lang-switch .wp-block-button__link:hover {
	border-color: var(--mu-text);
	color: var(--mu-text);
	background: transparent;
}

/* =========================================================================
   8. HERO + PROOF STRIP
   ========================================================================= */
.mu-hero {
	padding-block: var(--mu-space-section);
	background-color: var(--mu-surface);
}

.mu-hero .wp-block-columns {
	align-items: center;
}

.mu-hero h1 {
	margin-block-start: var(--mu-space-6);
}

.mu-hero p:not(.mu-eyebrow) {
	color: var(--mu-text-muted);
}

/* photo with red L-shaped border offset bottom-left (Sintra: -bottom-4 -left-4, border-b-4 border-l-4) */
.mu-hero__photo {
	position: relative;
	isolation: isolate;
	display: block;
	width: 100%;
	max-width: 24rem;
	margin-inline: auto;
}

.mu-hero__photo::before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: calc(-1 * var(--mu-space-4));
	left: calc(-1 * var(--mu-space-4));
	width: 100%;
	height: 100%;
	border-left: 4px solid var(--mu-decor);
	border-bottom: 4px solid var(--mu-decor);
	pointer-events: none;
}

.mu-hero__photo img,
img.mu-hero__photo {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: top;
}

figure.mu-hero__photo {
	margin-block: 0;
}

@media (min-width: 782px) {
	.mu-hero__photo {
		max-width: none;
	}
}

/* proof strip: 2 cols mobile, 4 cols from 782px. Direct children = the 4 stat items. */
.mu-proof {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--mu-space-8);
	padding-block: var(--mu-space-8);
	padding-inline: max(var(--mu-space-6), calc((100% - var(--wp--style--global--wide-size)) / 2));
	background-color: var(--mu-surface-muted);
	border-block: 1px solid var(--mu-border);
}

.mu-proof.mu-proof > * {
	margin: 0;
	max-width: none;
}

@media (min-width: 782px) {
	.mu-proof {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.mu-proof__value,
.mu-proof > * > :first-child {
	display: block;
	margin: 0;
	font-family: var(--wp--preset--font-family--alegreya);
	font-size: var(--mu-fs-stat);
	font-weight: 700;
	line-height: 1;
	color: var(--mu-text);
}

.mu-proof__unit {
	margin-left: var(--mu-space-1);
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
	color: var(--mu-text-muted);
}

.mu-proof__label,
.mu-proof > * > :last-child:not(:first-child) {
	display: block;
	margin: var(--mu-space-2) 0 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--normal);
	color: var(--mu-text-muted);
}

/* =========================================================================
   9. CARDS · CHIPS · OFFER · EPISODE · APPEARANCES
   ========================================================================= */
.mu-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--mu-space-3);
	padding: var(--mu-card-pad);
	background-color: var(--mu-card-bg);
	border: 1px solid var(--mu-card-border);
	color: var(--mu-text-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--normal);
}

.mu-card.mu-card > * {
	margin: 0;
}

.mu-card :is(h2, h3, h4, .wp-block-post-title) {
	font-family: var(--wp--preset--font-family--alegreya);
	font-size: var(--mu-fs-card-title);
	font-weight: 700;
	line-height: var(--wp--custom--line-height--snug);
	color: var(--mu-text);
}

.mu-card :is(.wp-block-post-excerpt, .mu-card__text) {
	flex: 1;
	color: var(--mu-text-muted);
}

.mu-card .wp-block-post-excerpt__excerpt {
	margin: 0;
}

/* meta line (date, reading time): same voice as eyebrow, tighter tracking */
.mu-card .wp-block-post-date,
.mu-card__meta {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
	color: var(--mu-text-accent);
}

.mu-card .wp-block-post-date a {
	color: inherit;
	text-decoration: none;
}

/* "Citește →" call-to-action line */
.mu-card__cta {
	margin-top: auto;
	padding-top: var(--mu-space-3);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: var(--wp--custom--letter-spacing--tracking);
	text-transform: uppercase;
	color: var(--mu-text);
	transition: color var(--mu-dur) var(--mu-ease);
}

.mu-card__cta a {
	color: inherit;
	text-decoration: none;
}

.mu-card svg {
	width: 1.5rem;
	height: 1.5rem;
	color: var(--mu-text-accent);
}

.mu-card--accent {
	border-width: 4px 0 0;
	border-color: var(--mu-decor);
	background-color: var(--mu-surface-muted);
}

.mu-card--highlight {
	border-color: var(--mu-decor);
	box-shadow: 0 0 0 1px var(--mu-decor);
}

.mu-card--link {
	transition:
		transform var(--mu-dur) var(--mu-ease),
		box-shadow var(--mu-dur) var(--mu-ease),
		border-color var(--mu-dur) var(--mu-ease);
}

/* stretched link: the whole card is the hit area */
.mu-card--link :is(h2, h3, h4, .wp-block-post-title, .mu-card__cta) a::after,
.mu-card--link a.mu-card__stretch::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* the ring moves to the stretched ::after so it frames the whole card (only for links that own the ::after) */
.mu-card--link :is(h2, h3, h4, .wp-block-post-title, .mu-card__cta) a:focus-visible,
.mu-card--link a.mu-card__stretch:focus-visible {
	outline: none;
}

.mu-card--link :is(h2, h3, h4, .wp-block-post-title, .mu-card__cta) a:focus-visible::after,
.mu-card--link a.mu-card__stretch:focus-visible::after {
	outline: var(--mu-focus-width) solid var(--mu-focus-color);
	outline-offset: var(--mu-focus-offset);
}

.mu-card--link:is(:hover, :focus-within) :is(.mu-card__cta, .mu-card__cta a) {
	color: var(--mu-text-accent);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.mu-card--link:hover {
		transform: translateY(-2px);
		box-shadow: var(--mu-shadow-lift);
	}
}

@media (hover: hover) and (prefers-reduced-motion: reduce) {
	.mu-card--link:hover {
		box-shadow: var(--mu-shadow-lift); /* state change without movement */
	}
}

/* chips (outlined, on dark) */
.mu-chip {
	display: inline-block;
	margin: 0;
	padding: var(--mu-space-1) var(--mu-space-3);
	border: 1px solid var(--wp--preset--color--neutral-400);
	background: transparent;
	color: var(--wp--preset--color--neutral-700);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--compact);
}

.mu-section--dark .mu-chip,
footer.wp-block-template-part .mu-chip {
	border-color: var(--mu-border-dark);
	color: var(--mu-on-dark-body);
}

/* offer: 44px ink icon square + text. Icon = first child (inline SVG, currentColor). */
.mu-offer {
	display: flex;
	align-items: flex-start;
	gap: var(--mu-space-4);
}

.mu-offer.mu-offer > * {
	margin: 0;
}

.mu-offer__icon,
.mu-offer > :first-child {
	flex: 0 0 var(--mu-target);
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--mu-target);
	height: var(--mu-target);
	background-color: var(--mu-surface-dark);
	color: var(--mu-on-dark);
}

.mu-offer__icon svg,
.mu-offer > :first-child svg {
	width: 1.25rem;
	height: 1.25rem;
	color: inherit;
}

.mu-offer > svg:first-child {
	box-sizing: border-box;
	padding: var(--mu-space-3);
}

.mu-offer :is(h3, h4, .wp-block-heading) {
	margin: 0;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
	line-height: var(--wp--custom--line-height--compact);
	color: var(--mu-text);
}

.mu-offer p {
	margin: var(--mu-space-1) 0 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--mu-text-muted);
}

/* episode: dark card, 16:9 thumb, red play circle (brand-red + white glyph = 4.35:1, UI graphic needs 3:1) */
.mu-episode {
	display: flex;
	flex-direction: column;
	position: relative;
	background-color: var(--mu-surface-dark-raised);
	color: var(--mu-on-dark);
	transition: background-color var(--mu-dur) var(--mu-ease);
}

.mu-episode.mu-episode > * {
	margin: 0;
}

.mu-episode:hover {
	background-color: var(--mu-surface-dark-hover);
}

.mu-episode > :nth-child(n + 2) {
	padding-inline: var(--mu-space-5);
}

.mu-episode > :nth-child(2) {
	padding-top: var(--mu-space-5);
}

.mu-episode > :last-child {
	padding-bottom: var(--mu-space-5);
}

.mu-episode__thumb,
.mu-episode > .wp-block-image:first-child {
	position: relative;
	margin: 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.mu-episode__thumb img,
.mu-episode > .wp-block-image:first-child img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mu-episode__thumb::before,
.mu-episode > .wp-block-image:first-child::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 3rem;
	height: 3rem;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: var(--mu-decor);
}

.mu-episode__thumb::after,
.mu-episode > .wp-block-image:first-child::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-35%, -50%);
	border-style: solid;
	border-width: 0.5625rem 0 0.5625rem 0.875rem;
	border-color: transparent transparent transparent var(--wp--preset--color--white);
}

.mu-episode :is(.mu-eyebrow, .mu-episode__meta) {
	margin: var(--mu-space-4) 0 0;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: var(--wp--custom--letter-spacing--label);
	text-transform: uppercase;
	color: var(--mu-on-dark-accent);
}

.mu-episode :is(h3, h4, .wp-block-heading, .mu-episode__title) {
	flex: 1;
	margin: var(--mu-space-2) 0 0;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--compact);
	color: var(--mu-on-dark);
}

.mu-episode :is(h3, h4, .wp-block-heading, .mu-episode__title) a {
	color: inherit;
	text-decoration: none;
}

.mu-episode :is(h3, h4, .wp-block-heading, .mu-episode__title) a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.mu-episode :is(h3, h4, .wp-block-heading, .mu-episode__title) a:focus-visible {
	outline: none;
}

.mu-episode :is(h3, h4, .wp-block-heading, .mu-episode__title) a:focus-visible::after {
	outline: var(--mu-focus-width) solid var(--wp--preset--color--white);
	outline-offset: var(--mu-focus-offset);
}

.mu-episode__guest {
	margin: var(--mu-space-3) 0 0;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--mu-on-dark-muted);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.mu-episode__thumb img,
	.mu-episode > .wp-block-image:first-child img {
		transition: transform 400ms var(--mu-ease);
	}

	.mu-episode:hover .mu-episode__thumb img,
	.mu-episode:hover > .wp-block-image:first-child img {
		transform: scale(1.05);
	}
}

/* appearances: outlet / title / date rows. Works on <ul> or on a group of rows. */
.mu-list-appearances {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mu-list-appearances > li,
.mu-list-appearances > .mu-list-appearances__item {
	position: relative;
	display: grid;
	gap: var(--mu-space-2);
	margin: 0;
	padding: var(--mu-space-5) 0;
	border-bottom: 1px solid var(--mu-border);
	transition: background-color var(--mu-dur) var(--mu-ease);
}

.mu-list-appearances.mu-list-appearances > * > * {
	margin: 0;
}

.mu-list-appearances > li:hover {
	background-color: var(--mu-surface-muted);
}

.mu-list-appearances__outlet,
.mu-list-appearances > li > :nth-child(1) {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	color: var(--mu-text-accent);
}

.mu-list-appearances__title,
.mu-list-appearances > li > :nth-child(2) {
	color: var(--mu-text-body);
}

.mu-list-appearances__title a,
.mu-list-appearances > li > :nth-child(2) a {
	color: inherit;
	text-decoration: none;
}

.mu-list-appearances__title a:hover,
.mu-list-appearances > li > :nth-child(2) a:hover {
	color: var(--mu-text);
	text-decoration: underline;
}

.mu-list-appearances__title a::after,
.mu-list-appearances > li > :nth-child(2) a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.mu-list-appearances__title a:focus-visible,
.mu-list-appearances > li > :nth-child(2) a:focus-visible {
	outline: none;
}

.mu-list-appearances__title a:focus-visible::after,
.mu-list-appearances > li > :nth-child(2) a:focus-visible::after {
	outline: var(--mu-focus-width) solid var(--mu-focus-color);
	outline-offset: calc(-1 * var(--mu-focus-width));
}

.mu-list-appearances__role {
	margin-left: var(--mu-space-2);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: var(--wp--custom--letter-spacing--tracking);
	text-transform: uppercase;
	color: var(--mu-text-subtle);
}

.mu-list-appearances__date,
.mu-list-appearances > li > :nth-child(3) {
	font-size: var(--wp--preset--font-size--small);
	color: var(--mu-text-muted);
}

@media (min-width: 782px) {
	.mu-list-appearances > li,
	.mu-list-appearances > .mu-list-appearances__item {
		grid-template-columns: 3fr 7fr 2fr;
		align-items: center;
		gap: var(--mu-space-4);
	}

	.mu-list-appearances__date,
	.mu-list-appearances > li > :nth-child(3) {
		text-align: right;
	}
}

/* =========================================================================
   10. STATUS MESSAGES (error / success / warning): icon + border + contrast, never colour alone
   ========================================================================= */
.mu-status {
	display: flex;
	gap: var(--mu-space-3);
	align-items: flex-start;
	padding: var(--mu-space-4) var(--mu-space-5);
	border: 1px solid currentColor;
	border-left-width: 4px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--compact);
}

.mu-status::before {
	content: "";
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	background-color: currentColor;
	-webkit-mask: var(--mu-status-icon) center / contain no-repeat;
	mask: var(--mu-status-icon) center / contain no-repeat;
}

.mu-status--error {
	--mu-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
	background: var(--mu-status-error-bg);
	color: var(--mu-status-error);
}

.mu-status--success {
	--mu-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm-2 15l-5-5 1.4-1.4L10 14.2l7.6-7.6L19 8l-9 9z'/%3E%3C/svg%3E");
	background: var(--mu-status-success-bg);
	color: var(--mu-status-success);
	border-left-style: double; /* shape cue in addition to icon */
	border-left-width: 6px;
}

.mu-status--warning {
	--mu-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
	background: var(--mu-status-warning-bg);
	color: var(--mu-status-warning);
	border-style: dashed;
	border-left-style: solid;
}

/* =========================================================================
   11. FORMS (core search + comments + Jetpack contact form)
   ========================================================================= */
.wp-block-jetpack-contact-form,
.jetpack-contact-form,
.contact-form {
	--jetpack--contact-form--border-radius: 0;
	--jetpack--contact-form--border-size: 1px;
	--jetpack--contact-form--border-color: var(--mu-input-border);
	--jetpack--contact-form--text-color: var(--mu-text);
	--jetpack--contact-form--input-background: var(--mu-input-bg);
	--jetpack--contact-form--line-height: 1.5;
	--jetpack--contact-form--primary-color: var(--mu-btn-bg);
	--jetpack--contact-form--button-primary--background-color: var(--mu-btn-bg);
	--jetpack--contact-form--button-primary--color: var(--mu-btn-fg);
	--jetpack--contact-form--button-outline--text-color: var(--mu-text);
	--jetpack--contact-form--button-outline--border-radius: 0;
}

body :is(
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="tel"],
	input[type="search"],
	input[type="password"],
	input[type="number"],
	input[type="date"],
	textarea,
	select
) {
	width: 100%;
	min-height: var(--mu-target);
	padding: var(--mu-space-3) var(--mu-space-4);
	border: 1px solid var(--mu-input-border);
	border-radius: 0;
	background-color: var(--mu-input-bg);
	color: var(--mu-text);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--compact);
	transition: border-color var(--mu-dur) var(--mu-ease);
}

body :is(input, textarea)::placeholder {
	color: var(--mu-text-muted); /* 7.81:1: placeholder is real content here */
	opacity: 1;
}

body textarea {
	min-height: 8rem;
	resize: vertical;
}

body :is(input[type="checkbox"], input[type="radio"]) {
	width: 1.25rem;
	height: 1.25rem;
	accent-color: var(--wp--preset--color--accent);
}

body :is(label, .grunion-field-label) {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	color: var(--mu-text);
}

body .grunion-label-required {
	color: var(--mu-text-accent);
}

/* consent checkbox row gets a 44px hit area */
body .contact-form__checkbox-wrap label,
body .grunion-field-label.consent,
body .grunion-field-label.checkbox {
	display: flex;
	align-items: flex-start;
	gap: var(--mu-space-3);
	min-height: var(--mu-target);
	font-weight: 500;
}

/* Jetpack submit (button block) = default filled red */
.wp-block-jetpack-contact-form .wp-block-jetpack-button .wp-block-button__link,
.wp-block-jetpack-contact-form button[type="submit"] {
	min-height: var(--mu-target);
	padding: var(--mu-btn-pad-y) var(--mu-btn-pad-x);
	border: 0;
	border-radius: 0;
	background-color: var(--mu-btn-bg);
	color: var(--mu-btn-fg);
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: var(--wp--custom--letter-spacing--tracking);
	text-transform: uppercase;
	cursor: pointer;
}

.wp-block-jetpack-contact-form .wp-block-jetpack-button .wp-block-button__link:hover,
.wp-block-jetpack-contact-form button[type="submit"]:hover {
	background-color: var(--mu-btn-bg-hover);
	color: var(--mu-btn-fg);
}

/* Jetpack validation: icon (provided by Jetpack .contact-form__warning-icon) + accent text + left border */
body .contact-form__input-error,
body .contact-form__error {
	color: var(--mu-status-error);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

body .contact-form__error.show-errors {
	padding: var(--mu-space-4) var(--mu-space-5);
	border: 1px solid var(--mu-status-error);
	border-left-width: 4px;
	background: var(--mu-status-error-bg);
}

body .contact-form__warning-icon svg {
	fill: currentColor;
}

body .contact-form-submission.submission-success {
	padding: var(--mu-space-6);
	border: 1px solid var(--mu-status-success);
	border-left: 6px double var(--mu-status-success);
	background: var(--mu-status-success-bg);
	color: var(--mu-status-success);
}

body :is(input, textarea, select)[aria-invalid="true"],
body .has-errors :is(input, textarea, select) {
	border-color: var(--mu-status-error);
	border-width: 2px;
}

/* core search block */
.wp-block-search__inside-wrapper {
	gap: var(--mu-space-2);
}

.wp-block-search__button {
	margin-left: 0;
}

/* =========================================================================
   12. ARCHIVE NOTICE (posts in category "arhiva")
   ========================================================================= */
.mu-archive-notice {
	margin-block: 0 var(--mu-space-8);
	padding: var(--mu-space-4) var(--mu-space-5);
	border: 1px solid var(--mu-border);
	border-left: 4px solid var(--mu-decor);
	background-color: var(--mu-surface-muted);
	color: var(--wp--preset--color--neutral-700);
	font-size: var(--wp--preset--font-size--small);
	font-style: italic;
	line-height: var(--wp--custom--line-height--normal);
}

/* =========================================================================
   13. COOKIE BANNER (fixed bottom, not modal, equal-weight buttons)
   ========================================================================= */
.mu-cookie {
	position: fixed;
	z-index: 1000;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	gap: var(--mu-space-4);
	padding-block: var(--mu-space-4) calc(var(--mu-space-4) + env(safe-area-inset-bottom, 0px));
	padding-inline: max(var(--mu-space-6), calc((100% - var(--wp--style--global--wide-size)) / 2));
	background-color: var(--mu-cookie-bg);
	border-top: 4px solid var(--mu-decor);
	color: var(--mu-on-dark);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--normal);
}

.mu-cookie[hidden] {
	display: none;
}

.mu-cookie p {
	margin: 0;
	max-width: 60rem;
}

.mu-cookie a {
	color: var(--mu-on-dark);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.mu-cookie__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--mu-space-3);
	flex: none;
}

/* both choices share one style: identical size, weight, border (no dark pattern) */
.mu-cookie__actions :is(button, a, .mu-cookie__btn) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--mu-target);
	padding: 0.625rem var(--mu-space-5);
	border: 2px solid var(--mu-on-dark);
	border-radius: 0;
	background: transparent;
	color: var(--mu-on-dark);
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: var(--wp--custom--letter-spacing--tracking);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color var(--mu-dur) var(--mu-ease), color var(--mu-dur) var(--mu-ease);
}

.mu-cookie__actions :is(button, a, .mu-cookie__btn):hover {
	background: var(--mu-on-dark);
	color: var(--mu-text);
}

@media (min-width: 782px) {
	.mu-cookie {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.mu-cookie__actions {
		grid-template-columns: repeat(2, auto);
	}
}

@media (prefers-reduced-motion: no-preference) {
	.mu-cookie {
		animation: mu-slide-up 300ms var(--mu-ease) both;
	}
}

@keyframes mu-slide-up {
	from {
		opacity: 0;
		transform: translateY(100%);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* =========================================================================
   14. FOOTER (dark, inverted logos)
   ========================================================================= */
footer.wp-block-template-part,
.mu-footer {
	background-color: var(--mu-surface-dark);
	color: var(--mu-on-dark-body);
	font-size: var(--wp--preset--font-size--small);
	padding-block: var(--mu-space-16) 0;
}

footer.wp-block-template-part :is(h2, h3, h4, h5, h6),
.mu-footer :is(h2, h3, h4, h5, h6) {
	color: var(--mu-on-dark);
}

footer.wp-block-template-part a:where(:not(.wp-element-button)),
.mu-footer a:where(:not(.wp-element-button)) {
	color: var(--mu-on-dark-body);
	text-decoration: none;
}

footer.wp-block-template-part a:where(:not(.wp-element-button)):hover,
.mu-footer a:where(:not(.wp-element-button)):hover {
	color: var(--mu-on-dark);
	text-decoration: underline;
}

/* links in footer lists: 44px tap height */
footer.wp-block-template-part li a,
.mu-footer li a {
	display: inline-flex;
	align-items: center;
	min-height: var(--mu-target);
}

footer.wp-block-template-part img,
.mu-footer img,
.mu-logo-invert {
	filter: brightness(0) invert(1);
}

footer.wp-block-template-part .wp-block-image img,
.mu-footer .wp-block-image img {
	display: block;
	height: 2.25rem;
	width: auto;
	opacity: 0.8;
	transition: opacity var(--mu-dur) var(--mu-ease);
}

footer.wp-block-template-part .wp-block-image a:hover img,
.mu-footer .wp-block-image a:hover img {
	opacity: 1;
}

/* legal row: neutral-400 on ink = 7.48:1 (Sintra neutral-500 = 3.98:1 failed) */
.mu-footer__legal,
footer.wp-block-template-part .mu-footer__legal {
	margin-top: var(--mu-space-12);
	padding-block: var(--mu-space-5);
	border-top: 1px solid var(--wp--preset--color--neutral-800);
	color: var(--mu-on-dark-muted);
	font-size: var(--wp--preset--font-size--x-small);
}

.mu-footer__legal a:where(:not(.wp-element-button)),
footer.wp-block-template-part .mu-footer__legal a:where(:not(.wp-element-button)) {
	color: var(--mu-on-dark-muted);
	text-decoration: underline;
}

/* =========================================================================
   15. LONG-FORM: single post, pages, legacy 2009-2013 content
   ========================================================================= */
body.single-post .wp-block-post-content,
.mu-prose {
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--prose);
	color: var(--mu-text-body);
}

:is(body.single-post .wp-block-post-content, .mu-prose) :is(p, ul, ol, dl, blockquote, pre, h2, h3, h4, h5, h6) {
	max-width: min(var(--mu-measure), 100%);
}

:is(body.single-post .wp-block-post-content, .mu-prose) :is(h2, h3, h4) {
	margin-block: var(--mu-space-10) var(--mu-space-4);
}

:is(body.single-post .wp-block-post-content, .mu-prose) h2 {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: var(--wp--custom--line-height--snug);
}

:is(body.single-post .wp-block-post-content, .mu-prose) h3 {
	font-size: var(--wp--preset--font-size--large);
}

:is(body.single-post .wp-block-post-content, .mu-prose) h4 {
	font-size: var(--wp--preset--font-size--medium);
	font-family: var(--wp--preset--font-family--montserrat);
}

:is(body.single-post .wp-block-post-content, .mu-prose) :is(ul, ol) {
	padding-inline-start: var(--mu-space-6);
}

:is(body.single-post .wp-block-post-content, .mu-prose) li {
	margin-block: var(--mu-space-2);
}

:is(body.single-post .wp-block-post-content, .mu-prose) li::marker {
	color: var(--mu-text-accent);
}

:is(body.single-post .wp-block-post-content, .mu-prose) blockquote:not(.wp-block-quote) {
	margin-inline: 0;
	padding-left: var(--mu-space-5);
	border-left: 4px solid var(--mu-decor);
	font-family: var(--wp--preset--font-family--alegreya);
	font-size: var(--wp--preset--font-size--large);
	font-style: italic;
	font-weight: 500;
	line-height: var(--wp--custom--line-height--compact);
	color: var(--wp--preset--color--neutral-700);
}

:is(body.single-post .wp-block-post-content, .mu-prose) hr {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--neutral-300);
	margin-block: var(--mu-space-10);
}

:is(body.single-post .wp-block-post-content, .mu-prose) :is(pre, code, kbd) {
	font-size: 0.9em;
	background-color: var(--wp--preset--color--neutral-100);
}

:is(body.single-post .wp-block-post-content, .mu-prose) pre {
	padding: var(--mu-space-4);
	overflow-x: auto;
}

/* media: never wider than the column */
:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) :is(img, video, embed, object, canvas) {
	max-width: 100%;
	height: auto;
}

:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) iframe {
	max-width: 100%;
	border: 0;
}

:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) iframe:is([src*="youtube"], [src*="youtu.be"], [src*="vimeo"]) {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

/* tables: scroll inside the column instead of breaking the page */
:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--small);
}

:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) :is(th, td) {
	padding: var(--mu-space-2) var(--mu-space-3);
	border: 1px solid var(--wp--preset--color--neutral-300);
	text-align: left;
	vertical-align: top;
}

:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) th {
	background-color: var(--mu-surface-muted);
	color: var(--mu-text);
}

.wp-block-table {
	overflow-x: auto;
}

/* legacy alignment classes + captions (2009-era markup) */
:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) .alignleft {
	float: left;
	max-width: 50%;
	margin: var(--mu-space-1) var(--mu-space-6) var(--mu-space-4) 0;
}

:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) .alignright {
	float: right;
	max-width: 50%;
	margin: var(--mu-space-1) 0 var(--mu-space-4) var(--mu-space-6);
}

:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) .aligncenter {
	display: block;
	margin-inline: auto;
	text-align: center;
}

@media (max-width: 599px) {
	:is(body.single-post .wp-block-post-content, .mu-prose, .entry-content) :is(.alignleft, .alignright) {
		float: none;
		display: block;
		max-width: 100%;
		margin: var(--mu-space-4) auto;
	}
}

.wp-caption {
	max-width: 100%; /* beats inline style="width:310px" */
	margin-block: var(--mu-space-4);
}

.wp-caption img {
	display: block;
	max-width: 100%;
	height: auto;
}

.wp-caption-text,
.wp-caption p.wp-caption-text,
.gallery-caption {
	margin: var(--mu-space-2) 0 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--compact);
	color: var(--mu-text-muted);
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mu-space-2);
	margin-block: var(--mu-space-6);
}

.gallery .gallery-item {
	flex: 1 1 8rem;
	max-width: 100%;
	margin: 0;
}

/*
 * Legacy archive posts (category "arhiva" body class, or .mu-prose--legacy):
 * neutralise inline fonts / sizes / colours / fixed widths from 2009-2013 so the brand type and contrast win.
 * Trade-off: any intentional inline colour emphasis in old posts is flattened.
 */
:is(body.single-post.category-arhiva .wp-block-post-content, .mu-prose--legacy) :is(font, span, p, div, td, th, li, a, b, i, u, strong, em, h1, h2, h3, h4, h5, h6)[style*="font-family"] {
	font-family: inherit !important;
}

:is(body.single-post.category-arhiva .wp-block-post-content, .mu-prose--legacy) :is(font, span, p, div, td, th, li, b, i, u, strong, em)[style*="font-size"] {
	font-size: inherit !important;
}

:is(body.single-post.category-arhiva .wp-block-post-content, .mu-prose--legacy) :is(font, span, p, div, td, th, li, b, i, u, strong, em)[style*="color"]:not([style*="background"]) {
	color: inherit !important;
}

:is(body.single-post.category-arhiva .wp-block-post-content, .mu-prose--legacy) :is(font, center) {
	font: inherit;
	color: inherit;
}

:is(body.single-post.category-arhiva .wp-block-post-content, .mu-prose--legacy) :is(div, p, table, td, img)[style*="width"] {
	max-width: 100% !important;
}

:is(body.single-post.category-arhiva .wp-block-post-content, .mu-prose--legacy) :is(p, div)[style*="text-align: justify"],
:is(body.single-post.category-arhiva .wp-block-post-content, .mu-prose--legacy) :is(p, div)[style*="text-align:justify"] {
	text-align: left !important; /* never justify (research: measure + readability) */
}

:is(body.single-post.category-arhiva .wp-block-post-content, .mu-prose--legacy) :is(p, div):empty {
	display: none;
}

/* single post header bits */
.mu-post-meta,
body.single-post .wp-block-post-date,
body.single-post .wp-block-post-author-name {
	font-size: var(--wp--preset--font-size--small);
	color: var(--mu-text-muted);
}

.mu-author-box {
	padding: var(--mu-space-8);
	border-left: 4px solid var(--mu-decor);
	background-color: var(--mu-surface-muted);
	font-size: var(--wp--preset--font-size--small);
	color: var(--mu-text-muted);
}

/* =========================================================================
   16. QUERY LOOP: card grid (1 col mobile, 2 col >= 600px, 3 col >= 1080px) + pagination
   ========================================================================= */
.wp-block-post-template.wp-block-post-template {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--mu-space-6);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 600px) {
	.wp-block-post-template.wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1080px) {
	.wp-block-post-template.wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.wp-block-post-template > li {
	display: flex;
	width: auto;
	margin: 0;
}

.wp-block-post-template > li > .mu-card {
	flex: 1;
	width: 100%;
}

/* a post template that must stay a plain list (e.g. compact archive index) */
.wp-block-post-template.mu-list-plain.mu-list-plain {
	display: block;
}

.wp-block-query-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--mu-space-2);
	margin-block-start: var(--mu-space-12);
}

.wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mu-space-2);
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--mu-target);
	min-height: var(--mu-target);
	margin: 0;
	padding: 0 var(--mu-space-4);
	border: 1px solid var(--mu-border-control);
	color: var(--mu-text);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	text-decoration: none;
	transition: background-color var(--mu-dur) var(--mu-ease), color var(--mu-dur) var(--mu-ease);
}

.wp-block-query-pagination a:hover {
	background-color: var(--mu-surface-dark);
	border-color: var(--mu-surface-dark);
	color: var(--mu-on-dark);
}

/* current page: filled ink + bold (not colour only) */
.wp-block-query-pagination .page-numbers.current {
	background-color: var(--mu-surface-dark);
	border-color: var(--mu-surface-dark);
	color: var(--mu-on-dark);
}

.wp-block-query-pagination .page-numbers.dots {
	border-color: transparent;
}

/* generic archive / search headers */
.wp-block-query-title,
.wp-block-term-description {
	max-width: var(--mu-measure);
}

/* =========================================================================
   17. COMMENTS (existing 2009-2013 comments stay visible)
   ========================================================================= */
.wp-block-comments {
	margin-block-start: var(--mu-space-16);
	padding-block-start: var(--mu-space-8);
	border-top: 1px solid var(--mu-border);
}

.wp-block-comments-title,
.wp-block-post-comments-form h3 {
	font-size: var(--wp--preset--font-size--x-large);
}

.wp-block-comment-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-block-comment-template li {
	margin-block: var(--mu-space-6) 0;
	padding-block-end: var(--mu-space-6);
	border-bottom: 1px solid var(--mu-border);
}

.wp-block-comment-template .children {
	margin-inline-start: var(--mu-space-6);
	padding-inline-start: var(--mu-space-4);
	border-left: 2px solid var(--wp--preset--color--neutral-200);
}

.wp-block-comment-author-name {
	font-weight: 700;
	color: var(--mu-text);
}

.wp-block-comment-author-name a {
	color: inherit;
	text-decoration: none;
}

.wp-block-comment-date,
.wp-block-comment-date a {
	font-size: var(--wp--preset--font-size--small);
	color: var(--mu-text-muted);
}

.wp-block-comment-reply-link a,
.wp-block-comment-edit-link a {
	display: inline-flex;
	align-items: center;
	min-height: var(--mu-target);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.wp-block-comment-content {
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--prose);
}

.wp-block-post-comments-form :is(.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url) label {
	display: block;
	margin-bottom: var(--mu-space-1);
}

/* =========================================================================
   18. 404 + EMPTY STATES
   ========================================================================= */
.mu-404 {
	padding-block: var(--mu-space-section);
	text-align: center;
}

.mu-404__code {
	margin: 0;
	font-family: var(--wp--preset--font-family--alegreya);
	font-size: clamp(5rem, 3rem + 10vw, 9rem);
	font-weight: 700;
	line-height: 1;
	color: var(--mu-decor); /* large display numeral: decorative, >= 3:1 */
}

.mu-404 .wp-block-search {
	max-width: 28rem;
	margin-inline: auto;
}

/* =========================================================================
   19. REDUCED MOTION (last, so it wins)
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		animation-delay: 0s !important;
		transition-duration: 0.01ms !important;
		transition-delay: 0s !important;
		scroll-behavior: auto !important;
	}

	.mu-card--link:hover,
	.mu-episode:hover img {
		transform: none !important;
	}
}

/* forced-colors: keep focus and state cues visible */
@media (forced-colors: active) {
	.mu-hero__photo::before,
	.mu-bar-title,
	.mu-card--accent {
		border-color: CanvasText;
	}

	.mu-episode__thumb::before,
	.mu-episode > .wp-block-image:first-child::before {
		background-color: Highlight;
	}
}

/* ---- Icons (generated from build/blocks.py ICONS; CSS mask so they survive HTML filtering) ---- */
.mu-ico{display:inline-flex;}
.mu-ico::before{content:"";display:block;width:1.5rem;height:1.5rem;background-color:currentColor;-webkit-mask:var(--mu-ico) no-repeat center/contain;mask:var(--mu-ico) no-repeat center/contain;}
.mu-offer__icon.mu-ico::before{width:1.25rem;height:1.25rem;}
.mu-card__icon.mu-ico{color:var(--wp--preset--color--brand-red);}
.mu-ico--building{--mu-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.75%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z%22/%3E%3Cpath d=%22M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2%22/%3E%3Cpath d=%22M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2%22/%3E%3Cpath d=%22M10 6h4%22/%3E%3Cpath d=%22M10 10h4%22/%3E%3Cpath d=%22M10 14h4%22/%3E%3Cpath d=%22M10 18h4%22/%3E%3C/svg%3E");}
.mu-ico--plane{--mu-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.75%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z%22/%3E%3C/svg%3E");}
.mu-ico--globe{--mu-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.75%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%22/%3E%3Cpath d=%22M2 12h20%22/%3E%3C/svg%3E");}
.mu-ico--presentation{--mu-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.75%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M2 3h20%22/%3E%3Cpath d=%22M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3%22/%3E%3Cpath d=%22m7 21 5-5 5 5%22/%3E%3C/svg%3E");}
.mu-ico--users{--mu-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.75%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22/%3E%3Cpath d=%22M16 3.13a4 4 0 0 1 0 7.75%22/%3E%3C/svg%3E");}
.mu-ico--compass{--mu-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.75%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z%22/%3E%3C/svg%3E");}
.mu-ico--mic{--mu-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.75%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z%22/%3E%3Cpath d=%22M19 10v2a7 7 0 0 1-14 0v-2%22/%3E%3Cpath d=%22M12 19v3%22/%3E%3C/svg%3E");}

/* ---- Integration fixes ---- */
.mu-section.mu-section > .mu-measure{max-width:var(--wp--style--global--wide-size)!important;margin-left:auto!important;margin-right:auto!important;}
.mu-section > .mu-measure > *{max-width:46rem;}
.mu-footer__links,.mu-footer ul{list-style:none;padding-left:0;margin-left:0;}
.mu-footer ul li{margin:0 0 .5rem;}
.mu-appearances__group{border-top:1px solid var(--wp--preset--color--neutral-200);}
.mu-appearances__group > summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:1rem 0;font-family:var(--wp--preset--font-family--alegreya);font-weight:700;font-size:var(--wp--preset--font-size--large);}
.mu-appearances__group > summary::-webkit-details-marker{display:none;}
.mu-appearances__group > summary::after{content:"+";font-family:var(--wp--preset--font-family--montserrat);font-weight:600;color:var(--wp--preset--color--accent);font-size:1.5rem;line-height:1;}
.mu-appearances__group[open] > summary::after{content:"\2212";}
@media (max-width:480px){.mu-header .wp-block-buttons{display:none;}}
/* Offer icons: brand red on the black square (1.0.2) */
.mu-offer .mu-offer__icon.mu-ico{color:var(--wp--preset--color--brand-red);}