/* ============================================================
 * AS SCPI — Module communautaire d'évaluation des SCPI.
 * Compact, progressif, hérite des tokens de as-core-css.
 * Préfixe : .as-sceval-* (volontairement distinct de .as-scpi-*,
 * qui appartient aux pages : le module peut vivre hors de
 * .as-scpi-wrap, chez un autre plugin consommateur).
 * ============================================================ */

.as-sceval {
	font-family: var(--as-font-body);
	color: var(--as-ink-2);
	background: var(--as-card);
	border: 1px solid var(--as-line);
	border-radius: var(--as-radius);
	padding: 20px 22px;
	margin: 0 0 18px;
	line-height: 1.55;
}
.as-sceval * { box-sizing: border-box; }
.as-sceval a { color: var(--as-accent); }
.as-sceval a:hover { color: var(--as-accent-2); }

/* Titre de chapitre (fiche avis : le module est un chapitre à part entière). */
.as-sceval-chapitre {
	font-family: var(--as-font-head);
	font-size: 20px;
	color: var(--as-ink);
	margin: 0 0 14px;
	line-height: 1.35;
	display: flex;
	align-items: center;
	gap: 10px;
}
.as-sceval-chapitre-ic { font-size: 19px; }

/* ---------- En-tête : avatar + question + preuve sociale ---------- */
.as-sceval-head {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	flex-wrap: wrap;
}
.as-sceval-avatar {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(255,255,255,0.85);
	box-shadow: 0 4px 14px rgba(14,21,37,0.18);
}
.as-sceval-head-main { flex: 1 1 320px; min-width: 0; }
.as-sceval-title {
	font-family: var(--as-font-head);
	font-size: 16.5px;
	font-weight: 600;
	color: var(--as-ink);
	margin: 0;
	line-height: 1.4;
}
.as-sceval-nom { color: var(--as-accent); }
.as-sceval-sub {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.55;
	color: var(--as-muted);
}
.as-sceval-proof { flex: 0 0 auto; }
.as-sceval-count {
	display: inline-block;
	font-family: var(--as-font-head);
	font-size: 12px;
	font-weight: 600;
	color: var(--as-muted);
	white-space: nowrap;
	background: var(--as-accent-bg);
	border-radius: var(--as-radius-pill);
	padding: 3px 11px;
}

/* Sélecteur de SCPI (contexte liste) */
.as-sceval-select-wrap { display: inline-block; max-width: 100%; }
.as-sceval-select {
	font-family: var(--as-font-body);
	font-size: 15px;
	font-weight: 600;
	color: var(--as-accent);
	background: var(--as-card-2);
	border: 1px solid var(--as-line-2);
	border-radius: var(--as-radius-sm);
	padding: 3px 26px 3px 10px;
	cursor: pointer;
	max-width: 100%;
}
.as-sceval-select:focus { outline: 2px solid var(--as-accent); outline-offset: 1px; }
/* Le menu natif hérite du fond sombre : sans couleur explicite sur les
 * <option>, le texte reste sombre sur sombre (illisible). */
