.module-tuiles { /* Lame Tuiles -------------------------------------------------- (MODULE) */
	margin:                     0;
	padding:                    0;
	text-align:                 center;
}
.module-tuiles.fonce { background-color: var(--gris-trmdvsr-fonce); }
.module-tuiles.clair { background-color: var(--blanc-pur);					}

.module-tuiles.fonce .trmdvsr-texte-h3 { color: var(--blanc-trmdvsr);      }
.module-tuiles.clair .trmdvsr-texte-h3 { color: var(--gris-trmdvsr-fonce);      }

.module-tuiles.fonce .logo-quote { height: 3rem; width: 3rem; }        																/* 48px */
.module-tuiles.fonce .trmdvsr-texte    { color: var(--gris-trmdvsr-clair); }

.module-tuiles.scrollable .carousel-navigation {
	display:                  flex;
	justify-content:          center;
	align-items:              center;
}
.module-tuiles.scrollable .nav-fleche {
	background:               none;
	border:                   none;
	color:                    var(--bleu-trmdvsr-clair);
	font-size:                24px;
	cursor:                   pointer;
	margin:                   0 15px;
	padding:                  8px;
	transition:               color 0.2s;
}
.module-tuiles.scrollable .nav-fleche:hover { color: var(--bleu-trmdvsr-moyen); }
/*--------------------------------------------------------------------------------------------- */
.module-tuiles.scrollable .carousel-tuiles {                                 /* Conteneur pour le défilement horizontal */
	display:                  flex;
	overflow-x:               auto;                                   /* Permet le défilement horizontal */
	scroll-snap-type:         x mandatory;                            /* Aligne la carte au scroll */
	width:                    100%;
	padding:                  var(--espacement-court) var(--espacement-large) var(--espacement-large);/* Espace vertical et padding latéral */
	gap:                      var(--espacement-moyen);                /* Espacement entre les cartes */
	
	scrollbar-color:          var(--bleu-trmdvsr-clair) var(--bleu-trmdvsr-moyen);/* Stylisation de la scrollbar (pour les navigateurs qui le supportent) */
	scrollbar-width:          thin;
}
.module-tuiles.scrollable .carousel-tuiles::-webkit-scrollbar { height: 1rem; background-color: var(--bleu-trmdvsr-clair); }
.module-tuiles.scrollable .carousel-tuiles::-webkit-scrollbar-thumb { background-color: var(--bleu-trmdvsr-pur); border-radius: 1rem; }

.module-tuiles.clair .carousel-tuiles {                                 /* Conteneur pour le défilement horizontal */
	display: 									flex;
	justify-content:					flex-start;
	align-items: 							center;
	width:                   	100%;
	overflow: 								hidden;
	padding:                 	var(--espacement-court) var(--espacement-large) var(--espacement-large);/* Espace vertical et padding latéral */
	gap:                     	var(--espacement-moyen);                /* Espacement entre les cartes */
	scrollbar-color:         	var(--bleu-trmdvsr-clair) var(--bleu-trmdvsr-moyen);/* Stylisation de la scrollbar (pour les navigateurs qui le supportent) */
	scrollbar-width:         	thin;
}
.module-tuiles .carousel-tuiles .item-tuile.landscape {
	width:											min(62rem, 45rem);
	/*height: 										min(30rem, 15rem);*/
	aspect-ratio: 							16 / 11;
	color:											var(--blanc-trmdvsr);
	padding:                  	var(--espacement-large);
	text-align:               	left;
	background-color:         	var(--couleur-fond-carte);
	border-radius:            	var(--bordure-radius);
	box-shadow:               	0 10px 30px rgba(0, 0, 0, 0.2);
}

