/* Bandeau de badges d'avis qui défile */
.avis-bar {
	overflow: hidden;
	padding-block: 18px;
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.avis-bar__track {
	display: flex;
	gap: 14px;
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
	animation: avis-scroll 40s linear infinite;
}

.avis-bar:hover .avis-bar__track {
	animation-play-state: paused;
}

.avis-bar__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 26px;
	border-radius: var(--radius-pill);
	background: var(--c-ivory);
	font-size: 1.1875rem;
	white-space: nowrap;
}

.avis-bar__logo {
	width: auto;
	height: 26px;
}

.avis-bar__item strong {
	font-weight: 600;
}

.avis-bar__stars {
	display: flex;
	gap: 2px;
	color: var(--c-gold);
}

.avis-bar__stars .icon {
	width: 16px;
	height: 16px;
}

@keyframes avis-scroll {
	to { transform: translateX(calc(-100% / 3)); }
}

@media (prefers-reduced-motion: reduce) {
	.avis-bar__track {
		flex-wrap: wrap;
		justify-content: center;
		width: auto;
		animation: none;
	}

	.avis-bar__item[aria-hidden="true"] {
		display: none;
	}
}

/* Logos et étoiles des plateformes dans le bandeau */
.avis-bar__item .brand-logo {
	width: 36px;
	height: 36px;
}

.avis-bar__item .brand-logo--google {
	width: 100px;
	height: 34px;
}

.avis-bar__item .stars {
	gap: 4px;
}

.avis-bar__item .stars__star .icon {
	width: 24px;
	height: 24px;
}

.avis-bar__item .stars--booking .stars__star {
	width: 24px;
	height: 24px;
	border-radius: 3px;
}

.avis-bar__item .stars--booking .stars__star .icon {
	width: 16px;
	height: 16px;
}

.avis-bar__item strong {
	font-weight: 500;
}

/* Étoile Airbnb devant la note */
.avis-bar__airbnb-star {
	display: inline-flex;
	margin-right: -4px;
	color: #ff5a5f;
}

.avis-bar__airbnb-star .icon {
	width: 22px;
	height: 22px;
}