/*
 * Výkup mobilných telefónov (page 203643): title, then the buy-back pitch over a background photo.
 * Translated from the page's Oxygen rules and the order-link__button class (universal.css).
 */

/* Oxygen sections are blocks, so their inner wrap spans the full container width. */
.wa-buyback-intro__inner,
.wa-buyback__inner {
	width: 100%;
}

/* ---- Title ---- */
.wa-buyback-intro__inner {
	padding-block: 2rem 1rem;
}

.wa-buyback-intro__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.wa-buyback-intro__title {
	margin-bottom: var(--space-l);
}

/* ---- Buy-back pitch ---- */
.wa-buyback {
	/* Oxygen's photo: the file is missing on the server too, so the section shows plain white on both stacks. */
	background: url("/wp-content/uploads/2023/03/vykup-mobilov.jpg") 0 0 / cover no-repeat var(--white);
}

.wa-buyback__row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 100%;
}

.wa-buyback__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.wa-buyback__aside {
	display: none;
}

.wa-buyback__title {
	color: var(--primary);
	font-size: 3.6rem; /* 36px, fixed in Oxygen */
	line-height: 1.2;
}

.wa-buyback__subtitle {
	color: var(--primary);
}

/* Oxygen link button with the order-link__button class: white pill with a primary outline. */
.wa-buyback .wa-buyback__phone {
	display: block;
	margin-bottom: 4rem;
	padding: 10px 16px;
	border: 1px solid var(--primary);
	border-radius: var(--radius-xl);
	background-color: var(--white);
	color: var(--black);
	font-size: 4rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}

.wa-buyback .wa-buyback__phone:hover {
	background-color: var(--primary);
	color: var(--white);
}

.wa-buyback__text {
	width: 100%;
	text-align: center;
}

.wa-buyback__text p {
	margin-block: 1em;
}

.wa-buyback__text > p:last-child {
	margin-bottom: 0;
}

@media (min-width: 1024px) {
	.wa-buyback__content,
	.wa-buyback__aside {
		width: 50%;
	}

	.wa-buyback__aside {
		display: flex;
	}
}