/* Famiglia «domande»: FAQ e guide, sotto .qrevely-pagina--domande.
Valori misurati sul live (1440 e 390). Le sezioni sono a tutta larghezza; la colonna di 1160px è in base.css. */

.qrevely-pagina--domande :where(h1, h2, h3, h4, p, figure) {
	margin: 0;
}
.qrevely-pagina--domande .wp-block-post-content > * {
	margin-block: 0;
}
.qrevely-pagina--domande .wp-block-post-content > .alignfull {
	padding-right: 20px;
	padding-left: 20px;
}
/* Interlinee misurate sul live (fq-/gd-): eyebrow 1.7, piccoli testi grigi 1.7, tabelle 1.65 e 1.55. */
.qrevely-pagina--domande .is-style-eyebrow {
	line-height: 1.7;
}
.qrevely-pagina--domande .wp-block-columns {
	margin: 0;
}

/* Testata: i 140px del live meno gli 85 dell'header (sotto i 782px 106 meno 67); vale anche per la guida. */
.qrevely-domande-eroe {
	padding-top: 55px;
}
.qrevely-pagina--domande .qrevely-domande-eroe-colonne {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
	gap: 0 60px;
	align-items: start;
}
.qrevely-pagina--domande .qrevely-domande-eroe-colonne > .wp-block-column {
	flex-basis: auto;
}
.qrevely-pagina--domande .qrevely-domande-eroe h1 {
	margin-top: 24px;
	font-size: clamp(38px, 5.2vw, 70px);
	line-height: 1.06;
	letter-spacing: -0.035em;
}
.qrevely-pagina--domande .qrevely-domande-eroe .qrevely-lead {
	max-width: 380px;
	margin-top: 22px;
	font-size: 15px;
	line-height: 1.7;
}
.qrevely-domande-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 200px;
	padding: 26px 28px 20px;
	background: var(--wp--preset--color--lilla);
}
.qrevely-domande-card .wp-block-qrevely-icona {
	position: absolute;
	top: 22px;
	right: 24px;
}
.qrevely-pagina--domande .qrevely-domande-qm {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	padding: 6px 0 14px;
	color: var(--wp--preset--color--viola);
	font-size: 96px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
}
.qrevely-pagina--domande .qrevely-domande-cap {
	line-height: 1.7;
	padding-top: 12px;
	border-top: 1px solid #dfd8f0; /* tinta del live, solo qui */
	color: var(--wp--preset--color--grigio);
	font-size: 10px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* Corpo: colonna dei filtri e colonna delle domande */
.qrevely-domande-corpo {
	padding-top: 70px;
}
.qrevely-pagina--domande .qrevely-domande-colonne {
	display: grid;
	grid-template-columns: minmax(0, 255px) minmax(0, 1fr);
	gap: 0 56px;
	align-items: start;
	padding-top: 52px;
	border-top: 1px solid var(--wp--preset--color--linea);
}
.qrevely-pagina--domande .qrevely-domande-colonne > .wp-block-column {
	flex-basis: auto;
}
.qrevely-domande-lato .qrevely-filtro-domande {
	margin-top: 16px;
}
.qrevely-domande-lato .qrevely-filtro-domande ul {
	gap: 0;
}
.qrevely-domande-lato .qrevely-filtro-domande-chip {
	gap: 10px;
	padding: 11px 0;
	border-top: 1px solid var(--wp--preset--color--linea);
	color: var(--wp--preset--color--grigio);
	font-size: 13px;
	line-height: 1.35;
}
.qrevely-domande-lato .qrevely-filtro-domande li:last-child .qrevely-filtro-domande-chip {
	border-bottom: 1px solid var(--wp--preset--color--linea);
}
.qrevely-domande-lato .qrevely-filtro-domande-chip:hover,
.qrevely-domande-lato .qrevely-filtro-domande-chip.is-corrente {
	color: var(--wp--preset--color--inchiostro);
}
.qrevely-domande-lato .qrevely-filtro-domande-punto {
	width: 7px;
	height: 7px;
	border-radius: 0;
	background: transparent;
}
.qrevely-domande-lato .is-corrente .qrevely-filtro-domande-punto {
	background: var(--wp--preset--color--arancio);
}
.qrevely-domande-lato .qrevely-filtro-domande-conteggio {
	font-size: 11.5px;
	font-variant-numeric: tabular-nums;
}
/* I chip degli argomenti: sul live in 400 (il corrente resta in 600) e a 6,5px l'uno dall'altro (margine delle label). */
.qrevely-pagina--domande .qrevely-filtro-domande-chip:not(.is-corrente) {
	font-weight: 400;
}
@media (min-width: 1081px) {
	.qrevely-pagina--domande .qrevely-domande-lato .qrevely-filtro-domande li + li {
		margin-top: 6.5px;
	}
}

/* Argomenti */
.qrevely-argomento {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	margin-top: 26px;
}
.qrevely-argomento[hidden] {
	display: none;
}
.qrevely-pagina--domande .qrevely-domande-principale > .qrevely-argomento:first-child {
	margin-top: 6px;
}
.qrevely-pagina--domande .qrevely-argomento > * {
	margin-block: 0;
}
.qrevely-pagina--domande .qrevely-argomento > .wp-block-details {
	grid-column: 1 / -1;
}
.qrevely-pagina--domande .qrevely-argomento-titolo,
.qrevely-pagina--domande .qrevely-argomento-n {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--wp--preset--color--inchiostro);
}
.qrevely-pagina--domande .qrevely-argomento-titolo {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--wp--preset--color--grigio);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.6;
	text-transform: uppercase;
}
.qrevely-argomento-titolo::before {
	content: "";
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	background: var(--wp--preset--color--viola);
}
.qrevely-pagina--domande .qrevely-argomento-n {
	color: var(--wp--preset--color--grigio);
	font-size: 11.5px;
	font-variant-numeric: tabular-nums;
	line-height: 1.7;
}

