/* 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, #fff);
}


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

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


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

.fc-avis-card__readmore-label {
	color: var(--principale);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: .1875rem;
	cursor: pointer;
}

.fc-avis-card__readmore-label:hover {
	text-decoration-thickness: .125rem;
}

.fc-avis-card__toggle:focus-visible ~ .fc-avis-card__readmore-label {
	outline: .125rem solid var(--principale);
	outline-offset: .25rem;
}

.fc-avis-card__toggle:checked ~ .fc-avis-card__excerpt,
.fc-avis-card__toggle:checked ~ .fc-avis-card__readmore-label .fc-avis-card__readmore-open,
.fc-avis-card__toggle,
.fc-avis-card__fulltext,
.fc-avis-card__readmore-close {
	display: none;
}

.fc-avis-card__toggle:checked ~ .fc-avis-card__fulltext,
.fc-avis-card__toggle:checked ~ .fc-avis-card__readmore-label .fc-avis-card__readmore-close {
	display: block;
}


/* 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);
}


/* 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);
	}

}