/* ECOGEO Этап 16 — контакт-бар хедера: основной номер + выпадашка.
   Namespace .ecg-hc — не пересекается с темой. Тёмный топ-бар хедера. */

.ecg-hc {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font-family: 'Montserrat', sans-serif;
}

.ecg-hc__main {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
	white-space: nowrap;
	padding: 6px 2px 6px 0;
	transition: color .18s ease;
}
.ecg-hc__main:hover,
.ecg-hc__main:focus-visible { color: #8CC63F; }

.ecg-hc__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}
.ecg-hc__ico svg { width: 16px; height: 16px; display: block; }

.ecg-hc__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	cursor: pointer;
	transition: background .18s ease, color .18s ease;
}
.ecg-hc__toggle:hover,
.ecg-hc__toggle:focus-visible { background: rgba(255,255,255,.14); color: #8CC63F; }
.ecg-hc__caret { width: 13px; height: 13px; display: block; transition: transform .22s ease; }
.ecg-hc.is-open .ecg-hc__caret { transform: rotate(180deg); }

/* --- панель --- */
.ecg-hc__panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 999;
	min-width: 268px;
	padding: 16px 18px;
	background: #13211a;
	color: #fff;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0,0,0,.34);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s;
	text-align: left;
}
/* мостик, чтобы курсор не терял панель на промежутке */
.ecg-hc__panel::before {
	content: '';
	position: absolute;
	top: -12px; left: 0; right: 0;
	height: 12px;
}
.ecg-hc.is-open .ecg-hc__panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.ecg-hc__sect { margin-bottom: 12px; }
.ecg-hc__cap {
	display: block;
	font-size: 10px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #8CC63F;
	margin-bottom: 6px;
	font-weight: 600;
}
.ecg-hc__list { list-style: none; margin: 0; padding: 0; }
.ecg-hc__list li { margin: 0 0 4px; padding: 0; }
.ecg-hc__list li::before { content: none; }
.ecg-hc__list a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	transition: color .16s ease;
}
.ecg-hc__list a:hover,
.ecg-hc__list a:focus-visible { color: #8CC63F; }

.ecg-hc__row {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding-top: 10px;
	border-top: 1px solid rgba(255,255,255,.10);
	font-size: 13px;
	line-height: 1.45;
	color: rgba(255,255,255,.86);
}
.ecg-hc__row + .ecg-hc__row { margin-top: 8px; }
.ecg-hc__row a { color: rgba(255,255,255,.86); text-decoration: none; word-break: break-word; }
.ecg-hc__row a:hover, .ecg-hc__row a:focus-visible { color: #8CC63F; }
.ecg-hc__row .ecg-hc__ico { margin-top: 2px; color: #8CC63F; }

/* --- мобайл: панель не должна вылезать за экран --- */
@media (max-width: 767px) {
	.ecg-hc__panel {
		right: auto;
		left: 50%;
		transform: translate(-50%, -6px);
		min-width: 240px;
		max-width: calc(100vw - 24px);
	}
	.ecg-hc.is-open .ecg-hc__panel { transform: translate(-50%, 0); }
	.ecg-hc__main { font-size: 14px; }
}

/* --- список телефонов (футер / контакты) --- */
.ecg-phones { list-style: none; margin: 0; padding: 0; }
.ecg-phones li { margin: 0 0 4px; padding: 0; }
.ecg-phones li::before { content: none; }
.ecg-phones a { color: inherit; text-decoration: none; font-weight: 600; white-space: nowrap; }
.ecg-phones a:hover { color: #8CC63F; }

/* ============================================================
   Этап 16 — меню «Услуги»: 3 уровня (Услуги → категория → подуслуга).
   Каталог вырос до 30 услуг, плоский список разъезжался.
   ============================================================ */

/* колонка категорий не должна быть уже названия */
.wdt-primary-nav .sub-menu li.ecg-menu-cat > a {
	font-weight: 600;
	white-space: normal;
}
/* 3-й уровень: вылет вбок от категории */
.wdt-primary-nav .sub-menu .sub-menu {
	min-width: 290px;
	max-width: 340px;
}
.wdt-primary-nav .sub-menu .sub-menu li > a {
	white-space: normal;      /* длинные названия услуг переносятся, а не режутся */
	line-height: 1.35;
	padding-top: 7px;
	padding-bottom: 7px;
}
/* маркер «есть вложенность» у категории */
.wdt-primary-nav .sub-menu li.ecg-menu-cat.menu-item-has-children > a::after {
	content: '›';
	float: right;
	margin-left: 10px;
	opacity: .6;
}
/* мобильное меню: 3-й уровень просто отступом, без вылета вбок */
@media (max-width: 1024px) {
	.wdt-primary-nav .sub-menu .sub-menu { min-width: 0; max-width: none; }
	.wdt-primary-nav .sub-menu .sub-menu li > a { padding-left: 24px; font-size: 13px; }
	.wdt-primary-nav .sub-menu li.ecg-menu-cat.menu-item-has-children > a::after { content: none; }
}

/* ============================================================
   Этап 16 — фиксы после CDP-проверки реального рендера
   ============================================================ */

/* 1) Кнопка-стрелка контакт-бара: тема красит ЛЮБОЙ <button> в зелёную «пилюлю»
      (глобальные стили кнопок). Возвращаем маленький круг рядом с номером. */
.ecg-hc .ecg-hc__toggle,
.ecg-hc button.ecg-hc__toggle {
	width: 26px !important;
	min-width: 26px !important;
	height: 26px !important;
	min-height: 26px !important;
	padding: 0 !important;
	margin: 0 0 0 2px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	color: inherit !important;
	line-height: 1 !important;
	font-size: 0 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	transform: none !important;
}
.ecg-hc .ecg-hc__toggle:hover,
.ecg-hc .ecg-hc__toggle:focus-visible {
	background: rgba(0, 0, 0, .07) !important;
	color: #1F6B3B !important;
}
.ecg-hc .ecg-hc__caret { width: 13px !important; height: 13px !important; }
/* тема может подставлять свой ::before/::after внутрь кнопок */
.ecg-hc .ecg-hc__toggle::before,
.ecg-hc .ecg-hc__toggle::after { content: none !important; display: none !important; }

/* 2) Выпадающее меню было полупрозрачным: при выросшем каталоге сквозь него
      просвечивал герой (серый круг под пунктом). Делаем фон непрозрачным. */
.wdt-primary-nav ul.sub-menu {
	background-color: #ffffff !important;
	box-shadow: 0 16px 38px rgba(0, 0, 0, .14);
}
.wdt-primary-nav ul.sub-menu > li > a { background-color: transparent; }