/* ELBIN Redesign 2 — живий статус роботи.
   Текст підставляє work-status.js; тут лише індикація й кнопка «Подзвонити».
   Без JS нічого не вмикається — лишається статичний графік і звичайна форма. */

/* ── статус у топбарі (десктоп) ───────────────────────────────────────────
   Крапка перед текстом: зелена = працюємо, сіра = офлайн. Ставимо ::before
   на контейнер, а не окремим елементом — розмітку топбара не чіпаємо. */
.sh-schedule.is-online,
.sh-schedule.is-offline,
.elbin-mnav__cv.is-online,
.elbin-mnav__cv.is-offline {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.sh-schedule.is-online::before,
.sh-schedule.is-offline::before,
.elbin-mnav__cv.is-online::before,
.elbin-mnav__cv.is-offline::before {
	content: '';
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	border-radius: 100%;
}

.sh-schedule.is-online::before,
.elbin-mnav__cv.is-online::before {
	background: #22A854;
	/* світіння лише в онлайні — щоб «зараз відповідаємо» читалось першим */
	box-shadow: 0 0 0 3px rgba(34, 168, 84, 0.22);
}

.sh-schedule.is-offline::before,
.elbin-mnav__cv.is-offline::before {
	background: currentColor;
	opacity: 0.45;
}

/* годинник поруч зі статусом зайвий — крапка вже несе сенс */
.sh-schedule.is-online .sh-topbar-ico,
.sh-schedule.is-offline .sh-topbar-ico {
	display: none;
}

/* ── плаваюча кнопка ──────────────────────────────────────────────────────
   🔴 Дві іконки «слухавка / слухавка з годинником» (24.08–31.08) прибрано
   (рішення Данила 01.09): «нічний» гліф на 18px не читався, а стан і так
   вирішує модалка — поза графіком «Подзвонити» ховається (нижче), Telegram
   і заявка лишаються. Кнопка одна, завжди зелена; класи is-online/is-offline
   на ній лишились лише носіями title/aria-label (їх пише work-status.js).
   Іконка — слухавка з хвилями, хвилі «розходяться» по черзі (варіант 2 з
   дизайн-канваса 01.09). Анімацію вмикає клас is-anim (чекбокс у Customizer);
   без анімації хвилі просто статичні — іконка та сама. */
@keyframes elbin-fab-wave {
	0%, 10% { opacity: 0; }
	30%, 60% { opacity: 1; }
	80%, 100% { opacity: 0; }
}

.elbin-cbm-fab.is-anim .elbin-cbm-fab__wave {
	animation: elbin-fab-wave 2.4s ease-in-out infinite;
}

.elbin-cbm-fab.is-anim .elbin-cbm-fab__wave--2 {
	animation-delay: 0.35s;
}

@media (prefers-reduced-motion: reduce) {
	.elbin-cbm-fab.is-anim .elbin-cbm-fab__wave {
		animation: none;
	}
}

/* ── «Подзвонити» всередині форми зворотного дзвінка ──────────────────────
   Обʼєднана точка входу: два плаваючі кружки поруч читались як дубль, тому
   кнопка одна, а вибір «подзвонити / залишити номер» стоїть уже в модалці.
   Зелений, а НЕ бірюзовий: бірюзу займає «Чекаю на дзвінок», і дві однакові
   за кольором кнопки поруч не читались би як різні дії. */
.elbin-cbm__call[hidden],
.elbin-cbm__or[hidden] {
	display: none;
}

.elbin-cbm__call {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin: 4px 0 0;
	padding: 14px 16px;
	border-radius: 12px;
	background: #22A854;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
}

.elbin-cbm__call:hover {
	background: #178A42;
	/* без color глобальний a:hover фарбував текст у бірюзовий (баг 02.09) */
	color: #fff;
}

.elbin-cbm__call svg {
	flex: 0 0 auto;
}

/* Telegram — фірмовий блакитний, видимий цілодобово (канал 24/7) */
.elbin-cbm__tg {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin: 8px 0 0;
	padding: 14px 16px;
	border-radius: 12px;
	background: #229ED9;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
}

.elbin-cbm__tg:hover {
	background: #1C87BA;
	color: #fff;
}

.elbin-cbm__tg svg {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
}

.elbin-cbm__or {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 2px;
	color: var(--elbin-r2-ink-2, #5B6166);
	font-size: 12.5px;
}

.elbin-cbm__or::before,
.elbin-cbm__or::after {
	content: '';
	flex: 1 1 auto;
	height: 1px;
	background: var(--elbin-r2-line, #E6E8EA);
}