/* ==========================================================================
   Компонент: „Нишката“ (assets/js/thread.js) – мокъп v1.14: .ih-thread-host, .ih-thread
   Само на Home (решение 34). Тънка линия на фона на <main> (#brx-content), изчертава се със скрола; SVG-то – от
   thread.js; съдържанието на секциите (контейнерите) е над нея, фоновете на секциите – под нея.
   ========================================================================== */

.ih-thread-host {
	position: relative;
}

.ih-thread-host > section > .brxe-container {
	position: relative;
	z-index: 2;
}

.ih-thread {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	overflow: visible;
	pointer-events: none;
}

.ih-thread__path {
	fill: none;
	stroke: url(#ih-thread-grad);
	stroke-width: 1;
	stroke-linecap: round;
}

.ih-thread__tip {
	opacity: 0;
	transition: opacity .3s;
}

.ih-thread__tip circle {
	fill: var(--ih-color-surface);
	stroke: var(--ih-color-accent);
	stroke-width: 1.5;
	transition: fill .3s, stroke .3s;
}

.ih-thread__tip--dark circle {
	fill: var(--ih-color-ink);
	stroke: var(--ih-color-accent-light);
}