/* BGE Témoignages — grille + single */

.bge-temoignages {
	--bget-blue:      var(--blue,      #0C4A94);
	--bget-red:       var(--red,       #D8232A);
	--bget-green:     var(--green,     #81B32F);
	--bget-orange:    var(--orange,    #E68D14);
	--bget-sky:       var(--sky,       #8EB5D5);
	--bget-ink:       var(--ink,       #0E2238);
	--bget-paper:     var(--paper,     #F4F7FB);
	--bget-line:      var(--line,      #E1E8F2);
	--bget-muted:     var(--muted,     #5A6B82);
	--bget-shadow:    var(--shadow,    0 22px 50px -26px rgba(6,42,83,.55));
	--bget-radius:    var(--radius,    18px);
	font-family: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
	padding: 60px 24px;
	background: #fff;
	color: var(--bget-ink);
}

.bge-temoignages__head {
	max-width: 1200px;
	margin: 0 auto 36px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 20px;
	flex-wrap: wrap;
}

.bge-temoignages__eyebrow {
	display: inline-block;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--bget-red);
}

.bge-temoignages__title {
	font-family: 'Bricolage Grotesque', system-ui, sans-serif;
	font-weight: 800;
	font-size: clamp(2rem, 3.6vw, 2.9rem);
	letter-spacing: -.025em;
	line-height: 1.05;
	margin-top: .35rem;
}

.bge-temoignages__intro {
	color: var(--bget-muted);
	font-size: 1.05rem;
	margin-top: .5rem;
	max-width: 62ch;
}

.bge-temoignages__cta {
	font-weight: 700;
	color: var(--bget-blue);
	font-size: .92rem;
	text-decoration: none;
	border: 1.5px solid var(--bget-line);
	padding: .7rem 1.2rem;
	border-radius: 100px;
	transition: border-color .15s, color .15s;
}

.bge-temoignages__cta:hover,
.bge-temoignages__cta:focus-visible {
	border-color: var(--bget-blue);
	outline: none;
}

.bge-temoignages__empty {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
	background: rgba(216, 35, 42, .06);
	border-left: 4px solid var(--bget-red);
	border-radius: 8px;
	color: var(--bget-red);
}

.bge-temoignages__grid {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.bge-temoignages__card {
	background: var(--bget-paper);
	border: 1px solid var(--bget-line);
	border-radius: var(--bget-radius);
	padding: 22px;
	color: inherit;
	text-decoration: none;
	transition: transform .18s, box-shadow .18s, border-color .18s;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bge-temoignages__card:hover,
.bge-temoignages__card:focus-visible {
	transform: translateY(-4px);
	box-shadow: var(--bget-shadow);
	outline: none;
}

.bge-temoignages__card[data-color="green"]:hover  { border-color: var(--bget-green); }
.bge-temoignages__card[data-color="sky"]:hover    { border-color: var(--bget-sky); }
.bge-temoignages__card[data-color="orange"]:hover { border-color: var(--bget-orange); }
.bge-temoignages__card[data-color="red"]:hover    { border-color: var(--bget-red); }

.bge-temoignages__photo {
	aspect-ratio: 4 / 3;
	border-radius: 13px;
	overflow: hidden;
	background: #dbe6f4;
	display: grid;
	place-items: center;
	position: relative;
}

.bge-temoignages__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bge-temoignages__photo--empty {
	background: linear-gradient(135deg, #dbe6f4, #bcd2ee);
}

.bge-temoignages__photo-icon {
	font-size: 1.8rem;
	opacity: .45;
}

.bge-temoignages__photo-label {
	position: absolute;
	bottom: 8px;
	font-size: .68rem;
	font-weight: 800;
	color: var(--bget-blue);
	opacity: .65;
}

.bge-temoignages__tag {
	font-size: .7rem;
	font-weight: 800;
	color: var(--bget-red);
	text-transform: uppercase;
	letter-spacing: .06em;
}

.bge-temoignages__quote {
	font-size: 1.02rem;
	line-height: 1.5;
	margin: 0;
}

.bge-temoignages__who {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: 6px;
}

.bge-temoignages__avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: #fff;
	display: grid;
	place-items: center;
	font-weight: 800;
	font-family: 'Bricolage Grotesque', sans-serif;
	flex: none;
}

.bge-temoignages__card[data-color="green"]  .bge-temoignages__avatar { background: var(--bget-green); }
.bge-temoignages__card[data-color="sky"]    .bge-temoignages__avatar { background: var(--bget-blue); }
.bge-temoignages__card[data-color="orange"] .bge-temoignages__avatar { background: var(--bget-orange); }
.bge-temoignages__card[data-color="red"]    .bge-temoignages__avatar { background: var(--bget-red); }

.bge-temoignages__who b { display: block; font-weight: 700; }
.bge-temoignages__who small { color: var(--bget-muted); font-size: .82rem; }

@media (max-width: 920px) {
	.bge-temoignages__grid { grid-template-columns: 1fr; }
	.bge-temoignages__head { flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
	.bge-temoignages__card { transition: none; }
	.bge-temoignages__card:hover { transform: none; }
}

/* ===== Single témoignage (template fallback) ===== */
.bge-temoignage-single {
	font-family: 'Hanken Grotesk', system-ui, sans-serif;
	color: var(--ink, #0E2238);
	background: var(--paper, #F4F7FB);
	min-height: 60vh;
}

.bge-temoignage-single__wrap {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px;
}

.bge-temoignage-single__hero {
	background: linear-gradient(135deg, var(--blue, #0C4A94), var(--blue-deep, #062A53));
	color: #fff;
	padding: 50px 0 40px;
}

.bge-temoignage-single__eyebrow {
	display: inline-block;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #ffb3b0;
}

.bge-temoignage-single__title {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 800;
	font-size: clamp(2rem, 4.4vw, 3.2rem);
	letter-spacing: -.025em;
	line-height: 1.05;
	margin-top: 8px;
}

.bge-temoignage-single__body { padding: 50px 0; }

.bge-temoignage-single__cols {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 36px;
	align-items: start;
}

.bge-temoignage-single__photo {
	margin: 0 0 24px;
	border-radius: 16px;
	overflow: hidden;
}

.bge-temoignage-single__photo img {
	width: 100%;
	height: auto;
	display: block;
}

.bge-temoignage-single__quote {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 1.4rem;
	line-height: 1.35;
	color: var(--blue-deep, #062A53);
	background: #fff;
	border-left: 4px solid var(--red, #D8232A);
	padding: 20px 24px;
	border-radius: 12px;
	margin: 0 0 24px;
}

.bge-temoignage-single__video {
	margin: 0 0 24px;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

.bge-temoignage-single__video iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.bge-temoignage-single__aside {
	position: sticky;
	top: 100px;
}

.bge-temoignage-single__cta {
	background: #fff;
	border: 1px solid var(--line, #E1E8F2);
	border-radius: 18px;
	padding: 24px;
	box-shadow: var(--shadow, 0 22px 50px -26px rgba(6,42,83,.55));
}

.bge-temoignage-single__cta h3 {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 1.15rem;
	font-weight: 800;
	margin: 0 0 8px;
}

.bge-temoignage-single__cta p {
	color: var(--muted, #5A6B82);
	font-size: .92rem;
	margin: 0 0 18px;
}

@media (max-width: 920px) {
	.bge-temoignage-single__cols { grid-template-columns: 1fr; }
	.bge-temoignage-single__aside { position: static; }
}