/* Ďakujem — short celebratory centered page (.p-dakujem-*) */

.p-dakujem-hero {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-block: clamp(5rem, 12vw, 8.5rem);
}
.p-dakujem-hero .container {
	position: relative;
	z-index: 1;
}

/* Giant mist blob behind the content (brand visual). */
.p-dakujem-blob {
	width: min(620px, 92vw);
	height: min(620px, 92vw);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -48%);
}

/* Big lime check in an organic blob shape. */
.p-dakujem-check {
	width: 116px;
	height: 116px;
	margin: 0 auto 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 60px;
	font-weight: 800;
	line-height: 1;
	color: var(--wp--preset--color--petrol);
	background: var(--wp--preset--color--lime);
	border-radius: 42% 58% 55% 45% / 48% 42% 58% 52%;
	transform: rotate(-4deg);
}

/* Petrol text for AA contrast on green/mist. */
.p-dakujem-hero .lead {
	max-width: 560px;
	margin-inline: auto;
	color: var(--wp--preset--color--petrol);
}

.p-dakujem-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
	margin-top: 30px;
}