/* Lopatka rotating info bar */
.solcar-ib {
	--solcar-ib-fade: 500ms;
	width: 100%;
	background: #5C2E66;
	padding: 10px 20px;
	box-sizing: border-box;
}

.solcar-ib-track {
	display: grid;
	width: 100%;
}

.solcar-ib-item {
	grid-area: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	text-align: center;
	line-height: 1.3;
}

/* no-JS: show only the first message (no overlap) */
.solcar-ib:not(.is-js) .solcar-ib-item:not(:first-child) {
	display: none;
}

/* JS: fade between messages */
.solcar-ib.is-js .solcar-ib-item {
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--solcar-ib-fade, 500ms) ease, visibility var(--solcar-ib-fade, 500ms) ease;
	pointer-events: none;
}

.solcar-ib.is-js .solcar-ib-item.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.solcar-ib-ico {
	display: inline-flex;
	align-items: center;
	color: #ffffff;
	font-size: 18px;
	line-height: 1;
}

.solcar-ib-ico svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.solcar-ib-text {
	color: #ffffff;
}

.solcar-ib-link {
	color: #E0954A;
	text-decoration: underline;
}

.solcar-ib-link:hover {
	opacity: .85;
}
