/***** sliders d'avis (page société : bloc_temoignages.php, accueil : bloc_avis_google.php) *****/
.bloc_temoignages                       { background: #f6f6f6; padding: 90px 0 80px; overflow: hidden; }
.bloc_temoignages .entete               { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 45px; }
.bloc_temoignages .kicker               { display: block; font: 500 13px/20px "Poppins"; letter-spacing: 2px; text-transform: uppercase; color: #00bcd4; margin-bottom: 10px; }
.bloc_temoignages .titre_temoignages    { font: 700 30px/40px "PT Serif"; letter-spacing: 0.4px; color: #0c2938; }
.bloc_temoignages .resume               { display: flex; align-items: center; gap: 22px; }
.bloc_temoignages .moyenne              { display: flex; align-items: center; gap: 14px; background: #fff; border-radius: 50px; padding: 10px 24px 10px 10px; box-shadow: 0 10px 30px rgba(12,41,56,.06); font: 400 12px/18px "Poppins"; color: #003f58; }
.bloc_temoignages .moyenne b            { width: 52px; height: 52px; border-radius: 50%; background: #0c2938; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 17px "Poppins"; flex: none; }
.bloc_temoignages .moyenne .etoiles     { margin-bottom: 2px; }
.bloc_temoignages .moyenne .etoiles svg { width: 14px; height: 14px; }
.bloc_temoignages .nav                  { display: flex; gap: 10px; }
.bloc_temoignages .nav button           { width: 56px; height: 56px; border-radius: 50%; border: 0; background: #197194; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 300ms; }
.bloc_temoignages .nav button:hover     { background: #0c2938; }
.bloc_temoignages .nav button:disabled  { opacity: .35; cursor: default; background: #197194; }
.bloc_temoignages .nav svg              { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.bloc_temoignages .piste                { display: flex; align-items: flex-start; gap: 30px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 70px; scroll-behavior: smooth; scrollbar-width: none; margin: -30px -70px -70px; padding: 30px 70px 70px; }
.bloc_temoignages .piste::-webkit-scrollbar { display: none; }
.bloc_temoignages .item                 { flex: 0 0 calc((100% - 60px) / 3); scroll-snap-align: start; display: flex; align-self: stretch; transition: opacity 400ms; }
.bloc_temoignages .item.hors            { opacity: 0; }
.bloc_temoignages .carte                { position: relative; background: #fff; border-radius: 30px; padding: 40px 36px 34px; display: flex; flex-direction: column; width: 100%; box-shadow: 0 15px 40px rgba(12,41,56,.06); transition: transform 400ms, box-shadow 400ms; }
.bloc_temoignages .carte:hover          { transform: translateY(-6px); box-shadow: 0 25px 50px rgba(12,41,56,.12); }
.bloc_temoignages .quote                { position: absolute; right: 30px; top: 12px; font: 700 110px/1 "PT Serif"; color: #00bcd4; opacity: .18; }
.bloc_temoignages .etoiles              { display: flex; gap: 3px; }
.bloc_temoignages .etoiles svg          { width: 17px; height: 17px; fill: #00bcd4; }
.bloc_temoignages .etoiles .vide        { fill: #d5dde0; }
.bloc_temoignages .corps                { flex: 1; margin: 18px 0 26px; }
.bloc_temoignages .texte                { margin: 0; }
.bloc_temoignages .texte.coupe          { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; }
.bloc_temoignages .lire                 { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 0; border: 0; background: none; cursor: pointer; font: 500 13px/24px "Poppins"; color: #197194; }
.bloc_temoignages .lire:hover           { color: #00bcd4; }
.bloc_temoignages .lire:after           { content: ""; width: 7px; height: 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); transition: transform 300ms; }
.bloc_temoignages .lire.ouvert:after    { transform: translateY(2px) rotate(-135deg); }
.bloc_temoignages .auteur               { display: flex; align-items: center; gap: 14px; border-top: 1px solid #ececec; padding-top: 22px; font: 400 12px/18px "Poppins"; color: #003f58; }
.bloc_temoignages .auteur strong        { display: block; font: 500 15px/22px "Poppins"; color: #0c2938; }
.bloc_temoignages .initiale             { width: 46px; height: 46px; border-radius: 50%; background: #197194; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 17px "Poppins"; flex: none; }
.bloc_temoignages .bas                  { display: flex; align-items: center; justify-content: space-between; margin-top: 40px; gap: 20px; position: relative; z-index: 2; }
.bloc_temoignages .points               { display: flex; gap: 8px; }
.bloc_temoignages .points button        { width: 10px; height: 10px; border-radius: 10px; border: 0; background: #cfd8dc; cursor: pointer; padding: 0; transition: all 300ms; }
.bloc_temoignages .points button.actif  { width: 30px; background: #00bcd4; }

/* variante avis Google (accueil) */
.bloc_google .g_logo                    { width: 22px; height: 22px; flex: none; }
.bloc_google .carte .g_logo             { position: absolute; right: 34px; top: 38px; }
.bloc_google .moyenne                   { text-decoration: none; transition: box-shadow 300ms; box-shadow: 0 10px 30px rgba(12,41,56,.08); }
.bloc_google .moyenne:hover             { box-shadow: 0 15px 40px rgba(12,41,56,.16); }
.bloc_google .moyenne > span            { white-space: nowrap; }
.bloc_temoignages .resume               { flex: none; }
.bloc_google .moyenne b                 { background: #fff; box-shadow: inset 0 0 0 1px #e3e8ea; }
.bloc_google .moyenne b .g_logo         { width: 26px; height: 26px; }
.bloc_google .moyenne .note             { display: flex; align-items: baseline; gap: 8px; }
.bloc_google .moyenne .note strong      { font: 600 22px/26px "Poppins"; color: #0c2938; }
.bloc_google .moyenne .note small       { font-size: 13px; color: #6b8794; }
.bloc_google .bas .link                 { display: inline-flex; align-items: center; gap: 10px; }
.bloc_google .bas .link svg             { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width:1200px) {
.bloc_temoignages .item                 { flex-basis: calc((100% - 30px) / 2); }
}
@media (max-width:800px) {
.bloc_temoignages .entete               { flex-direction: column; align-items: flex-start; }
}
@media (max-width:600px) {
.bloc_temoignages                       { padding: 55px 0; }
.bloc_temoignages .titre_temoignages    { font-size: 20px; line-height: 30px; }
.bloc_temoignages .item                 { flex-basis: 88%; }
.bloc_temoignages .piste                { gap: 15px; margin: -30px -7.5vw -70px; padding: 30px 7.5vw 70px; scroll-padding: 0 7.5vw; }
.bloc_temoignages .item.hors            { opacity: 1; }
.bloc_temoignages .nav                  { display: none; }
.bloc_temoignages .carte                { padding: 32px 26px 26px; }
.bloc_google .carte .g_logo             { right: 26px; top: 30px; }
.bloc_temoignages .bas                  { flex-direction: column; }
.bloc_temoignages .bas .link            { width: 100%; text-align: center; justify-content: center; }
}