.as-sceval-select option { background-color: #161f33; color: #e8edf7; }

/* ---------- Ligne d'étoiles + résultat communautaire ---------- */
.as-sceval-row {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 14px;
}
.as-sceval-stars { display: inline-flex; gap: 2px; flex: 0 0 auto; }
.as-sceval-star {
	font-size: 26px;
	line-height: 1;
	color: var(--as-line-2);
	background: none;
	border: none;
	padding: 0 1px;
	cursor: pointer;
	transition: color .12s ease, transform .12s ease;
}
.as-sceval-star:hover { transform: scale(1.12); }
.as-sceval-star.is-on { color: var(--as-accent); }
.as-sceval-stars.is-hovering .as-sceval-star.is-preview { color: var(--as-accent); }

.as-sceval-result {
	font-size: 13.5px;
	color: var(--as-ink-2);
}
.as-sceval-result[hidden] { display: none; }
.as-sceval-avg {
	font-family: var(--as-font-head);
	font-size: 19px;
	color: var(--as-accent);
}
.as-sceval-avg-max { font-size: 12.5px; color: var(--as-muted); }
.as-sceval-nb { font-size: 12.5px; color: var(--as-muted); margin-left: 4px; }
.as-sceval-locked { font-size: 12.5px; color: var(--as-muted); font-style: italic; }
.as-sceval-locked[hidden] { display: none; }

/* ---------- Note « rien n'a changé » (évaluation périmée) ---------- */
.as-sceval-stale {
	margin-top: 12px;
	font-size: 12.5px;
	color: var(--as-muted);
	line-height: 1.5;
}
.as-sceval-stale[hidden] { display: none; }
.as-sceval-touch {
	display: inline-block;
	margin-left: 4px;
	font-family: var(--as-font-body);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--as-accent);
	background: none;
	border: 1px solid var(--as-line-2);
	border-radius: var(--as-radius-pill);
	padding: 4px 12px;
	cursor: pointer;
	transition: all .15s ease;
}
.as-sceval-touch:hover { background: var(--as-accent-bg); border-color: var(--as-accent); }
.as-sceval-touch.is-done { color: var(--as-pos); border-color: var(--as-pos); cursor: default; }

/* ---------- Commentaire ---------- */
.as-sceval-comment-block {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--as-line);
}
.as-sceval-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--as-ink);
	margin-bottom: 6px;
}
.as-sceval-comment {
	width: 100%;
	font-family: var(--as-font-body);
	font-size: 13.5px;
	color: var(--as-ink);
	background: var(--as-bg-2);
	border: 1px solid var(--as-line);
	border-radius: var(--as-radius-sm);
	padding: 10px 12px;
	resize: vertical;
}
.as-sceval-comment::placeholder { color: var(--as-muted); }
.as-sceval-comment:focus { outline: none; border-color: var(--as-accent); }
.as-sceval-comment-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 8px;
}
.as-sceval-comment-save {
	font-family: var(--as-font-body);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--as-accent);
	background: var(--as-accent-bg);
	border: 1px solid var(--as-line-2);
	border-radius: var(--as-radius-pill);
	padding: 6px 15px;
	cursor: pointer;
	transition: all .15s ease;
}
.as-sceval-comment-save:hover { color: var(--as-ink); border-color: var(--as-accent); }

/* ---------- Messages de statut ---------- */
.as-sceval-cstatus,
.as-sceval-status {
	font-size: 12.5px;
	font-weight: 600;
	color: var(--as-muted);
	margin: 0;
}
.as-sceval-cstatus.is-ok,
.as-sceval-status.is-ok { color: var(--as-pos); }
.as-sceval-cstatus.is-err,
.as-sceval-status.is-err { color: var(--as-neg); }
.as-sceval-status { margin-top: 10px; }
.as-sceval-status:empty { display: none; }

/* ---------- Visiteur non connecté ---------- */
.as-sceval-guest-cta {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid var(--as-line);
}
.as-sceval-guest-cta[hidden] { display: none; }
.as-sceval-login { font-size: 12.5px; color: var(--as-muted); text-decoration: none; }
.as-sceval-login:hover { color: var(--as-accent); text-decoration: underline; }

/* ---------- Courbe d'évolution de la note ---------- */
.as-sceval-histo {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--as-line);
}
.as-sceval-histo-title {
	font-family: var(--as-font-body);
	font-weight: 700;
	font-size: 14.5px;
	color: var(--as-ink);
	margin: 0 0 10px;
}
.as-sceval-histo-canvas {
	position: relative;
	height: 200px;
	background: var(--as-bg-2);
	border: 1px solid var(--as-line);
	border-radius: var(--as-radius-sm);
	padding: 10px;
}
.as-sceval-histo-verdict {
	margin: 10px 0 0;
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--as-ink-2);
}
.as-sceval-histo[data-sens="hausse"] .as-sceval-histo-verdict { color: var(--as-pos); }
.as-sceval-histo[data-sens="baisse"] .as-sceval-histo-verdict { color: var(--as-neg); }
.as-sceval-histo-note {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.55;
	color: var(--as-muted);
}