/* Domande (core/details, stile «domanda») */
.qrevely-pagina--domande .wp-block-details.is-style-domanda {
	padding: 0;
	border-bottom: 1px solid var(--wp--preset--color--linea);
	scroll-margin-top: 25px; /* più i 85px di scroll-padding-top dell'header fisso (base.css): 110px in tutto */
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda summary {
	align-items: center;
	gap: 18px;
	margin-bottom: 7.5px; /* 0.5em della label del live */
	padding: 19px 2px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.3;
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda summary:hover {
	color: var(--wp--preset--color--viola);
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda summary::after,
.qrevely-pagina--domande .wp-block-details.is-style-domanda[open] summary::after {
	content: "";
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	background:
		linear-gradient(var(--wp--preset--color--viola), var(--wp--preset--color--viola)) center / 15px 1.6px no-repeat,
		linear-gradient(var(--wp--preset--color--viola), var(--wp--preset--color--viola)) center / 1.6px 15px no-repeat;
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda[open] summary::after {
	background-size: 15px 1.6px, 0 0;
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda > :not(summary) {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.75;
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda > :not(summary) + :not(summary) {
	margin-top: 12px;
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda > :last-child {
	margin-bottom: 26px;
}
.qrevely-pagina--domande .wp-block-details strong {
	color: var(--wp--preset--color--inchiostro);
	font-weight: 600;
}
.qrevely-pagina--domande .qrevely-domande-split {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 32px;
}
.qrevely-pagina--domande .qrevely-domande-split > .wp-block-column {
	flex-basis: auto;
	padding-left: 18px;
	border-left: 1px solid var(--wp--preset--color--linea);
}
.qrevely-pagina--domande .qrevely-domande-split .is-style-eyebrow {
	margin-bottom: 9px;
	color: var(--wp--preset--color--viola);
	font-size: 10px;
	line-height: 1.75;
	letter-spacing: 0.16em;
}
.qrevely-pagina--domande .qrevely-domande-split .is-style-eyebrow::before {
	display: none;
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda > .qrevely-domande-dopo {
	margin-top: 16px;
}
.qrevely-pagina--domande .wp-block-details.is-style-domanda > .qrevely-vlink {
	margin-top: 14px;
	line-height: 1.7;
}
.qrevely-pagina--domande .wp-block-details .qrevely-vlink a {
	font-size: 12.5px;
}

/* Chiusura: qrevely/cta (regole in assets/css/pattern.css) come riquadro lilla dentro la colonna, con la freccia in alto a
destra e il contenuto delle due colonne in fondo alla riga. */
.qrevely-domande-fine {
	padding-top: 64px;
	padding-bottom: 62px;
}
.qrevely-domande-fine .qrevely-cta {
	/* Titolo misurato sul live: 34px fino a ~1100px, poi 3.1vw, 26px sotto gli 840px. */
	--wp--preset--font-size--titolo-grande: clamp(26px, 3.1vw, 34px);
	--qrevely-cta-spazio-titolo: 20px;
	--qrevely-cta-spazio-bottoni: 22px;
	--qrevely-cta-colonna-destra: 430px;
	position: relative;
	padding: 40px 48px 44px;
}
.qrevely-domande-fine .qrevely-cta-freccia {
	position: absolute;
	top: 36px;
	right: 40px;
}
.qrevely-domande-fine .qrevely-cta p {
	line-height: 1.7;
}
/* L'eyebrow resta a 11,5px come sul live: i 14px sono dei soli paragrafi di testo. */
.qrevely-domande-fine .qrevely-cta p:not(.is-style-eyebrow) {
	font-size: 14px;
}
.qrevely-domande-fine .qrevely-cta .wp-block-button__link {
	padding: 14px 22px;
	font-size: 14.5px;
}
.qrevely-domande-fine .qrevely-cta > * {
	max-width: none;
}
.qrevely-domande-fine .qrevely-cta-colonne > .wp-block-column {
	justify-content: flex-end;
}
.qrevely-domande-fine .qrevely-cta h2 {
	line-height: 1.18;
	letter-spacing: -0.03em;
}

@media (max-width: 1080px) {
	.qrevely-pagina--domande .qrevely-domande-eroe-colonne,
	.qrevely-pagina--domande .qrevely-domande-colonne {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px 0;
	}
	/* La colonna destra della testata (la card) qui è nascosta: il suo contenitore vuoto non deve aggiungere lo spazio. */
	.qrevely-pagina--domande .qrevely-domande-eroe-colonne {
		gap: 0;
	}
	.qrevely-pagina--domande .qrevely-domande-eroe .qrevely-lead {
		max-width: none;
	}
	.qrevely-domande-card,
	.qrevely-domande-lato > .is-style-eyebrow {
		display: none;
	}
	.qrevely-domande-lato .qrevely-filtro-domande {
		margin-top: 16px;
	}
	.qrevely-domande-lato .qrevely-filtro-domande ul {
		flex-direction: row;
		gap: 0 20px;
		padding-bottom: 2px;
		border-bottom: 1px solid var(--wp--preset--color--linea);
		overflow-x: auto;
	}
	.qrevely-domande-lato .qrevely-filtro-domande-chip,
	.qrevely-domande-lato .qrevely-filtro-domande li:last-child .qrevely-filtro-domande-chip {
		gap: 7px;
		padding: 8px 2px;
		border: 0;
		border-bottom: 2px solid transparent;
		font-size: 12.5px;
		white-space: nowrap;
	}
	.qrevely-domande-lato .qrevely-filtro-domande-chip.is-corrente {
		border-bottom-color: var(--wp--preset--color--arancio);
	}
	.qrevely-domande-lato .qrevely-filtro-domande-punto {
		display: none;
	}
	.qrevely-domande-lato .qrevely-filtro-domande-conteggio {
		margin-left: 0;
	}
	.qrevely-domande-fine .qrevely-cta {
		padding: 32px 26px 34px;
	}
	.qrevely-domande-fine .qrevely-cta-freccia {
		top: 26px;
		right: 24px;
	}
}
@media (max-width: 781px) {
	.qrevely-domande-eroe {
		padding-top: 39px;
	}
	.qrevely-pagina--domande .qrevely-domande-eroe h1 {
		margin-top: 18px;
		font-size: clamp(32px, 8.6vw, 42px);
	}
	.qrevely-domande-corpo {
		padding-top: 46px;
	}
	.qrevely-pagina--domande .qrevely-domande-colonne {
		padding-top: 38px;
	}
	.qrevely-pagina--domande .wp-block-details.is-style-domanda summary {
		gap: 14px;
		padding: 16px 0;
		font-size: 16px;
	}
	.qrevely-pagina--domande .qrevely-domande-split {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px 0;
	}
	.qrevely-domande-fine {
		padding-top: 44px;
		padding-bottom: 44px;
	}
}

/* ===== Guide ===== */
.qrevely-pagina--domande .qrevely-guida-diff-colonne > .wp-block-column {
	flex-basis: auto;
}

/* Sezioni con filetto in testa */
.qrevely-guida-partire,
.qrevely-guida-diff {
	padding-top: 74px;
}
.qrevely-pagina--domande .qrevely-guida-partire > :first-child,
.qrevely-pagina--domande .qrevely-guida-diff > :first-child {
	padding-top: 54px;
	border-top: 1px solid var(--wp--preset--color--linea);
}
.qrevely-pagina--domande .qrevely-guida-partire h2,
.qrevely-pagina--domande .qrevely-guida-diff h2 {
	font-size: clamp(26px, 3.1vw, 34px);
	letter-spacing: -0.03em;
	line-height: 1.18;
}

/* Da dove partire */
/* Il blocco Colonne del core impone align-items: normal !important: la nota va in fondo alla riga da sola, come sul live. */
.qrevely-tabella-confronto a::after {
	content: "";
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	background: currentColor;
	-webkit-mask: url(../../icone/freccia-diagonale.svg) center / contain no-repeat;
	mask: url(../../icone/freccia-diagonale.svg) center / contain no-repeat;
}

/* Dinamico o statico */
.qrevely-pagina--domande .qrevely-guida-diff-colonne {
	display: grid;
	grid-template-columns: minmax(0, 380px) minmax(0, 1fr);
	gap: 0 60px;
	align-items: start;
}
.qrevely-pagina--domande .qrevely-guida-diff h2 {
	margin-top: 18px;
}
.qrevely-pagina--domande .qrevely-tabella-confronto table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
.qrevely-pagina--domande .qrevely-tabella-confronto th,
.qrevely-pagina--domande .qrevely-tabella-confronto td {
	padding: 14px 16px 14px 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--linea);
	color: var(--wp--preset--color--inchiostro);
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.55;
	text-align: left;
	vertical-align: top;
}
.qrevely-pagina--domande .qrevely-tabella-confronto thead th {
	width: 39%;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top: 1px solid var(--wp--preset--color--inchiostro);
	border-bottom: 1px solid var(--wp--preset--color--inchiostro);
	font-size: 13px;
	font-weight: 600;
}
.qrevely-pagina--domande .qrevely-tabella-confronto thead th:first-child {
	width: 22%;
}
.qrevely-pagina--domande .qrevely-tabella-confronto tbody td:first-child {
	color: var(--wp--preset--color--grigio);
	font-size: 12.5px;
}
.qrevely-tabella-confronto thead a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--wp--preset--color--viola);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

@media (max-width: 1080px) {
	.qrevely-pagina--domande .qrevely-guida-diff-colonne {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px 0;
	}
}
/* Niente filetto spesso del core sotto l'intestazione: le celle hanno già i loro due filetti sottili. */
.qrevely-pagina--domande .qrevely-tabella-confronto thead {
	border-bottom: 0;
}
@media (max-width: 781px) {
	.qrevely-guida-partire,
	.qrevely-guida-diff {
		padding-top: 48px;
	}
	.qrevely-pagina--domande .qrevely-guida-partire > :first-child,
	.qrevely-pagina--domande .qrevely-guida-diff > :first-child {
		padding-top: 40px;
	}
	.qrevely-pagina--domande .qrevely-tabella-confronto th,
	.qrevely-pagina--domande .qrevely-tabella-confronto td {
		padding: 11px 8px 11px 0;
		font-size: 11.5px;
	}
	.qrevely-pagina--domande .qrevely-tabella-confronto thead th,
	.qrevely-tabella-confronto thead a {
		font-size: 11.5px;
	}
	.qrevely-pagina--domande .qrevely-tabella-confronto tbody td:first-child {
		font-size: 11px;
		overflow-wrap: normal;
		hyphens: none;
	}
	.qrevely-pagina--domande .qrevely-tabella-confronto thead th:first-child {
		width: 27%;
	}
	.qrevely-pagina--domande .qrevely-tabella-confronto thead th {
		width: 36.5%;
	}
}

/* Stato del filtro (sopra le domande) */
.qrevely-pagina--domande .wp-block-details[hidden] {
	display: none;
}
/* Il conteggio sta sopra le domande; il primo argomento 26px sotto. */
.qrevely-pagina--domande .qrevely-domande-principale > .qrevely-filtro-domande-stato + .qrevely-argomento {
	margin-top: 26px;
}
@media (min-width: 1081px) {
	.qrevely-pagina--domande .qrevely-domande-principale > .qrevely-filtro-domande-stato {
		margin-top: 14px;
	}
}

/* «Espandi tutti» del manuale */
/* Il contenitore del bottone non deve alzare la testata oltre l'eyebrow (20px sul live). */

@media (max-width: 1080px) {
	/* Sotto i 1080px i chip stanno sopra le domande: le due colonne si dissolvono e l'ordine lo danno i margini. */
	.qrevely-pagina--domande .qrevely-domande-colonne {
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.qrevely-pagina--domande .qrevely-domande-colonne > .wp-block-column {
		display: contents;
	}
	.qrevely-pagina--domande .qrevely-domande-colonne .qrevely-filtro-domande,
	.qrevely-pagina--domande .qrevely-domande-colonne .qrevely-filtro-domande-stato,
	.qrevely-pagina--domande .qrevely-domande-colonne .qrevely-argomento {
		min-width: 0;
		max-width: 100%;
	}
	.qrevely-pagina--domande .qrevely-domande-lato .qrevely-filtro-domande {
		order: 2;
	}
	.qrevely-pagina--domande .qrevely-filtro-domande-stato {
		order: 3;
	}
	.qrevely-pagina--domande .qrevely-domande-colonne .qrevely-argomento {
		order: 4;
	}
}
