/* Eshkata Chat Widget — стили уровня страницы (не shadow DOM виджета) */

/* Блокировка прокрутки страницы, пока открыто окно чата */
html.chat-open,
body.chat-open {
	overflow: hidden;
}

/* Кнопка открытия чата в шапке сайта — рамка с анимированным градиентом,
   как у поля сообщения в чате */
.eskhata-chat-open-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border: 2px solid transparent;
	border-radius: 100px;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(120deg, #0050c8, #00e0ff, #ff4ecd, #00e0ff, #0050c8) border-box;
	background-size: 100% 100%, 300% 100%;
	animation: chat-border-flow 120s linear infinite;
	color: #2c2d2e;
	font-size: 15px;
	font-weight: 500;
	line-height: 146.667%;
	text-decoration: none;
	cursor: pointer;
	transition: box-shadow 0.2s;
}
.eskhata-chat-open-btn svg {
	flex-shrink: 0;
}
.eskhata-chat-open-btn:hover {
	box-shadow: 0 6px 24px rgba(0, 80, 200, 0.15);
	color: #003c97;
}
/* Модификатор: кнопка на всю ширину с текстом по центру
   (например, пункт в мобильном меню) */
.eskhata-chat-open-btn--wide {
	width: 100%;
	justify-content: center;
}
@keyframes chat-border-flow {
	0% { background-position: 0 0, 0% 50%; }
	1.25% { background-position: 0 0, 100% 50%; }
	100% { background-position: 0 0, 0% 50%; }
}