/* Parametric Marquee — Frontend styles */

.parmq-marquee-ribbon {
	width: 100% !important;
	display: block !important;
	position: relative !important;
	overflow: hidden !important; 
	padding: 12px 0 !important;
	z-index: 9999 !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	left: 0 !important;
}

.parmq-marquee-track {
	display: flex !important;
	width: max-content !important;
	white-space: nowrap !important;
}

.parmq-marquee-text {
	font-size: var(--parmq-font-size, 14px);
	display: inline-flex !important;
	align-items: center;
	white-space: nowrap !important;
	animation: parmq-marquee var(--parmq-duration, 35s) linear infinite !important;
	animation-direction: var(--parmq-anim-direction, normal) !important;
}

.parmq-marquee-text .parmq-item {
	display: inline-block !important;
	color: inherit !important;
	font-family: inherit !important;
	font-weight: bold !important;
	font-size: inherit !important;
	padding-right: var(--parmq-gap, 20px) !important;
}

.parmq-marquee-text .parmq-item a {
	color: inherit !important;
	text-decoration: none;
}

.parmq-marquee-text .parmq-item i {
	margin-right: 8px !important;
}

/* Keyframes για το animation κίνησης */
@keyframes parmq-marquee {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-100%, 0, 0);
	}
}