/* Styles structurels des blocs ASMC (mécanique uniquement — l'habillage visuel vient du thème). */

.asmc-stars { display: inline-flex; gap: 2px; color: #00b67a; }

.asmc-trust-score { display: inline-flex; align-items: center; gap: 0.5em; }

.asmc-reviews-slider { position: relative; } /* pas d overflow hidden : l ombre des cartes doit pouvoir déborder */
/* Le masque est un vrai conteneur de défilement horizontal (scroll-snap) : le swipe est natif. */
.asmc-reviews-slider__mask {
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.asmc-reviews-slider__mask::-webkit-scrollbar { display: none; }
.asmc-reviews-slider__track { display: flex; }
.asmc-reviews-slider__slide { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
.asmc-reviews-slider__dots { display: flex; justify-content: center; gap: 8px; margin-top: 1em; }
.asmc-reviews-slider__dot {
	width: 10px; height: 10px; border-radius: 50%;
	border: none; background: #ccc; cursor: pointer; padding: 0;
}
.asmc-reviews-slider__dot[aria-current="true"] { background: #333; }

.asmc-reviews-modal { max-width: 640px; width: 90vw; max-height: 80vh; border: none; border-radius: 8px; padding: 1.5em; }
.asmc-reviews-modal::backdrop { background: rgba(0, 0, 0, 0.5); }
.asmc-reviews-modal__close { position: absolute; top: 0.5em; right: 0.75em; background: none; border: none; font-size: 1.5em; cursor: pointer; }
.asmc-reviews-modal__list { display: grid; gap: 1.5em; }

.asmc-review__header { display: flex; align-items: center; gap: 0.75em; }
.asmc-review__avatar { width: 2.5rem; height: 2.5rem; border-radius: 50%; object-fit: cover; flex: none; }
.asmc-review__avatar--initials {
	display: inline-flex; align-items: center; justify-content: center;
	color: #fff; font-weight: 600;
}

.asmc-team-grid {
	display: grid;
	grid-template-columns: repeat(var(--asmc-team-columns, 3), 1fr);
	gap: 2em; list-style: none; padding: 0;
}
@media (max-width: 767px) {
	.asmc-team-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 478px) {
	.asmc-team-grid { grid-template-columns: 1fr; }
}
.asmc-team-grid__item { min-width: 0; }

.asmc-notification-bar { text-align: center; padding: 0.6em 1em; background: #5b4a9f; color: #fff; }
.asmc-notification-bar a { color: inherit; }