/* =========================================================================
   Bloc « Témoignages » — front + éditeur
   -------------------------------------------------------------------------
   Repris de l'intégration HTML (03-DESIGN/Export).

   Les cartes ne sont pas des rectangles pivotés : chacune est un
   quadrilatère dont les quatre arêtes bougent, relevé coin par coin sur la
   maquette. Trois découpes alternent, avec un léger décalage vertical —
   c'est ce désordre qui fait l'effet « papiers posés ».
   ========================================================================= */

.cdp-temoignages {
	--cdp-violet:     var( --wp--preset--color--violet, #502D87 );
	--cdp-violet-alt: #3C2166;
	--cdp-blanc:      var( --wp--preset--color--blanc, #FFFFFF );
	--cdp-creme:      var( --wp--preset--color--creme, #F7EEE7 );
	--cdp-encre:      var( --wp--preset--color--encre, #1D1D1B );

	--cdp-fs-titre:   var( --wp--preset--font-size--titre-2, 4.5rem );
	--cdp-fs-texte:   var( --wp--preset--font-size--texte, 1.375rem );
	--cdp-fs-nom:     var( --wp--preset--font-size--texte-fort, 1.625rem );
	--cdp-fs-petit:   var( --wp--preset--font-size--petit, 1.125rem );

	/* Découpes relevées sur la maquette :
	   a — bas relevé, b — bas plongeant, c — haut plongeant. */
	--cdp-carte-a:    polygon( 0 0,   100% 0,   98% 97%,  3% 100% );
	--cdp-carte-b:    polygon( 3% 0,  100% 0,   98% 100%, 0 88% );
	--cdp-carte-c:    polygon( 0 0,   100% 6%, 97% 100%, 4% 100% );

	--cdp-portrait:    145px;
	--cdp-debord:      85px;   /* hauteur du portrait au-dessus de la carte */
	--cdp-gouttiere:   clamp( 1.25rem, 0.85rem + 1.75vw, 3.25rem );
	--cdp-container:   1624px;
	--cdp-transition:  180ms ease;

	background: var( --cdp-creme );
	color: var( --cdp-encre );
	padding-block: clamp( 3rem, 1.5rem + 5vw, 5.5rem );
}

.cdp-temoignages.has-background { background: inherit; }

.cdp-temoignages__inner {
	width: min( 100% - ( var( --cdp-gouttiere ) * 2 ), var( --cdp-container ) );
	margin-inline: auto;
}

/* --- Titre --------------------------------------------------------------- */

.cdp-temoignages__titre {
	margin: 0 0 4rem;
	font-size: var( --cdp-fs-titre );
	line-height: 1.05;
	text-transform: uppercase;
	text-align: center;
	text-wrap: balance;
	color: var( --cdp-violet );
}

/* --- Zone et piste -------------------------------------------------------- */

.cdp-temoignages__zone {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax( 0, 1fr ) auto;
	align-items: center;
	gap: 1rem;
}

.cdp-temoignages__piste {
	display: grid;
	grid-auto-flow: column;
	/* Largeur FIXE, sans minmax() : avec minmax(0, …) les colonnes se
	   compressent pour tenir dans la piste au lieu de déborder, et plus
	   rien ne défile. */
	/* Écrit à plat, sans parenthèse imbriquée dans le calc : le minifieur
	   d'Autoptimize supprime silencieusement la déclaration — et parfois la
	   règle entière — quand il en rencontre une. 2rem × 2 = 4rem. */
	grid-auto-columns: calc( ( 100% - 4rem ) / 3 );
	gap: 2rem;
	/* Chaque carte s'arrête sur son contenu (hauteurs inégales dans la
	   maquette) au lieu de s'étirer sur la plus haute. */
	align-items: start;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	/* Réserve le débord des portraits (85px) et le décalage vertical (24px).
	   overflow-x rend aussi overflow-y non visible : sans cette réserve,
	   les portraits seraient rognés. */
	padding: 110px 0.25rem 1.5rem;
	margin: 0;
	list-style: none;
	scrollbar-width: none;
}

.cdp-temoignages__piste::-webkit-scrollbar { display: none; }

/* --- Cartes --------------------------------------------------------------- */

.cdp-temoignages__carte {
	position: relative;
	isolation: isolate;
	scroll-snap-align: center;
	padding: 88px 40px 40px;
	margin: 0;
}

/* L'aplat est porté par un ::before : le portrait déborde en haut et ne doit
   pas être rogné par le clip-path. Pas d'ombre — vérifié sur la maquette,
   la carte passe du blanc au crème sans dégradé. */
.cdp-temoignages__carte::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var( --cdp-blanc );
	clip-path: var( --cdp-carte-a );
}

.cdp-temoignages__carte:nth-child(3n+2)::before { clip-path: var( --cdp-carte-b ); }
.cdp-temoignages__carte:nth-child(3n+3)::before { clip-path: var( --cdp-carte-c ); }

/* Décalage vertical : les bords hauts ne sont pas alignés sur la maquette
   (3522 / 3534 / 3510 px). */
.cdp-temoignages__carte:nth-child(3n+1) { margin-top: 12px; }
.cdp-temoignages__carte:nth-child(3n+2) { margin-top: 24px; }
.cdp-temoignages__carte:nth-child(3n+3) { margin-top: 0; }

.cdp-temoignages__carte figure { margin: 0; }

/* --- Portrait -------------------------------------------------------------- */

.cdp-temoignages__portrait {
	position: absolute;
	top: calc( var( --cdp-debord ) * -1 );
	left: 50%;
	transform: translateX( -50% );
	width: var( --cdp-portrait );
	height: var( --cdp-portrait );
	object-fit: cover;
	/* Repli si les masques ne sont pas gérés : un cercle, jamais un carré. */
	border-radius: 50%;
}

/* Chaque portrait reçoit une silhouette différente, relevée une à une sur la
   maquette par tracé radial des trois pastilles (écart d'aire < 1 %). Elles
   tournent avec les découpes de cartes, sur le même cycle de trois.

   Masques en data URI plutôt que border-radius : aucune combinaison de rayons
   ne reproduit ces contours, qui ne sont pas des ellipses déformées. */
@supports ( mask-image: linear-gradient( #000, #000 ) ) {

	.cdp-temoignages__portrait {
		border-radius: 0;
		-webkit-mask-size: 100% 100%;
		        mask-size: 100% 100%;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
	}

	.cdp-temoignages__carte:nth-child(3n+1) .cdp-temoignages__portrait {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M99.9 50.6C100.1 53.3 100.2 56.1 100.0 58.9C99.8 61.7 99.5 64.5 98.9 67.2C98.3 70.0 97.4 72.7 96.3 75.3C95.1 77.9 93.7 80.3 92.0 82.6C90.4 84.8 88.5 87.0 86.5 88.8C84.4 90.7 82.2 92.3 79.9 93.7C77.5 95.0 75.0 96.0 72.5 96.9C70.0 97.7 67.4 98.3 64.9 98.7C62.4 99.2 59.8 99.2 57.3 99.4C54.8 99.6 52.4 100.0 49.9 100.0C47.5 100.0 45.0 99.9 42.5 99.6C40.0 99.4 37.5 99.0 35.1 98.4C32.6 97.8 30.2 97.0 27.8 96.0C25.4 95.1 23.0 94.1 20.7 92.7C18.4 91.4 16.1 89.9 14.1 88.1C12.0 86.4 10.1 84.3 8.5 82.1C6.9 79.9 5.6 77.4 4.5 74.8C3.4 72.3 2.6 69.6 1.9 66.9C1.3 64.2 0.9 61.5 0.6 58.8C0.3 56.1 0.1 53.3 0.0 50.6C-0.1 47.9 -0.0 45.1 0.2 42.4C0.5 39.6 0.9 36.8 1.6 34.2C2.3 31.5 3.3 28.8 4.5 26.4C5.7 23.9 7.3 21.6 9.0 19.5C10.7 17.4 12.8 15.5 14.8 13.9C16.9 12.2 19.2 10.9 21.5 9.6C23.7 8.4 26.1 7.3 28.4 6.3C30.7 5.3 33.0 4.4 35.3 3.5C37.7 2.7 40.0 1.9 42.5 1.3C44.9 0.7 47.4 0.2 49.9 0.0C52.5 -0.2 55.1 -0.2 57.6 0.1C60.1 0.4 62.7 0.9 65.1 1.7C67.6 2.5 70.0 3.6 72.3 4.8C74.5 6.0 76.7 7.5 78.8 9.1C80.8 10.7 82.8 12.5 84.6 14.4C86.3 16.3 88.0 18.4 89.5 20.6C91.0 22.7 92.3 25.0 93.5 27.4C94.7 29.8 95.7 32.2 96.5 34.8C97.4 37.3 98.1 39.9 98.7 42.5C99.2 45.2 99.6 47.9 99.9 50.6Z'/%3E%3C/svg%3E");
		        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M99.9 50.6C100.1 53.3 100.2 56.1 100.0 58.9C99.8 61.7 99.5 64.5 98.9 67.2C98.3 70.0 97.4 72.7 96.3 75.3C95.1 77.9 93.7 80.3 92.0 82.6C90.4 84.8 88.5 87.0 86.5 88.8C84.4 90.7 82.2 92.3 79.9 93.7C77.5 95.0 75.0 96.0 72.5 96.9C70.0 97.7 67.4 98.3 64.9 98.7C62.4 99.2 59.8 99.2 57.3 99.4C54.8 99.6 52.4 100.0 49.9 100.0C47.5 100.0 45.0 99.9 42.5 99.6C40.0 99.4 37.5 99.0 35.1 98.4C32.6 97.8 30.2 97.0 27.8 96.0C25.4 95.1 23.0 94.1 20.7 92.7C18.4 91.4 16.1 89.9 14.1 88.1C12.0 86.4 10.1 84.3 8.5 82.1C6.9 79.9 5.6 77.4 4.5 74.8C3.4 72.3 2.6 69.6 1.9 66.9C1.3 64.2 0.9 61.5 0.6 58.8C0.3 56.1 0.1 53.3 0.0 50.6C-0.1 47.9 -0.0 45.1 0.2 42.4C0.5 39.6 0.9 36.8 1.6 34.2C2.3 31.5 3.3 28.8 4.5 26.4C5.7 23.9 7.3 21.6 9.0 19.5C10.7 17.4 12.8 15.5 14.8 13.9C16.9 12.2 19.2 10.9 21.5 9.6C23.7 8.4 26.1 7.3 28.4 6.3C30.7 5.3 33.0 4.4 35.3 3.5C37.7 2.7 40.0 1.9 42.5 1.3C44.9 0.7 47.4 0.2 49.9 0.0C52.5 -0.2 55.1 -0.2 57.6 0.1C60.1 0.4 62.7 0.9 65.1 1.7C67.6 2.5 70.0 3.6 72.3 4.8C74.5 6.0 76.7 7.5 78.8 9.1C80.8 10.7 82.8 12.5 84.6 14.4C86.3 16.3 88.0 18.4 89.5 20.6C91.0 22.7 92.3 25.0 93.5 27.4C94.7 29.8 95.7 32.2 96.5 34.8C97.4 37.3 98.1 39.9 98.7 42.5C99.2 45.2 99.6 47.9 99.9 50.6Z'/%3E%3C/svg%3E");
	}

	.cdp-temoignages__carte:nth-child(3n+2) .cdp-temoignages__portrait {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M100.0 49.6C100.0 52.4 99.8 55.1 99.4 57.8C99.0 60.5 98.4 63.3 97.5 65.8C96.7 68.4 95.5 70.9 94.2 73.2C92.8 75.5 91.2 77.6 89.6 79.6C87.9 81.6 86.0 83.4 84.2 85.1C82.3 86.8 80.4 88.4 78.4 89.9C76.4 91.3 74.4 92.7 72.2 94.0C70.1 95.3 67.9 96.5 65.7 97.5C63.4 98.5 61.1 99.7 58.7 100.0C56.3 100.3 53.6 99.7 51.3 99.1C48.9 98.6 46.5 97.8 44.3 96.8C42.1 95.8 40.4 93.8 38.2 93.0C36.0 92.3 33.5 92.7 31.1 92.2C28.7 91.8 26.3 91.1 23.8 90.3C21.4 89.5 18.5 88.7 16.3 87.2C14.1 85.8 12.4 83.6 10.6 81.4C8.8 79.3 7.2 77.0 5.8 74.6C4.4 72.2 3.1 69.5 2.2 66.8C1.3 64.1 0.6 61.2 0.2 58.3C-0.1 55.5 -0.2 52.5 0.0 49.6C0.2 46.8 0.7 43.9 1.4 41.1C2.2 38.4 3.2 35.7 4.4 33.2C5.6 30.7 7.0 28.4 8.6 26.2C10.2 24.1 12.0 22.1 13.8 20.3C15.6 18.5 17.5 16.8 19.4 15.3C21.3 13.8 23.3 12.4 25.3 11.1C27.3 9.8 29.3 8.7 31.4 7.6C33.4 6.5 35.5 5.4 37.7 4.6C39.8 3.7 42.0 2.9 44.3 2.2C46.5 1.6 48.9 1.0 51.3 0.6C53.6 0.2 56.1 0.0 58.5 0.0C61.0 -0.0 63.6 0.0 66.1 0.4C68.6 0.8 71.2 1.3 73.7 2.2C76.2 3.1 78.7 4.2 81.0 5.6C83.3 7.0 85.5 8.7 87.4 10.6C89.4 12.6 91.2 14.9 92.6 17.2C94.1 19.6 95.3 22.3 96.3 24.9C97.2 27.6 97.9 30.4 98.5 33.1C99.0 35.8 99.4 38.6 99.6 41.4C99.9 44.1 100.0 46.9 100.0 49.6Z'/%3E%3C/svg%3E");
		        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M100.0 49.6C100.0 52.4 99.8 55.1 99.4 57.8C99.0 60.5 98.4 63.3 97.5 65.8C96.7 68.4 95.5 70.9 94.2 73.2C92.8 75.5 91.2 77.6 89.6 79.6C87.9 81.6 86.0 83.4 84.2 85.1C82.3 86.8 80.4 88.4 78.4 89.9C76.4 91.3 74.4 92.7 72.2 94.0C70.1 95.3 67.9 96.5 65.7 97.5C63.4 98.5 61.1 99.7 58.7 100.0C56.3 100.3 53.6 99.7 51.3 99.1C48.9 98.6 46.5 97.8 44.3 96.8C42.1 95.8 40.4 93.8 38.2 93.0C36.0 92.3 33.5 92.7 31.1 92.2C28.7 91.8 26.3 91.1 23.8 90.3C21.4 89.5 18.5 88.7 16.3 87.2C14.1 85.8 12.4 83.6 10.6 81.4C8.8 79.3 7.2 77.0 5.8 74.6C4.4 72.2 3.1 69.5 2.2 66.8C1.3 64.1 0.6 61.2 0.2 58.3C-0.1 55.5 -0.2 52.5 0.0 49.6C0.2 46.8 0.7 43.9 1.4 41.1C2.2 38.4 3.2 35.7 4.4 33.2C5.6 30.7 7.0 28.4 8.6 26.2C10.2 24.1 12.0 22.1 13.8 20.3C15.6 18.5 17.5 16.8 19.4 15.3C21.3 13.8 23.3 12.4 25.3 11.1C27.3 9.8 29.3 8.7 31.4 7.6C33.4 6.5 35.5 5.4 37.7 4.6C39.8 3.7 42.0 2.9 44.3 2.2C46.5 1.6 48.9 1.0 51.3 0.6C53.6 0.2 56.1 0.0 58.5 0.0C61.0 -0.0 63.6 0.0 66.1 0.4C68.6 0.8 71.2 1.3 73.7 2.2C76.2 3.1 78.7 4.2 81.0 5.6C83.3 7.0 85.5 8.7 87.4 10.6C89.4 12.6 91.2 14.9 92.6 17.2C94.1 19.6 95.3 22.3 96.3 24.9C97.2 27.6 97.9 30.4 98.5 33.1C99.0 35.8 99.4 38.6 99.6 41.4C99.9 44.1 100.0 46.9 100.0 49.6Z'/%3E%3C/svg%3E");
	}

	.cdp-temoignages__carte:nth-child(3n+3) .cdp-temoignages__portrait {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M99.9 50.7C100.1 53.4 100.2 56.2 100.0 59.0C99.8 61.7 99.5 64.5 98.9 67.3C98.3 70.0 97.4 72.7 96.3 75.3C95.2 77.8 93.7 80.3 92.1 82.5C90.4 84.7 88.4 86.8 86.3 88.5C84.2 90.3 81.9 91.8 79.6 93.2C77.3 94.5 74.9 95.6 72.4 96.6C70.0 97.5 67.5 98.3 65.0 98.8C62.5 99.4 59.9 99.8 57.4 100.0C54.9 100.2 52.4 100.1 49.9 100.0C47.4 99.9 45.0 99.6 42.5 99.2C40.1 98.8 37.7 98.3 35.2 97.7C32.8 97.1 30.4 96.4 28.0 95.5C25.6 94.6 23.1 93.6 20.8 92.3C18.5 91.0 16.3 89.6 14.2 87.8C12.2 86.0 10.3 84.0 8.8 81.8C7.2 79.6 5.9 77.1 4.8 74.6C3.7 72.1 2.9 69.5 2.2 66.8C1.5 64.2 1.1 61.5 0.7 58.8C0.3 56.1 0.1 53.4 0.0 50.7C-0.1 48.0 -0.1 45.3 0.1 42.5C0.3 39.8 0.6 37.0 1.3 34.3C2.0 31.6 2.8 28.9 4.0 26.4C5.2 23.9 6.8 21.6 8.5 19.4C10.2 17.3 12.2 15.4 14.3 13.7C16.4 12.0 18.7 10.7 21.0 9.4C23.3 8.1 25.6 7.0 28.0 6.0C30.3 4.9 32.7 4.1 35.1 3.3C37.5 2.5 39.9 1.8 42.4 1.2C44.9 0.7 47.4 0.2 49.9 0.0C52.5 -0.2 55.1 -0.2 57.7 0.0C60.2 0.3 62.8 0.8 65.3 1.6C67.8 2.4 70.2 3.5 72.5 4.7C74.8 6.0 77.0 7.5 79.0 9.1C81.0 10.8 83.0 12.6 84.7 14.5C86.5 16.5 88.2 18.6 89.6 20.7C91.1 22.9 92.5 25.2 93.6 27.6C94.8 30.0 95.8 32.4 96.6 34.9C97.5 37.5 98.2 40.1 98.7 42.7C99.3 45.3 99.7 48.0 99.9 50.7Z'/%3E%3C/svg%3E");
		        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M99.9 50.7C100.1 53.4 100.2 56.2 100.0 59.0C99.8 61.7 99.5 64.5 98.9 67.3C98.3 70.0 97.4 72.7 96.3 75.3C95.2 77.8 93.7 80.3 92.1 82.5C90.4 84.7 88.4 86.8 86.3 88.5C84.2 90.3 81.9 91.8 79.6 93.2C77.3 94.5 74.9 95.6 72.4 96.6C70.0 97.5 67.5 98.3 65.0 98.8C62.5 99.4 59.9 99.8 57.4 100.0C54.9 100.2 52.4 100.1 49.9 100.0C47.4 99.9 45.0 99.6 42.5 99.2C40.1 98.8 37.7 98.3 35.2 97.7C32.8 97.1 30.4 96.4 28.0 95.5C25.6 94.6 23.1 93.6 20.8 92.3C18.5 91.0 16.3 89.6 14.2 87.8C12.2 86.0 10.3 84.0 8.8 81.8C7.2 79.6 5.9 77.1 4.8 74.6C3.7 72.1 2.9 69.5 2.2 66.8C1.5 64.2 1.1 61.5 0.7 58.8C0.3 56.1 0.1 53.4 0.0 50.7C-0.1 48.0 -0.1 45.3 0.1 42.5C0.3 39.8 0.6 37.0 1.3 34.3C2.0 31.6 2.8 28.9 4.0 26.4C5.2 23.9 6.8 21.6 8.5 19.4C10.2 17.3 12.2 15.4 14.3 13.7C16.4 12.0 18.7 10.7 21.0 9.4C23.3 8.1 25.6 7.0 28.0 6.0C30.3 4.9 32.7 4.1 35.1 3.3C37.5 2.5 39.9 1.8 42.4 1.2C44.9 0.7 47.4 0.2 49.9 0.0C52.5 -0.2 55.1 -0.2 57.7 0.0C60.2 0.3 62.8 0.8 65.3 1.6C67.8 2.4 70.2 3.5 72.5 4.7C74.8 6.0 77.0 7.5 79.0 9.1C81.0 10.8 83.0 12.6 84.7 14.5C86.5 16.5 88.2 18.6 89.6 20.7C91.1 22.9 92.5 25.2 93.6 27.6C94.8 30.0 95.8 32.4 96.6 34.9C97.5 37.5 98.2 40.1 98.7 42.7C99.3 45.3 99.7 48.0 99.9 50.7Z'/%3E%3C/svg%3E");
	}
}

/* --- Citation et attribution ----------------------------------------------- */

.cdp-temoignages__citation {
	margin: 0 0 1.5rem;
	padding: 0;
	border: 0;
	font-size: var( --cdp-fs-texte );
	line-height: 1.5;
}

.cdp-temoignages__citation p { margin: 0; font-style: italic; margin-bottom: 0.75rem;}
.cdp-temoignages__citation p + p { margin-top: 0.75rem; }

.cdp-temoignages__auteur { font-style: bold; }

.cdp-temoignages__nom {
	display: block;
	font-size: var( --cdp-fs-nom );
	font-weight: 700;
	line-height: 1.2;
	font-style: normal;
}

.cdp-temoignages__fonction {
	display: block;
	margin-top: 0.25rem;
	font-size: var( --cdp-fs-petit );
	font-style: italic;
}

/* « Lire la suite » : présent seulement quand le témoignage vient du CPT et
   que sa fiche a un corps de page (cf. render.php). */
.cdp-temoignages__suite {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	font-size: var( --cdp-fs-petit );
	font-weight: 700;
	color: var( --cdp-violet );
	text-decoration: none;
}

.cdp-temoignages__suite::after {
	content: "→";
	transition: transform var( --cdp-transition );
}

.cdp-temoignages__suite:hover,
.cdp-temoignages__suite:focus-visible {
	text-decoration: underline;
}

.cdp-temoignages__suite:hover::after,
.cdp-temoignages__suite:focus-visible::after {
	transform: translateX( 0.2em );
}

@media ( prefers-reduced-motion: reduce ) {
	.cdp-temoignages__suite::after { transition: none; }
}

/* --- Flèches ---------------------------------------------------------------- */

.cdp-temoignages__nav {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	background: var( --cdp-violet );
	color: var( --cdp-blanc );
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	transition: background-color var( --cdp-transition ), opacity var( --cdp-transition );
}

.cdp-temoignages__nav:hover     { background: var( --cdp-violet-alt ); }
.cdp-temoignages__nav[disabled] { opacity: 0.35; cursor: default; }
.cdp-temoignages__nav[hidden]   { display: none; }
.cdp-temoignages__nav svg       { width: 16px; height: 16px; fill: currentColor; }

/* Contour de focus homogène — RGAA 10.7 */
.cdp-temoignages :where( a, button, [tabindex] ):focus-visible {
	outline: 3px solid var( --cdp-violet );
	outline-offset: 2px;
	border-radius: 4px;
}

/* --- Message d'administration ------------------------------------------------ */

.cdp-temoignages__vide {
	margin: 0;
	font-size: var( --cdp-fs-petit );
	font-style: italic;
}

/* --- Adaptations ------------------------------------------------------------- */

@media ( max-width: 1100px ) {
	.cdp-temoignages__piste {
		grid-auto-columns: calc( ( 100% - 2rem ) / 2 );
	}
}

@media ( max-width: 700px ) {
	.cdp-temoignages__zone  { grid-template-columns: 1fr; }
	.cdp-temoignages__piste { grid-auto-columns: 88%; }
	.cdp-temoignages__nav   { display: none; }
	.cdp-temoignages__carte { padding-inline: 24px; }
}

@media ( prefers-reduced-motion: reduce ) {
	.cdp-temoignages__piste { scroll-behavior: auto; }
}
