/* Widget Temoignages - suggested front-end CSS
   Adapt to your theme's design system. */

.reviews{
    position:relative;
    max-width:1280px;
    /* margin:30px auto; */
    padding:0 80px; /* Space for the side arrows */
}
.reviews-viewport{
    overflow:hidden;
    width:100%;
}
.reviews-track{
    display:flex;
    will-change:transform;
}
.review{
    flex:0 0 100%;
    box-sizing:border-box;
    padding:20px;
    text-align:center;
}
.review > p{
font-weight:400;
font-size:110%;
}
.review .auteur{
color:var(--dore);
font-weight:600;
font-size:120%;
margin-bottom:0;
}
.review-note{
    margin:6px 0;
    font-size:18px;
    letter-spacing:2px;
    line-height:1;
}
.review-note .star{
    color:#ddd;
}
.review-note .star.is-on{
    color:#ddb97f;
}
.review-date{
    margin:0;
    font-size:12px;
    color:#888;
}

/* Arrows */
.reviews-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:64px;
    height:64px;
    background:none;
    border:none;
    cursor:pointer;
    padding:0;
    z-index:2;
    background-repeat:no-repeat;
    background-position:center;
    transition:all .15s;
}
.reviews-arrow.prev{
    left:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ddb97f' d='M15,6l-7,6l7,6V6z'/></svg>");
}
.reviews-arrow.next{
    right:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ddb97f' d='M9,18l7-6L9,6V18z'/></svg>");
}
.reviews-arrow.prev:hover{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M15,6l-7,6l7,6V6z'/></svg>");
}
.reviews-arrow.next:hover{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M9,18l7-6L9,6V18z'/></svg>");
}

/* Empty state */
.reviews-empty{
    padding:20px;
    text-align:center;
    color:#999;
    font-style:italic;
    border:1px dashed #ccc;
    border-radius:6px;
    max-width:800px;
    margin:30px auto;
}

@media (max-width:600px){
    .reviews{
        padding:0 40px;
    }

}