/* ==========================================================================
   Avis Google
   1. Accueil : habillage du carrousel « WP Google Review Slider »
      (couleurs, typo, coins ; format et taille du bandeau inchangés).
   2. Page /avis-clients/ : cartes de note, filtres, grille d'avis.
   ========================================================================== */

/* ---------- 1. Carrousel de l'extension ---------- */
.gpb-reviews { font-family: var(--font); }

/* Rectangles noirs */
.gpb-reviews .indrevdiv,
.gpb-reviews .wprevpro_t1_DIV_2,
.gpb-reviews .wpproslider_t6_DIV_2,
.gpb-reviews [class*="wprev_preview_bg1_T"] {
	background: var(--ink) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--r-l) !important;
	box-shadow: none !important;
}
/* Pointe de bulle (modèle 1) supprimée ; guillemet d'ouverture en turquoise */
.gpb-reviews .wprevpro_t1_DIV_2::after { display: none !important; }
.gpb-reviews .wprevpro_t1_DIV_2::before { color: var(--brand) !important; }

/* Texte de l'avis */
.gpb-reviews .wprevpro_t1_P_3,
.gpb-reviews .wpproslider_t6_P_4,
.gpb-reviews .indrevdiv [class*="wprev_preview_tcolor1_T"] {
	color: #E6EFEF !important;
	font-family: var(--font) !important;
	font-size: .95rem !important;
	line-height: 1.6 !important;
	column-rule-color: #E6EFEF !important;
}
.gpb-reviews .wprs_rd_more,
.gpb-reviews a.wprs_rd_more { color: var(--brand) !important; font-weight: 600; }

/* Étoiles turquoise */
.gpb-reviews .wprevpro_star_imgs span.svgicons,
.gpb-reviews [class*="wprevpro_star_imgs_T"] span.svgicons { background: var(--brand) !important; }

/* Nom et date — modèle 1 : sous la bulle, sur le fond clair de la section */
.gpb-reviews .wprevpro_t1_SPAN_5 {
	color: var(--ink) !important;
	font-family: var(--font) !important;
	font-weight: 600;
	text-transform: none !important;
}
.gpb-reviews .wprevpro_t1_SPAN_5 [class*="wprev_showdate"] { color: var(--muted) !important; font-weight: 400; font-size: .85rem; }
.gpb-reviews .wprevpro_t1_IMG_4,
.gpb-reviews .wprevpro_avatarimg { border-radius: 50% !important; }

