/*
 * Donează: intro + bank transfer, laid out like the live page (left aligned). The bank details are
 * the shared pattern betania/date-bancare (style.css).
 */

body.is-page-doneaza .betania-content > .wp-block-group[class*="donate-"] {
	margin-block: 0;
	padding-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
}

body.is-page-doneaza .betania-content > .donate-bank {
	padding-block-start: 0;
}

/* NEXT-04: the content already starts 64px (32px on phones) under the hero; a first section that adds its own
   top padding doubled it (117px vs live's 60px). */
body.is-page-doneaza .betania-content > .donate-intro:first-child {
	padding-block-start: 0;
}

/* UI-68: the last section's bottom padding adds to main's own bottom padding before the footer (≈225px
   of white on desktop); half of it brings the gap back near live's. */
body.is-page-doneaza .betania-content > .donate-bank:last-child {
	padding-block-end: calc(clamp(2rem, 1.5rem + 2vw, 3.5rem) / 2);
}

/* Intro: the "Susține misiunea Betania" title in tracked capitals, then the lead paragraph. */
body.is-page-doneaza .donate-intro__title {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--navy);
	font-family: var(--wp--preset--font-family--dosis);
	/* UI-49: the one section-title style (theme.json h2). */
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.3;
	text-transform: uppercase;
}

body.is-page-doneaza .donate-intro__text {
	max-width: 760px;
	margin: 0;
	color: var(--wp--preset--color--navy);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
}

/* "Prin transfer bancar": peach label, as on the live page. */
body.is-page-doneaza .donate-bank__label {
	display: inline-block;
	margin: 0 0 0.875rem;
	padding: 0.375rem 0.75rem;
	border-radius: 3px;
	background: var(--wp--preset--color--peach-light);
	color: var(--wp--preset--color--navy);
	font-family: var(--wp--preset--font-family--dosis);
	/* UI-49: "Prin transfer bancar" is an H2: the section-title size, not a 14px tag. */
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

body.is-page-doneaza .donate-bank__details {
	margin: 1.125rem 0 0;
	color: var(--wp--preset--color--navy);
}

/* The left-aligned blocks keep to the 1200px column on wide screens (their own margins replace the
   constrained layout's auto margins). */
body.is-page-doneaza :is(.donate-intro, .donate-bank) > * {
	margin-left: max(0px, calc((100% - 1200px) / 2)) !important;
	margin-right: auto !important;
}