/**
 * ITT thank-you page. Loaded only on the "ITT · עמוד תודה" template.
 */

.itt-ty-hero {
	background: var(--itt-purple);
}

.itt-ty-hero__inner {
	padding-block: 90px 80px;
	display: grid;
	gap: 24px;
	justify-items: center;
	text-align: center;
}

.itt-ty-hero__check {
	width: 92px;
	height: 92px;
	border-radius: var(--itt-r-pill);
	background: var(--itt-gold);
	color: var(--itt-purple);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: itt-pop-in 0.6s var(--itt-ease-out);
}

.itt-ty-hero__title {
	font-size: clamp(30px, 5vw, 52px);
	line-height: 1.15;
	font-weight: 700;
	color: var(--itt-white);
	text-wrap: pretty;
}

.itt-ty-hero__lead {
	font-size: clamp(18px, 2.2vw, 22px);
	line-height: 1.65;
	color: var(--itt-on-purple-soft);
	max-width: 30em;
	text-wrap: pretty;
}

.itt-ty-hero__note {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: var(--itt-on-purple);
	border-radius: var(--itt-r-pill);
	padding: 10px 24px;
	font-size: 17px;
}

.itt-ty-steps .itt-section__title,
.itt-ty-links .itt-section__title {
	font-size: clamp(26px, 3.6vw, 38px);
	margin-inline: auto;
	text-align: center;
}

.itt-ty-steps__list,
.itt-ty-links__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 40px;
}

.itt-ty-step {
	background: var(--itt-white);
	border-radius: var(--itt-r-card);
	padding: 32px 28px;
	display: grid;
	gap: 12px;
	align-content: start;
	box-shadow: var(--itt-sh-cool-sm);
}

.itt-ty-step__number {
	width: 48px;
	height: 48px;
	border-radius: 15px;
	font-size: 22px;
	background: var(--itt-purple);
	color: var(--itt-gold);
}

.itt-ty-step--2 .itt-ty-step__number { background: var(--itt-cyan); color: var(--itt-purple-deep); }
.itt-ty-step--3 .itt-ty-step__number { background: var(--itt-orange); color: var(--itt-white); }

.itt-ty-step__title {
	font-size: 21px;
	font-weight: 700;
	color: var(--itt-purple);
}

.itt-ty-step__text {
	font-size: 18px;
	line-height: 1.7;
	color: var(--itt-muted);
}

.itt-ty-steps__tip {
	margin-top: 34px;
	background: var(--itt-cream-warm);
	border-radius: var(--itt-r-media);
	padding: 26px 32px;
	text-align: center;
	font-size: 19px;
	color: var(--itt-orange-dark);
}

.itt-ty-links__cards {
	margin-top: 0;
}

.itt-ty-link {
	height: 100%;
	border-radius: var(--itt-r-card);
	padding: 30px 28px;
	display: grid;
	gap: 10px;
	align-content: start;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.itt-ty-link:hover {
	transform: translateY(-6px);
	box-shadow: var(--itt-sh-cool-hover);
}

.itt-ty-link--cyan { background: var(--itt-cyan-soft); }
.itt-ty-link--purple { background: var(--itt-purple-soft); }
.itt-ty-link--orange { background: var(--itt-orange-soft); }
.itt-ty-link--gold { background: var(--itt-cream-warm); }
.itt-ty-link--gray { background: var(--itt-gray-card); }

.itt-ty-link__title {
	font-size: 21px;
	font-weight: 700;
}

.itt-ty-link__text {
	font-size: 18px;
	line-height: 1.65;
}

.itt-ty-link__cta {
	font-size: 17px;
	font-weight: 700;
}

.itt-ty-link--cyan .itt-ty-link__title { color: var(--itt-cyan-deep); }
.itt-ty-link--cyan .itt-ty-link__text { color: #3F6B80; }
/* Deepened for 4.5:1 at 17px against the tinted card backgrounds. */
.itt-ty-link--cyan .itt-ty-link__cta { color: var(--itt-cyan-deep); }

.itt-ty-link--purple .itt-ty-link__title,
.itt-ty-link--purple .itt-ty-link__cta { color: var(--itt-purple-mid); }
.itt-ty-link--purple .itt-ty-link__text { color: #5C4A80; }

.itt-ty-link--orange .itt-ty-link__title { color: var(--itt-orange-deep); }
.itt-ty-link--orange .itt-ty-link__text { color: #8A4E28; }
.itt-ty-link--orange .itt-ty-link__cta { color: var(--itt-orange-dark); }

.itt-ty-link--gold .itt-ty-link__title,
.itt-ty-link--gold .itt-ty-link__cta { color: var(--itt-gold-text); }
.itt-ty-link--gold .itt-ty-link__text { color: var(--itt-text-body); }

.itt-ty-link--gray .itt-ty-link__title,
.itt-ty-link--gray .itt-ty-link__cta { color: var(--itt-purple); }
.itt-ty-link--gray .itt-ty-link__text { color: var(--itt-muted); }

.itt-ty-quote__inner {
	padding-block: 70px;
	display: grid;
	gap: 18px;
	justify-items: center;
	text-align: center;
}

.itt-ty-quote__mark {
	font-size: 60px;
	line-height: 0.5;
	font-weight: 700;
	color: var(--itt-gold);
}

.itt-ty-quote__text {
	font-size: clamp(19px, 2.4vw, 24px);
	line-height: 1.65;
	font-weight: 600;
	color: var(--itt-purple);
	text-wrap: pretty;
}

.itt-ty-quote__author {
	font-size: 18px;
	color: var(--itt-muted-2);
}

@media (max-width: 900px) {
	.itt-ty-steps__list,
	.itt-ty-links__cards {
		grid-template-columns: 1fr;
	}

	.itt-ty-hero__inner {
		padding-block: 56px 48px;
	}
}