/* Page « Tous les avis » (page-avis.php) — reprend le VISUEL des cartes d'avis de la
   fiche (classes .lcdln-review* de chalet.css : étoiles dorées --star, nom --ink,
   date --muted, texte --text). Ici en LISTE VERTICALE (pas le carrousel) → on neutralise
   les contraintes du carrousel (flex/peek/max-height/clamp).
   Les tokens sont redéfinis ici (MÊMES valeurs que .lcdln-fiche) pour que les var() des
   .lcdln-review* résolvent sans avoir à envelopper la page dans .lcdln-fiche. */
:root {
	--ink: #1f2a44;
	--text: #3a3f4a;
	--muted: #7a8089;
	--border: #e6e8ec;
	--teal: #34b6ae;
	--star: #ffb400;
}

.lcdln-avis {
	max-width: 820px;
	margin: 0 auto;
	padding: 40px 20px 60px;
	font-family: 'Poppins', system-ui, -apple-system, sans-serif;
	color: var(--text);
}

.lcdln-avis__head { text-align: center; margin-bottom: 28px; }
.lcdln-avis__title { font-size: clamp(1.8rem, 4vw, 2.4rem); margin: 0 0 8px; color: var(--ink); }
.lcdln-avis__summary { margin: 0; font-size: 15px; color: var(--muted); }
.lcdln-avis__summary .lcdln-star { color: var(--star); margin-right: 4px; }

/* Liste verticale (1 colonne). On neutralise le carrousel sur les cartes héritées. */
.lcdln-avis__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 16px;
}
.lcdln-avis__list .lcdln-review {
	flex: none;
	width: auto;
	max-width: none;
	max-height: none;
	overflow: visible;
}

/* En-tête de carte : nom + date à gauche, lien chalet à droite. */
.lcdln-avis__list .lcdln-review__who {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
}

/* Groupe à droite : badge source (réutilisé de chalet.css) PUIS lien chalet. */
.lcdln-avis__list .lcdln-avis__meta { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.lcdln-avis__list .lcdln-avis__meta .lcdln-revm__src { margin-left: 0; }

/* # du chalet CLIQUABLE → fiche (lien texte, accent teal). */
.lcdln-avis__chalet {
	flex: 0 0 auto;
	color: var(--teal);
	text-decoration: underline;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}
.lcdln-avis__chalet:hover { text-decoration: none; }

.lcdln-avis__empty { text-align: center; color: var(--muted); }

@media (max-width: 600px) {
	.lcdln-avis { padding: 24px 16px 40px; }
}