/**
 * Sadaqah/Zakat green band — split layout the block editor can't express on its
 * own: copy on the left, the two pill buttons stacked and right-aligned on the
 * right, collapsing to a single stack on narrow screens. Loaded only when the
 * band is on the page.
 */
.ab-band-zakat .ab-zakat-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(2rem, 4vw, 3rem);
}

/* Copy column grows; capped so the headline stays on one line like the comp. */
.ab-band-zakat .ab-zakat-copy {
	flex: 1 1 auto;
	max-width: 900px;
}

/* Actions: stacked, fixed width, pinned to the right edge of the band. */
.ab-band-zakat .ab-zakat-actions {
	flex: 0 0 auto;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0;
	min-width: 220px;
}

.ab-band-zakat .ab-zakat-actions .wp-block-button {
	width: 100%;
}

.ab-band-zakat .ab-zakat-actions .wp-block-button__link {
	display: block;
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

/* Stack the band on tablet/mobile: copy first, full-width buttons below. */
@media (max-width: 820px) {
	.ab-band-zakat .ab-zakat-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.75rem;
	}
	.ab-band-zakat .ab-zakat-actions {
		width: 100%;
		min-width: 0;
		align-self: stretch;
	}
}