/* Точки карусели. Показываются только внутри медиа-запросов,
   которые плагин генерирует под выбранные устройства. */
.ecc-dots {
	display: none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--ecc-dot-gap, 8px);
	margin-top: var(--ecc-dot-offset, 16px);
	width: 100%;
	flex: 0 0 100%;
	box-sizing: border-box;
}

.ecc-dots.ecc-single {
	display: none !important;
}

.ecc-dot {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	padding: 0;
	margin: 0;
	width: var(--ecc-dot-size, 8px);
	height: var(--ecc-dot-size, 8px);
	min-width: 0;
	border-radius: 50%;
	background: var(--ecc-dot-color, #c4c4c4);
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease;
}

.ecc-dot:hover,
.ecc-dot:focus {
	background: var(--ecc-dot-color, #c4c4c4);
}

.ecc-dot.is-active,
.ecc-dot.is-active:hover,
.ecc-dot.is-active:focus {
	background: var(--ecc-dot-active-color, #111);
	transform: scale(1.25);
}

.ecc-dot:focus-visible {
	outline: 2px solid var(--ecc-dot-active-color, #111);
	outline-offset: 2px;
}

/* Full Width режим внутри редактора: точки скрыты (иначе они стали бы «слайдом»). */
.elementor-editor-active .e-con-full > .ecc-dots {
	display: none !important;
}