.module-tuiles .carousel-tuiles .item-tuile.landscape .avatar-wrapper { margin-right: 20px; }
.module-tuiles .carousel-tuiles .item-tuile.landscape .trmdvsr-texte-chapo,
.module-tuiles .carousel-tuiles .item-tuile.landscape .trmdvsr-sstexte {                                    /* Corps du témoignage */
	text-align:               	left;
	color:											var(--blanc-trmdvsr);
	/*padding-bottom:           	var(--espacement-moyen);*/
}
.module-tuiles .carousel-tuiles .item-tuile.landscape .trmdvsr-button-picto {
	width:								2rem;
	aspect-ratio: 				1 / 1;
	stroke-width: 				0;
	fill: 								currentColor;
}

.module-tuiles .grid-tuiles {
	display: 					flex;
	flex-direction: 	row;
	gap: 							25px;
	justify-content: 	center;
	flex-wrap: 				wrap;
}
.module-tuiles .grid-tuiles .item-tuile.carre {
	position: 				relative;
	width: 						100%;
	max-width: 				300px;
	aspect-ratio: 		1 / 1;
	border-radius: 		var(--bordure-radius);
	overflow: 				hidden;
	box-shadow: 			0 10px 30px rgba(0,0,0,0.3);
	transition: 			transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.module-tuiles .grid-tuiles .item-tuile.carre:hover { transform: scale(1.02); }
.module-tuiles .grid-tuiles .item-tuile.carre .tile-bg {
	width: 						100%;
	height: 					100%;
	object-fit: 			cover;
}
.module-tuiles .grid-tuiles .item-tuile.carre .tile-overlay {
	position: 				absolute;
	inset: 						0;
	display: 					flex;
	align-items: 			flex-end;
	justify-content: 	center;
	padding-bottom: 	40px;
	opacity: 					0.9;
	background: 			linear-gradient(to top, rgba(11, 17, 32, 0.9) 0%, rgba(11, 17, 32, 0.2) 50%);
	transition: 			opacity 0.3s;
}
.module-tuiles .grid-tuiles .item-tuile.carre:hover .tile-overlay { opacity: 1;}
.module-tuiles .grid-tuiles .item-tuile.carre .tile-overlay .tile-link {
	display: 					flex;
	align-items: 			center;
	gap: 							12px;
	background: 			#4facfe; /* Ton bleu d'accentuation */
	color: 						white;
	text-decoration: 	none;
	padding: 					14px 28px;
	border-radius: 		50px;
	font-weight: 			700;
	text-transform: 	uppercase;
	font-size: 				0.9rem;
	letter-spacing: 	1px;
	box-shadow: 			0 4px 15px rgba(79, 172, 254, 0.4);
}
.module-tuiles .grid-tuiles .item-tuile.carre .tile-overlay .tile-link:hover {
	background: 			#00f2fe;
	transform: 				translateY(-2px);
}

.module-tuiles .item-tuile.portrait {
    position: relative;
    width: 100%; /* Full largeur du parent */
    max-width: 300px; /* Optionnel : limite la largeur sur grand écran */
    aspect-ratio: 9 / 16;
    border-radius: 15px;
    overflow: hidden;
    font-family: sans-serif;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    cursor: pointer;
  }
.module-tuiles .item-tuile.portrait .tuile-bg {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Remplit l'espace sans déformer */
  display: block;
}
.module-tuiles .item-tuile.portrait .tuile-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Gradient du bas vers le haut pour la lisibilité */
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Texte en bas */
  padding: 20px;
  box-sizing: border-box;
}
.module-tuiles .item-tuile.portrait .tuile-texte {
  color: white;
  margin: 0;
}
.module-tuiles .item-tuile.portrait .tuile-titre {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.module-tuiles .item-tuile.portrait .tuile-description {
  font-size: 0.9rem;
  opacity: 0.9;
}

.module-tuiles .carousel-tuiles::before, 
.module-tuiles .carousel-tuiles::after {                                         /* Espaceur droit pour décoller la dernière carte */
	content:                  '';
	display:                  block;
	flex-shrink:              0;
	width:                    var(--espacement-moyen); 
	height:                   1px;
}
.module-tuiles .carousel-tuiles .item-tuile.landscape {
	display:                  flex;
	flex-direction:           column;
	flex:                     0 0 auto;                               /* Fixe la taille de la carte et permet l'étirement sur l'axe principal */
	width:                    85vw;                                   /* 85% de la largeur du viewport sur mobile */
	max-width:                32rem;                                  /* Largeur maximale pour les grands écrans */
	padding:                  var(--espacement-large);
	text-align:               left;
	background-color:         var(--couleur-fond-carte);
	border-radius:            var(--bordure-radius);
	box-shadow:               0 10px 30px rgba(0, 0, 0, 0.2);
	scroll-snap-align:        start;                                  /* Alignement au début pour le défilement */
}
.module-tuiles .carousel-tuiles .item-tuile.landscape .tuile-header {                                     /* Conteneur supérieur (Avatar et Citation) */
	padding-bottom:           var(--espacement-moyen);
	background-image:         url('https://i.imgur.com/UOK5ZJW.png'); /* Image guillemets */
	background-size:          var(--pp-dimensions); 
	background-position:      calc(var(--pp-dimensions) + var(--espacement-court)) 0; 
	background-repeat:        no-repeat;
}
.module-tuiles .carousel-tuiles .item-tuile.landscape .avatar-wrapper { margin-right: 20px; }
.module-tuiles .carousel-tuiles .item-tuile.landscape .trmdvsr-pp { width: var(--pp-dimensions); height: auto; border-radius: 50%; object-fit: cover; border: 3px solid var(--bleu-trmdvsr-pur); }
.module-tuiles .carousel-tuiles .item-tuile.landscape .trmdvsr-texte {                                    /* Corps du témoignage */
	flex-grow:                1;                                      /* Assure que le texte prend l'espace restant de la carte */
	text-align:               left;
	color:                    var(--gris-trmdvsr-clair);
	padding-bottom:           var(--espacement-moyen);
}
.module-tuiles .carousel-tuiles .item-tuile.landscape .carte-footer {                                     /* Pied de la carte (Auteur et Vérification) */
	display:                  flex;
	justify-content:          space-between;
	align-items:              start;
	margin:                   0;
	padding-top:              var(--espacement-court);
	border-top:               1px solid rgba(255, 255, 255, 0.1);
}
.module-tuiles .carousel-tuiles .item-tuile.landscape .auteur-info .trmdvsr-sstexte { display: block; color: var(--blanc-trmdvsr); }
.module-tuiles .carousel-tuiles .item-tuile.landscape .auteur-info .trmdvsr-label { color: var(--gris-trmdvsr-clair); }
.module-tuiles .carousel-tuiles .item-tuile.landscape .trmdvsr-sstexte.statut-verifie { display: inline-block; color: var(--vert-trmdvsr-clair); }
.module-tuiles .carousel-tuiles .item-tuile.landscape .trmdvsr-sstexte.statut-verifie::before { content: '✓'; margin-right: 0.5rem; }


  /* RÈGLES - ADAPTATIVE @MEDIA ======================================================= (DESKTOP) */
@media (min-width: 60rem) {
	.module-tuiles .carousel-tuiles.clair { 
		justify-content:			center;
		scroll-snap-type:			none;
	}
	/* Testimonial ------------------------------------------------------------------------------ */
	.module-tuiles .carousel-tuiles.fonce {
		justify-content:	center;
		--largeur-temp:		min( 100%, var(--largeur-conteneur-max) );
		flex:							0 0 var(--largeur-temp);
	}
	.carousel-tuiles.fonce .item-tuile {
		width:						25rem;
		height: 					25rem;
	}
}
/** ******************************************************************************************* //
 * @document 'Fin du fichier. with care.'
 * @author 'trmdvsr'
 * @version 25.10.09 (23:16)
// ******************************************************************************************** */