/* ---------- Commentaires de la communauté ---------- */
.as-sceval-avis {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--as-line);
}
.as-sceval-avis-title {
	font-family: var(--as-font-body);
	font-weight: 700;
	font-size: 14.5px;
	color: var(--as-ink);
	margin: 0 0 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.as-sceval-avis-nb {
	font-family: var(--as-font-head);
	font-size: 11.5px;
	font-weight: 600;
	color: var(--as-muted);
	background: var(--as-accent-bg);
	border-radius: var(--as-radius-pill);
	padding: 2px 9px;
}
.as-sceval-avis-list { margin: 0; padding: 0; list-style: none; }
.as-sceval-avis-item {
	padding: 12px 14px;
	margin: 0 0 10px;
	background: var(--as-bg-2);
	border: 1px solid var(--as-line);
	border-radius: var(--as-radius-sm);
}
.as-sceval-avis-item:last-child { margin-bottom: 0; }
.as-sceval-avis-head {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 6px;
}
.as-sceval-avis-auteur {
	font-size: 13px;
	font-weight: 700;
	color: var(--as-ink);
	text-decoration: none;
}
a.as-sceval-avis-auteur:hover { color: var(--as-accent); text-decoration: underline; }
.as-sceval-avis-date { font-size: 11.5px; color: var(--as-muted); margin-left: auto; }
.as-sceval-avis-txt {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.65;
	color: var(--as-ink-2);
	white-space: pre-line;
}
.as-sceval-avis-lock {
	margin: 10px 0 0;
	font-size: 12px;
	font-style: italic;
	color: var(--as-muted);
}

/* Étoiles statiques (note portée par un commentaire) */
.as-sceval-note-static { display: inline-flex; gap: 1px; font-size: 13px; line-height: 1; }
.as-sceval-note-star { color: var(--as-line-2); }
.as-sceval-note-star.is-on { color: var(--as-accent); }

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
	.as-sceval { padding: 16px; }
	.as-sceval-avatar { width: 38px; height: 38px; }
	.as-sceval-proof { width: 100%; }
	.as-sceval-row { gap: 10px; }
	.as-sceval-star { font-size: 23px; }
	.as-sceval-guest-cta .as-btn-premium { width: 100%; justify-content: center; }
	.as-sceval-avis-date { margin-left: 0; width: 100%; }
	.as-sceval-histo-canvas { height: 170px; }
}

/* ---------- Variante compacte (chapitres de classement) ----------
 * Le module vit à l'intérieur d'une carte de chapitre : il en épouse le fond
 * et perd sa marge basse, l'espacement étant déjà porté par le chapitre. */
.as-sceval-compact {
	background: var(--as-bg-2);
	padding: 14px 16px;
	margin: 14px 0 0;
	border-radius: var(--as-radius-sm);
}
.as-sceval-compact .as-sceval-avatar { width: 34px; height: 34px; }
.as-sceval-compact .as-sceval-title { font-size: 14.5px; }
.as-sceval-compact .as-sceval-sub { display: none; }
.as-sceval-compact .as-sceval-proof { display: none; }
.as-sceval-compact .as-sceval-row { margin-top: 10px; }
.as-sceval-compact .as-sceval-star { font-size: 22px; }
.as-sceval-compact .as-sceval-comment-block { margin-top: 12px; padding-top: 12px; }
.as-sceval-compact .as-sceval-comment { font-size: 13px; }

/* Renvoi vers l'outil complet /evaluation-scpi/ (contexte fiche). */
.as-sceval-outil {
	display: flex; flex-wrap: wrap; gap: 6px 18px;
	margin: 12px 0 0; font-size: 12.5px;
}
.as-sceval-compact .as-sceval-outil { display: none; }