/* Живой чат «Пример разбора взломанного сайта» в рамке #cta_form на странице
   /services/vosstanovlenie-sajta-posle-vzloma/ — 02.10.2026.
   Рамка, сообщения, индикатор набора и строка ввода — из lc-cta.css (класс lcchat);
   здесь только то, чего там нет: карточка проверок, итог, поле адреса, шаги.
   Подключается из mu-plugins/lc-vzlom-form.php. Откат: удалить файл плагина. */

#cta_form .form_media .lcchat .lcvz-tag {
	position: absolute;
	z-index: 2;
	top: 12px;
	right: 22px;
	font-size: 12px;
	line-height: 1;
	color: #9CAAC2;
	letter-spacing: .02em;
}
#cta_form .form_media .lcchat .lcvz-wide { max-width: 470px; }

/* Карточка проверок */
#cta_form .form_media .lcchat .lcvz-card {
	display: none;
	width: 100%;
	max-width: 470px;
	padding: 6px 16px;
	border-radius: 12px;
	background: #EDF0F3;
	opacity: 0;
	transform: translateY(12px) scale(.96);
	transform-origin: 0 100%;
	transition: opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1);
}
#cta_form .form_media .lcchat .lcvz-card.lc-vis { display: block; }
#cta_form .form_media .lcchat .lcvz-card.lc-in { opacity: 1; transform: none; }
#cta_form .form_media .lcchat .lcvz-row {
	display: none;
	align-items: center;
	gap: 12px;
	padding: 11px 0;
	font-size: 16px;
	line-height: 1.25;
}
#cta_form .form_media .lcchat .lcvz-row + .lcvz-row { border-top: 1px solid #DDE2E9; }
#cta_form .form_media .lcchat .lcvz-row.lc-in { display: flex; animation: lcvzIn .4s cubic-bezier(.2,.8,.2,1); }
@keyframes lcvzIn { from { opacity: 0; transform: translateX(-8px); } }
#cta_form .form_media .lcchat .lcvz-ico {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	background: #C9D2DF;
}
#cta_form .form_media .lcchat .lcvz-ico.lc-ok { background: #1FA971; }
#cta_form .form_media .lcchat .lcvz-ico.lc-warn { background: #E8590C; }
#cta_form .form_media .lcchat .lcvz-ico.lc-wait {
	background: none;
	border: 2px solid #C9D2DF;
	border-top-color: #0070F3;
	animation: lcvzSpin .7s linear infinite;
}
@keyframes lcvzSpin { to { transform: rotate(360deg); } }

/* Строка ввода: поле адреса и кнопка */
#cta_form .form_media .lcchat .lcvz-view {
	position: absolute;
	left: 26px;
	right: 24px;
	top: 18px;
	transition: opacity .4s ease, transform .45s cubic-bezier(.2,.8,.2,1);
}
#cta_form .form_media .lcchat .lcvz-view.lc-off { opacity: 0; transform: translateY(8px); pointer-events: none; }
#cta_form .form_media .lcchat .lcvz-lbl { display: block; font-size: 13px; color: #8795AD; margin-bottom: 10px; }
#cta_form .form_media .lcchat .lcvz-field {
	display: flex;
	align-items: center;
	height: 50px;
	padding: 0 16px;
	border-radius: 10px;
	background: #EDF0F3;
	font-size: 17px;
	color: #152237;
}
#cta_form .form_media .lcchat .lcvz-field .lcchat__caret { margin-left: 1px; }
#cta_form .form_media .lcchat .lcvz-field.lc-ph { color: #9CAAC2; }
#cta_form .form_media .lcchat .lcvz-go {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 42px;
	margin: 18px 0 0 auto;
	border-radius: 8px;
	background: #0070F3;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	transition: background .3s ease;
}
#cta_form .form_media .lcchat .lcvz-go.lc-busy { background: #9CAAC2; }
#cta_form .form_media .lcchat .lcvz-go.lc-pulse { animation: lcPulse 1s cubic-bezier(.2,.8,.2,1) 1; }

/* Шаги после разбора */
#cta_form .form_media .lcchat .lcvz-steps .lcvz-lbl { font-size: 14px; font-weight: 600; color: #152237; margin-bottom: 8px; }
#cta_form .form_media .lcchat .lcvz-step {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 4px 0;
	font-size: 15px;
	line-height: 1.3;
	color: #152237;
	opacity: 0;
	transform: translateX(-8px);
	transition: opacity .35s ease, transform .4s cubic-bezier(.2,.8,.2,1);
}
#cta_form .form_media .lcchat .lcvz-step.lc-in { opacity: 1; transform: none; }
#cta_form .form_media .lcchat .lcvz-step i {
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-top: 6px;
	border-radius: 50%;
	background: #0070F3;
}

#cta_form .form_media .lcchat.lc-out .lcchat__log,
#cta_form .form_media .lcchat.lc-out .lcchat__bar { opacity: 0; transition: opacity .4s ease; }
#cta_form .form_media .lcchat .lcchat__log.lc-fade { opacity: 0; transition: opacity .35s ease; }

@media (prefers-reduced-motion: reduce) {
	#cta_form .form_media .lcchat .lcvz-ico.lc-wait { animation: none; }
}