/* ---- Withdrawal from the purchase contract /odstoupeni-od-smlouvy ---- */
.withdrawal {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 32px 0 72px;
}

.withdrawal__intro {
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: var(--text-2);
	line-height: 1.6;
}

.withdrawal__lead {
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--text);
}

.withdrawal__intro a {
	color: var(--green);
	text-decoration: underline;
}

.withdrawal__box,
.withdrawal__sheet {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 32px;
}

.withdrawal__box h2,
.withdrawal__sheet h2 {
	font-size: 1.5rem;
	line-height: 1.2;
}

.withdrawal__sheet h3 {
	font-size: 1.1875rem;
}

.withdrawal__form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.withdrawal__statement {
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.6;
}

.withdrawal__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
}

.withdrawal__note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border-left: 4px solid var(--green);
	border-radius: var(--radius-sm);
	background: var(--bg-light);
	color: var(--text-muted);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.5;
}

.withdrawal__note i {
	flex: none;
	font-size: 20px;
	color: var(--green);
}

.withdrawal__data {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 8px 16px;
	margin: 0;
}

.withdrawal__data dt {
	font-weight: 700;
}

.withdrawal__data dd {
	margin: 0;
}

.withdrawal__legal {
	font-size: 0.875rem;
	color: var(--text-muted);
	line-height: 1.5;
}

/* long dots for the goods, they wrap on a narrow screen instead of overflowing it */
.withdrawal__dots {
	overflow-wrap: anywhere;
}

/* blank model form: dotted lines to write on */
.withdrawal__data--blank dd:empty {
	min-height: 1.5em;
	border-bottom: 1px dotted var(--border-strong);
}

.withdrawal__multiline {
	white-space: pre-line;
}

.withdrawal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}


@media (max-width: 480px) {
	.withdrawal__box,
	.withdrawal__sheet {
		padding: 24px 18px;
	}

	.withdrawal__data {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.withdrawal__data dd {
		margin-bottom: 8px;
	}
}