/**
 * PolymerRoof — плавающие кнопки (по образцу fasadpanel.kz)
 * .top-button — «Вверх»
 * .whatsup.pulse — WhatsApp
 */

/*
 * ---------------------------------------------------------------------------
 * Chaty: основная кнопка-триггер ОТКЛЮЧЕНА (закомментирована через CSS).
 * Селектор (как в DOM):
 *   #chaty-widget-0 … .chaty-channel.chaty-cta-main.has-on-hover.pos-left > div
 * Причина: вместо неё используется плавающая кнопка .whatsup.
 * Чтобы вернуть Chaty — удалите или закомментируйте блок ниже.
 * ---------------------------------------------------------------------------
 */
#chaty-widget-0 .chaty-channel.chaty-cta-main.has-on-hover,
#chaty-widget-0 .chaty-i-trigger .chaty-cta-main,
#chaty-widget-0 {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* --- Кнопка «Вверх» (справа) --- */
.top-button.position-fixed,
.top-button {
	position: fixed;
	right: 5%;
	bottom: 30px; /* как на fasadpanel; Chaty скрыт */
	z-index: 1020;
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s;
}

.top-button.zi-1020 {
	z-index: 1020 !important;
}

.top-button.visible {
	opacity: 1;
	pointer-events: auto;
}

.top-button > .btn,
.top-button > a.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	min-height: 42px;
	padding: 9px 18px;
	border-radius: 0.25rem;
	border: none;
	background-color: #ff4148; /* акцент Elementor */
	color: #fff;
	text-decoration: none;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	cursor: pointer;
	line-height: 1;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.top-button > .btn:hover,
.top-button > a.btn:hover {
	background-color: #e0353c;
	color: #fff;
	transform: translateY(-1px);
}

/* --- WhatsApp (слева, как на fasadpanel) --- */
.whatsup {
	position: fixed;
	left: 100px;
	bottom: 50px;
	display: grid;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	border-radius: 123px;
	background-color: #62bd19;
	animation: polymerroof-pulse-animation 2s infinite;
	z-index: 100;
	text-decoration: none;
	box-sizing: border-box;
}

.whatsup.pulse {
	animation: polymerroof-pulse-animation 2s infinite;
}

.whatsup svg {
	display: block;
	pointer-events: none;
}

@keyframes polymerroof-pulse-animation {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}

@media (max-width: 600px) {
	.whatsup {
		bottom: 15px;
		left: 15px;
	}

	.top-button {
		right: 15px;
		bottom: 30px;
	}
}