/* Nom et date — modèle 6 : dans le rectangle noir */
.gpb-reviews .wpproslider_t6_DIV_2 .t6displayname,
.gpb-reviews .wpproslider_t6_DIV_2 [class*="wprev_preview_tcolor2_T"] { color: #fff !important; font-family: var(--font) !important; font-weight: 600; }
.gpb-reviews .wpproslider_t6_DIV_2 [class*="wprev_showdate"] { color: #9FB3B3 !important; font-weight: 400; }

/* Flèches et points de navigation */
.gpb-reviews .wprs_unslider-arrow {
	background-color: #fff !important;
	border-radius: 50% !important;
	box-shadow: 0 0 0 2px var(--ink);
	opacity: 1 !important;
}
.gpb-reviews .wprs_unslider-arrow:hover { background-color: var(--brand) !important; }
.gpb-reviews .wprs_unslider-nav ol li {
	background: transparent !important;
	border: 2px solid #9FB3B3 !important;
	border-radius: 50%;
}
.gpb-reviews .wprs_unslider-nav ol li.wprs_unslider-active {
	background: var(--ink) !important;
	border-color: var(--ink) !important;
}

/* ---------- 2. Page /avis-clients/ ---------- */
.gpb-stars { display: inline-flex; gap: 2px; vertical-align: middle; }
.gpb-stars svg { display: block; fill: var(--brand); }
.gpb-stars svg.is-off { fill: none; stroke: #9FB3B3; stroke-width: 1.5; }

.gpb-rv__scores {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: clamp(.75rem, 2vw, 1.25rem);
	max-width: 760px;
	margin-bottom: clamp(2rem, 4vw, 2.75rem);
}
.gpb-rv-score {
	display: flex; flex-direction: column; gap: .9rem;
	padding: clamp(1.1rem, 3vw, 1.5rem);
	border-radius: var(--r-l);
	background: var(--ink); color: #fff;
}
.gpb-rv-score__name { font-size: .9rem; font-weight: 600; color: var(--brand); }
.gpb-rv-score__row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.gpb-rv-score__note { font-size: clamp(2.5rem, 6vw, 3.25rem); line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; }
.gpb-rv-score__meta { display: flex; flex-direction: column; gap: .35rem; }
.gpb-rv-score__count { font-size: .85rem; color: #C9D6D6; }
.gpb-rv-score__links { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; font-size: .9rem; font-weight: 600; }
.gpb-rv-score__links a { color: #fff; text-underline-offset: .2em; }
.gpb-rv-score__links a:hover { color: var(--brand); }

.gpb-rv__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.gpb-rv__chips { display: flex; gap: .6rem; overflow-x: auto; scrollbar-width: none; max-width: 100%; padding: 2px; }
.gpb-rv__chip {
	flex: 0 0 auto; min-height: 44px; padding: 0 1.1rem;
	border-radius: 999px; border: 2px solid #C9D6D6; background: #fff; color: var(--ink);
	font: 600 .9rem/1 var(--font); cursor: pointer;
}
.gpb-rv__chip:hover { border-color: var(--ink); }
.gpb-rv__chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.gpb-rv__total { margin: 0; color: var(--muted); font-size: .95rem; }

.gpb-rv__grid {
	list-style: none; margin: 0; padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
	gap: clamp(.9rem, 2vw, 1.5rem);
	align-items: start;
}
.gpb-rv-card {
	display: flex; flex-direction: column; gap: .85rem;
	padding: clamp(1.25rem, 3vw, 1.6rem);
	border-radius: var(--r-l);
	background: #fff; border: 1.5px solid #DCE8E8;
	transition: transform .2s ease, border-color .2s ease;
}
.gpb-rv-card:hover { transform: translateY(-3px); border-color: var(--brand); }
.gpb-rv-card[hidden] { display: none; }
.gpb-rv-card__head { display: flex; align-items: center; gap: .75rem; }
.gpb-rv-card__avatar {
	flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%;
	display: grid; place-items: center;
	background: var(--brand-tint); color: var(--brand-ink); font-weight: 700; font-size: 1.1rem;
}
.gpb-rv-card__who { display: flex; flex-direction: column; min-width: 0; }
.gpb-rv-card__who strong { font-weight: 600; }
.gpb-rv-card__who time { font-size: .85rem; color: var(--muted); }
.gpb-rv-card__text {
	margin: 0; font-size: .97rem; line-height: 1.6; color: #1F2A2A; white-space: pre-line;
	display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;
}
.gpb-rv-card.is-open .gpb-rv-card__text { display: block; -webkit-line-clamp: unset; overflow: visible; }
.gpb-rv-card__more {
	align-self: flex-start; border: 0; background: none; padding: 0;
	color: var(--brand-ink); font: 600 .9rem var(--font); text-decoration: underline; text-underline-offset: .2em; cursor: pointer;
}
.gpb-rv-card__foot { display: flex; justify-content: space-between; align-items: center; gap: .75rem; flex-wrap: wrap; margin-top: auto; font-size: .85rem; }
.gpb-rv-card__centre { font-size: .78rem; font-weight: 600; padding: .3rem .75rem; border-radius: 999px; background: var(--brand-tint); color: var(--brand-ink); }
.gpb-rv-card__foot a { font-weight: 600; }

.gpb-rv__more { display: flex; justify-content: center; margin-top: 2rem; }
.gpb-rv__more [hidden], .gpb-rv-card__more[hidden] { display: none !important; }
.gpb-rv__empty { font-size: 1.05rem; color: var(--muted); }
.gpb-rv__content { margin-top: 3rem; }

@media (prefers-reduced-motion: reduce) {
	.gpb-rv-card { transition: none; }
	.gpb-rv-card:hover { transform: none; }
}