/* Fase 3 — presentazione recensioni interattiva.
   Token PAF: bottone grigio var(--c-tasti) #5e5e5e + testo lime var(--c-text-con-sfondo) #d7f551. NO nero. */

.paf-review-headline {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 10px 0 14px;
}
.paf-review-verbal {
	display: inline-flex;
	align-items: center;
	background: var(--c-tasti);
	color: var(--c-text-con-sfondo);
	border-radius: var(--b-radius-toggle, 20px);
	padding: 6px 13px;
	font-weight: 700;
	font-size: 13px;
	white-space: nowrap;
}
.paf-review-headline-text {
	font-size: 15px;
	font-weight: 600;
	color: var(--c-text);
	line-height: 1.4;
}

/* Toggle segmenti */
.paf-review-segments {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin: 14px 0;
}
.paf-review-seg {
	border: 1.5px solid #ddd;
	background: #fff;
	color: #333;
	border-radius: 24px;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}
.paf-review-seg .n { color: #999; font-weight: 500; }
.paf-review-seg:hover { border-color: var(--c-tasti); }
.paf-review-seg.is-active { background: var(--c-tasti); color: var(--c-text-con-sfondo); border-color: var(--c-tasti); }
.paf-review-seg.is-active .n { color: #cfe089; }

/* Liste doppia faccia */
.paf-review-faces {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin: 16px 0;
}
@media (max-width: 560px) { .paf-review-faces { grid-template-columns: 1fr; } }
.paf-review-face h4 {
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 0 0 10px;
}
.paf-review-face-pro h4 { color: #28a745; }
.paf-review-face-know h4 { color: #c98a2a; }
.paf-review-face ul { list-style: none; padding: 0; margin: 0; }
.paf-review-face li {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	font-size: 13.5px;
	padding: 6px 0;
	border-bottom: 1px solid #eee;
}
.paf-review-face li .pct { color: #6c6c6c; font-size: 12.5px; white-space: nowrap; }
.paf-review-face-pro li .pct i { color: #28a745; }
.paf-review-face-know li .pct i { color: #c98a2a; }

/* Chip aspetto cliccabili */
.paf-review-aspect-label { font-size: 13px; font-weight: 600; margin: 14px 0 8px; }
.paf-review-aspects { display: flex; gap: 8px; flex-wrap: wrap; }
.paf-review-aspect {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1.5px solid #e4e8f0;
	background: #fff;
	border-radius: 24px;
	padding: 6px 13px;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s;
	color: #333;
}
.paf-review-aspect:hover { border-color: var(--c-tasti); }
.paf-review-aspect.is-active { background: var(--c-tasti); color: var(--c-text-con-sfondo); border-color: var(--c-tasti); }
.paf-review-aspect .up { color: #28a745; font-weight: 600; }
.paf-review-aspect .down { color: #c98a2a; font-weight: 600; }
.paf-review-aspect.is-active .up,
.paf-review-aspect.is-active .down { color: var(--c-text-con-sfondo); }

.paf-review-aspect-results { margin-top: 12px; }
.paf-review-aspect-results:empty { margin: 0; }
.paf-review-aspect-results .paf-review-card { background: #fafbfc; }

/* Frase contesto viaggio nelle card ("Ha soggiornato per <b>lavoro</b>, con <b>colleghi</b>") */
.paf-review-card-context {
	font-size: 12.5px;
	color: #7a8194;
	margin: 3px 0 8px;
}
.paf-review-card-context b {
	color: #282828;
	font-weight: 600;
}

/* Tag aspetto nelle card: positivo (verde) vs da-migliorare (arancione) */
.paf-review-card-tag i { font-size: 9px; margin-right: 2px; }
.paf-review-card-tag-neg {
	background: #fdf6ec !important;
	color: #8a5e16 !important;
}
/* Evidenziazione del tag corrispondente all'aspetto filtrato */
.paf-review-card-tag-active { background: var(--c-text-con-sfondo) !important; color: var(--c-tasti) !important; font-weight: 600; }
.paf-review-card-tag-active-neg { background: #c98a2a !important; color: #fff !important; font-weight: 600; }