/* Thank-you page after the booking form — not in the Figma; built from the contact hero's tokens. */

.thank-you {
	padding: 40px var(--gutter-mobile) 80px;
}

.thank-you__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-6);
	max-width: 760px;
	margin: 0 auto;
	padding: 35px 30px;
	border-radius: var(--radius-lg);
	background: var(--color-white);
}

.thank-you__title {
	margin: 0;
	color: var(--color-primary);
	font-family: var(--font-heading);
	font-size: 32px;
	font-weight: var(--h2-weight);
	line-height: var(--h2-lh);
	/* Even lines instead of one orphaned word ("přijali") on the second. */
	text-wrap: balance;
}

.thank-you__text {
	margin: 0;
	color: var(--color-primary);
	font-size: 18px;
	line-height: 1.6;
	opacity: 0.85;
	text-wrap: pretty;
}

.thank-you__phone {
	font-weight: 600;
	white-space: nowrap;
}

/* Two equal pills; the call button carries the usual bubble, with a phone in place of the arrow. */
.thank-you__actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
	align-self: stretch;
	margin-top: var(--space-2);
}

.thank-you__actions .btn {
	width: 100%;
}

.thank-you__actions .btn--secondary {
	padding-inline: 30px;
}

.thank-you__icon {
	width: 16px;
	height: 16px;
	filter: brightness(0) invert(1);
}

@media (min-width: 768px) {
	.thank-you__actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 520px;
	}

	.thank-you__actions .btn--primary {
		justify-content: space-between;
	}
}

@media (min-width: 1024px) {
	.thank-you { padding: 100px var(--gutter) 140px; }
	.thank-you__card { padding: 50px; }
	.thank-you__title { font-size: var(--h2-size); }
	.thank-you__text { font-size: 20px; }
}