/**
 * Липкая плашка консультации внизу экрана — макеты 259:9813 / 259:9731.
 * Разметка: template-parts/sticky-cta.php, поведение: assets/js/sticky-cta.js.
 *
 * Плашка спрятана сдвигом вниз за край экрана. Скрипт ставит класс
 * .is-visible — плашка выезжает за 300 мс; снимает — уезжает обратно.
 * Цвета и наведение кнопок — общие классы .wc-btn / .wc-btn--ghost
 * из style.css, здесь только размеры.
 */

.wc-sticky {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	/* Над контентом, но ниже мобильного меню Astra и админ-панели. */
	z-index: 90;
	background: #fff;
	border-radius: 24px 24px 0 0;
	box-shadow: 0 -6px 30px rgba(22, 67, 90, 0.12);
	color: var(--wc-ink, #16435A);
	/* + 40px — чтобы и тень уезжала за край вместе с плашкой. */
	transform: translateY(calc(100% + 40px));
	visibility: hidden;
	transition: transform 0.3s ease, visibility 0s linear 0.3s;
}

.wc-sticky.is-visible {
	transform: none;
	visibility: visible;
	transition: transform 0.3s ease, visibility 0s;
}

/* Открыто мобильное меню — плашка не должна торчать из-под него. */
.ast-off-canvas-active .wc-sticky {
	transform: translateY(calc(100% + 40px));
	visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.wc-sticky,
	.wc-sticky.is-visible {
		transition: none;
	}
}

/* Содержимое — по той же сетке, что и секции: поля 5vw, выше 1600 —
   по рамке 1600 по центру. */
.wc-sticky__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	min-height: 147px;
	padding-block: 20px;
	padding-inline: calc(max(0px, (100% - 1600px) / 2) + 5 * var(--vw, 1vw));
	box-sizing: border-box;
}

.wc-sticky__text p {
	margin: 0;
	line-height: 1.6;
	color: var(--wc-ink, #16435A);
}

.wc-sticky__title {
	font-family: var(--wc-font-display);
	font-weight: 400;
	font-size: clamp(20px, calc(1.5625 * var(--vw, 1vw)), 25px);
}

.wc-sticky__lead {
	font-family: var(--wc-font-ui);
	font-weight: 400;
	font-size: clamp(16px, calc(1.25 * var(--vw, 1vw)), 20px);
}

/* Две равные кнопки по ширине более длинной подписи, не уже макетных 548. */
.wc-sticky__btns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	flex: 0 0 auto;
	min-width: calc(34.25 * var(--vw, 1vw));
}

.wc-sticky .wc-sticky__btn.wc-btn.wc-btn.wc-btn {
	display: flex;
	box-sizing: border-box;
	padding: 18px 25px;
	font-size: 18px;
}

.wc-sticky .wc-sticky__btn--call.wc-btn.wc-btn.wc-btn:not(:hover) {
	background: #fff;
}

/* Планшет и телефон — макет 259:9731: текст сверху, кнопки строкой под ним,
   «Call us» узкая, вторая забирает остаток. */
@media (max-width: 1023px) {
	.wc-sticky__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 21px;
		min-height: 0;
		padding: 25px 20px 23px;
	}

	.wc-sticky__title {
		font-size: 20px;
	}

	.wc-sticky__lead {
		font-size: 16px;
	}

	.wc-sticky__btns {
		grid-template-columns: 125px 1fr;
		min-width: 0;
	}

	.wc-sticky .wc-sticky__btn.wc-btn.wc-btn.wc-btn {
		height: 50px;
		padding: 0 12px;
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.wc-sticky__inner {
		padding-inline: calc(5 * var(--vw, 1vw));
	}

	.wc-sticky__btns {
		grid-template-columns: 1fr 1fr;
	}
}