/*temoignages stylesheet*/

.temoignages-slider {
    position: relative;
    width: 100%;
}

.temoignages-viewport {
    overflow: hidden;
    width: 100%;
}

.temoignages-track {
    display: flex;
    transition: transform 0.6s ease;
}

.temoignages-slide {
    flex: 0 0 100%;
    box-sizing: border-box;
}


/* Navigation */

.temoignages-prev,
.temoignages-next {
    appearance: none;
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
}

.temoignages-prev:disabled,
.temoignages-next:disabled {
    visibility: hidden;
    cursor: default;
}

/* Afficher masquer */
.temoignages-contenu {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--temoignages-lignes);
    overflow: hidden;
}

.temoignages-slide.est-ouvert .temoignages-contenu {
    display: block;
    overflow: visible;
}


/* =========================
   CONTENEUR DU SLIDER
   ========================= */

.temoignages-slider {
    position: relative;
    width: 100%;
    box-sizing: border-box;
	padding: 2rem 3rem;
 

    background: linear-gradient(
        135deg,
        var(--wp--preset--color--accent-2),
        var(--wp--preset--color--accent-3)
    );
	 margin-inline: auto;
}

@media only screen and (min-width:782px) {
	.temoignages-slider {  
		padding: 4rem 5rem;
	}
}

.is-layout-constrained > .temoignages-slider.alignwide {
    max-width: 1100px;
}

/* =========================
   VIEWPORT + TRACK
   ========================= */

.temoignages-viewport {
    width: 100%;
    overflow: hidden;
}

.temoignages-track {
    display: flex;
    transition: transform 0.6s ease;
}


/* =========================
   SLIDE
   ========================= */

.temoignages-slide {
    flex: 0 0 100%;
    box-sizing: border-box;

    background: #fff;

    /* effet de cadre comme chez Eva */
    border: 10px solid rgba(0, 0, 0, 0.08);
	padding: 0 1rem 2rem;
    
}

@media only screen and (min-width:782px) {
	.temoignages-slide {
		padding: 3rem 4rem;
	}
}
.temoignages-slide p.temoignages-auteur{
	text-transform: uppercase;
  	font-size: var(--wp--preset--font-size--large);
  	text-align: center;
  	font-family: var(--wp--preset--font-family--montserrat);
  	color: var(--wp--preset--color--accent-1);
  	font-weight: 600;
	margin-bottom : 0;
}

.temoignages-slide h3 {
	text-align : center;
	color : var(--wp--preset--color--accent-4);
	font-size:  var(--wp--preset--font-size--small);
	letter-spacing : 1px;
	text-transform : uppercase;
	letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.75rem;
}

.temoignages-slide button.temoignages-lire-suite:hover{
	cursor : pointer;
}

.temoignages-slide button.temoignages-lire-suite{
	color: var(--wp--preset--color--accent-2);
 	 text-decoration: underline;
  	background-color: transparent;
  	border: none;
  	font-size: var(--wp--preset--font-size--medium);
	padding: 1rem 0 0 0;
}

.temoignages-reponse {
	padding-left: 1rem;
  	font-style: italic;
	color: var(--wp--preset--color--accent-2);
	margin-top : 2rem;
}

.temoignages-slide p.temoignages-reponse-auteur {
	font-weight : 600;
}

.temoignages-reponse p {
	margin-top : 0.5rem;
}

/* =========================
   FLÈCHES
   ========================= */

.temoignages-prev,
.temoignages-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    z-index: 2;

    width: 30px;
    height: 50px;

    appearance: none;
    border: 0;
    padding: 0;
    background: none;

    cursor: pointer;

    /* masque les caractères ← et → */
    font-size: 0;
}

.temoignages-prev {
    left: 1rem;
}

.temoignages-next {
    right: 1rem;
}


/* Les deux traits qui composent les chevrons */

.temoignages-prev::before,
.temoignages-prev::after,
.temoignages-next::before,
.temoignages-next::after {
    content: "";
    position: absolute;

    width: 20px;
    height: 2px;

    background: #fff;
}


/* flèche précédente */

.temoignages-prev::before {
    top: 17px;
    left: 3px;
    transform: rotate(-45deg);
}

.temoignages-prev::after {
    top: 31px;
    left: 3px;
    transform: rotate(45deg);
}


/* flèche suivante */

.temoignages-next::before {
    top: 17px;
    right: 3px;
    transform: rotate(45deg);
}

.temoignages-next::after {
    top: 31px;
    right: 3px;
    transform: rotate(-45deg);
}


/* Première / dernière slide */

.temoignages-prev:disabled,
.temoignages-next:disabled {
    visibility: hidden;
}