/* Shortcode [fc_avis_tuile]
--------------------------------------------------------------------------------------------------- */

.fc-avis-tuile {
	width: 100%;
	max-width: 80rem;
	margin-inline: auto;
	font-size: 1rem;
}

.fc-avis-tuile .fc-avis-tuile__slider {
	--gapSlider: 1rem;
	--f-carousel-spacing: var(--gapSlider);
	--f-carousel-slide-width: 100%;
}

.fc-avis-tuile__slide {
	display: flex;
	height: auto;
}

.fc-avis-card {
	display: flex;
	flex-direction: column;
	gap: clamp(.5rem, 1vw, 1rem);
	width: 100%;
	padding: clamp(.75rem, 1vw, 1rem);
	border: 1px solid var(--principale);
	border-radius: var(--radius);
	background-color: var(--blanc);
}

.fc-avis-card__stars {
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
    color: #FFD700;
    line-height: 1.2;
}

/* Contenu
--------------------------------------------------------------------------------------------------- */

.fc-avis-card__text,
.fc-avis-card__author,
.fc-avis-card__meta {
	margin: 0;
	font-size: 1rem;
}


/* Footer
--------------------------------------------------------------------------------------------------- */

.fc-avis-card__footer {
	margin-top: auto;
	padding-top: clamp(.5rem, 1vw, .75rem);
	border-top: 1px solid color-mix(in srgb, var(--principale) 25%, transparent);
}

.fc-avis-card__author {
	font-weight: 700;
}

.fc-avis-card__meta {
	color: var(--principale);
	font-size: .875rem;
}


/* Navigation
--------------------------------------------------------------------------------------------------- */

.fc-avis-tuile .f-carousel__nav {
	margin-top: 1.25rem;
}

.fc-avis-tuile .f-carousel__nav .f-button {
	color: var(--blanc, #fff);
	background: var(--principale);
}

/* Lire plus
--------------------------------------------------------------------------------------------------- */

.fc-show-more {
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--bleu);
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
}


/* Flèches slider
--------------------------------------------------------------------------------------------------- */

.fc-avis-tuile__slider .f-carousel__nav .f-button.is-prev {
    left: -50px;
}

.fc-avis-tuile__slider .f-carousel__nav .f-button.is-next {
    right: -50px;
}


/* Responsive
--------------------------------------------------------------------------------------------------- */

@media (max-width: 64rem) {

	.fc-avis-tuile .fc-avis-tuile__slider {
		padding-bottom: 2.5rem;
	}

	.fc-avis-card {
		min-height: 20rem; /* pour speeds : évite le changement de hauteur */
	}

	.fc-avis-tuile .f-carousel__dots {
		bottom: 0;
	}

	.fc-avis-tuile span.f-carousel__dot {
		background-color: var(--principale);
	}
}

@media (min-width: 64rem) {

	.fc-avis-tuile__slide {
		box-sizing: border-box;
		padding-inline: .125rem;
	}

	.fc-avis-tuile .fc-avis-tuile__slider.f-carousel.fc-diapo.fc-diapo--avis {
		--f-carousel-slide-width: calc((100% - var(--gapSlider) - var(--gapSlider)) / 3);
	}

}