/* ==========================================================================
   Ribbon Polyges — styles front-end
   ICT  — https://ict.com.tn/
   ========================================================================== */

.rp-ribbon-polyges {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 22px 0;
	box-sizing: border-box;
	font-family: 'Montserrat';
}

.rp-ribbon-polyges * {
	box-sizing: border-box;
}

.rp-ribbon-polyges .rp-row {
	position: relative;
	width: 106%;
	margin-inline-start: -3%;
	overflow: hidden;
	white-space: nowrap;
}

.rp-ribbon-polyges .rp-row-1 {
	background: var(--rp-row1-bg);
	padding: 25px 0;
	margin-bottom: -10px;
	transform-origin: center calc(100% + 5px);
	transform: translate(var(--rp-offset-x-row1), var(--rp-offset-y-row1)) rotate(var(--rp-angle-row1));
	z-index: 1;
}

.rp-ribbon-polyges .rp-row-2 {
	background: var(--rp-row2-bg);
	padding: 25px 0;
	transform-origin: center -5px;
	transform: translate(var(--rp-offset-x-row2), var(--rp-offset-y-row2)) rotate(var(--rp-angle-row2));
	z-index: 2;
}

.rp-ribbon-polyges .rp-track {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	width: max-content;
}

.rp-track-1 {
	animation: rp-scroll-left var(--rp-speed-row1) linear infinite;
}

.rp-track-2 {
	animation: rp-scroll-right var(--rp-speed-row2) linear infinite;
}

.rp-rtl .rp-track-1 {
	animation-name: rp-scroll-right;
}

.rp-rtl .rp-track-2 {
	animation-name: rp-scroll-left;
}

.rp-ribbon-polyges:hover .rp-track {
	animation-play-state: paused;
}

.rp-row-1 .rp-item {
	color: var(--rp-row1-text);
}

.rp-row-1 .rp-sep {
	color: var(--rp-row1-text);
	opacity: 0.55;
}

.rp-row-2 .rp-item {
	color: var(--rp-row2-text);
}

.rp-row-2 .rp-sep {
	color: var(--rp-row2-text);
	opacity: 0.55;
}

.rp-item {
	font-size: 17px;
	font-weight: 700;
	padding: 0 10px;
	letter-spacing: 0.01em;
}

.rp-sep {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
}

.rp-sep-star {
	width: 14px;
	height: 14px;
	fill: currentColor;
	animation: rp-sep-rotate 6s linear infinite;
}

@keyframes rp-scroll-left {
	from { transform: translateX(0); }
	to   { transform: translateX(-16.6667%); } /* 1/6 de la piste, répétée 6 fois -> boucle parfaite */
}

@keyframes rp-scroll-right {
	from { transform: translateX(-16.6667%); }
	to   { transform: translateX(0); }
}

@keyframes rp-sep-rotate {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
	.rp-item {
		font-size: 14px;
		padding: 0 7px;
	}

	.rp-sep-star {
		width: 11px;
		height: 11px;
	}

	.rp-row-1 {
		margin-bottom: -6px;
		transform-origin: center calc(100% + 3px);
	}

	.rp-row-2 {
		transform-origin: center -3px;
	}
}

.rp-track.rp-paused {
	animation-play-state: paused;
}

/* ---------- Réduction des animations (accessibilité) ---------- */
@media (prefers-reduced-motion: reduce) {
	.rp-track {
		animation: none;
	}
}


@media (max-width: 676px) {
	.rp-ribbon-polyges .rp-row-1 {
    transform: none !important;

}
}