/* === GP FAB: единая кнопка связи (звонок + чат) === */

/* Скрываем стандартные кнопки виджетов Envybox (их функции берёт на себя gp-fab).
   Важно: нельзя display:none — виджет отказывает работать. Прячем через opacity. */
a.cbk-phone,
.cbk-phone-bgr,
.cbk-phone-phone,
.cbk-phone-text {
	opacity: 0 !important;
	pointer-events: none !important;
}
.ws-chat-btn-el-container {
	opacity: 0 !important;
	pointer-events: none !important;
}

/* Окно чата Envybox открывается в правой части экрана */
.ws-chat-container {
	left: auto !important;
	right: 20px !important;
	bottom: 20px !important;
	top: auto !important;
}
@media (max-width: 768px) {
	.ws-chat-container {
		right: 0 !important;
		bottom: 0 !important;
	}
}

/* Мультикнопка скрыта, пока открыто окно чата */
.gp-fab.gp-fab-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.gp-fab {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 2147483000;
	font-family: inherit;
}

.gp-fab-main {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: none;
	background: #82B02E;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: background 0.2s ease, transform 0.2s ease;
	animation: gp-fab-pulse 2.8s ease-out infinite;
}
/* Невязчивый пульс, привлекающий внимание к кнопке */
@keyframes gp-fab-pulse {
	0% {
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), 0 0 0 0 rgba(130, 176, 46, 0.5);
	}
	70% {
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), 0 0 0 16px rgba(130, 176, 46, 0);
	}
	100% {
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), 0 0 0 0 rgba(130, 176, 46, 0);
	}
}
/* Когда меню открыто — пульс не нужен */
.gp-fab.gp-fab-open .gp-fab-main {
	animation: none;
}
@media (prefers-reduced-motion: reduce) {
	.gp-fab-main {
		animation: none;
	}
}
.gp-fab-main:hover {
	background: #6f9726;
	transform: scale(1.05);
}
.gp-fab-main svg {
	width: 26px;
	height: 26px;
	fill: #fff;
}
.gp-fab-main .gp-fab-icon-close {
	display: none;
}
.gp-fab.gp-fab-open .gp-fab-main .gp-fab-icon-close {
	display: block;
}
.gp-fab.gp-fab-open .gp-fab-main .gp-fab-icon-chat {
	display: none;
}

/* Пункты раскрываются НАД кнопкой и не занимают место, когда скрыты */
.gp-fab-actions {
	position: absolute;
	bottom: calc(100% + 12px);
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.gp-fab.gp-fab-open .gp-fab-actions {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.gp-fab-action {
	display: flex;
	align-items: center;
	gap: 8px;
	border: none;
	background: #fff;
	border-radius: 28px;
	padding: 8px 16px 8px 8px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	color: #222;
	white-space: nowrap;
	transition: background 0.2s ease;
}
.gp-fab-action:hover {
	background: #f2f6e8;
}
.gp-fab-action-ico {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.gp-fab-action-ico svg {
	width: 20px;
	height: 20px;
	fill: #fff;
}
.gp-fab-action-booking .gp-fab-action-ico {
	background: #3A7BD5;
}
.gp-fab-action-phone .gp-fab-action-ico {
	background: #ED3C25;
}
.gp-fab-action-chat .gp-fab-action-ico {
	background: #82B02E;
}

@media (max-width: 768px) {
	.gp-fab {
		right: 14px;
		bottom: 14px;
	}
	/* Скрываем только текстовую подпись, иконку оставляем */
	.gp-fab-action > span:not(.gp-fab-action-ico) {
		display: none;
	}
	.gp-fab-action {
		padding: 8px;
		border-radius: 50%;
	}
}

/* ============================================================
   1denta: боковая вкладка «Онлайн-запись» — скрыть мгновенно,
   без вспышки при загрузке (раньше скрывалась через JS с задержкой).
   Элемент: <a id="id<random>" style="position: fixed; ..."> у левого края.
   ============================================================ */
a[id^="id"][style*="position: fixed"] {
    display: none !important;
}

/* ============================================================
   Виджет отзывов myReviews (плавающий контейнер слева внизу):
   ПК — компактная полупрозрачная вкладка (при наведении — полная),
   мобильная — скрыт полностью.
   ============================================================ */
@media (min-width: 1101px) {
    .myReviews__container-bottom-left,
    #myReviews__bottom-left-container {
        transform: scale(0.62);
        transform-origin: left bottom;
        opacity: 0.55;
        left: 8px !important;
        bottom: 8px !important;
        transition: transform 0.25s ease, opacity 0.25s ease;
        z-index: 998;
    }

    .myReviews__container-bottom-left:hover,
    #myReviews__bottom-left-container:hover {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 1100px) {
    .myReviews__container-bottom-left,
    #myReviews__bottom-left-container {
        transform: scale(0.55);
        transform-origin: left bottom;
        opacity: 0.6;
        left: 6px !important;
        bottom: 6px !important;
        transition: transform 0.25s ease, opacity 0.25s ease;
        z-index: 998;
    }

    .myReviews__container-bottom-left:hover,
    #myReviews__bottom-left-container:hover {
        transform: scale(1);
        opacity: 1;
    }
}