/*
 * Colori e caratteri del sito: si cambiano qui, in un punto solo.
 * Verde petrolio su carta calda; --pw-energia (giallo) è riservato ai dati misurati da noi.
 */

:root {
	--pw-principale: #0d4f4a;
	--pw-principale-chiaro: #e3efed;
	--pw-energia: #e0a800;
	--pw-energia-chiaro: #fbf1cf;
	--pw-testo: #1f2a28;
	--pw-testo-tenue: #5d6866;
	--pw-sfondo: #fbf9f4;
	--pw-superficie: #f1eee6;
	--pw-bordo: #e2ddd0;
	--pw-pro: #1f8a4c;
	--pw-contro: #c23b2f;
	--pw-carattere: "Source Sans 3", system-ui, sans-serif;
	--pw-carattere-titoli: "Source Sans 3", system-ui, sans-serif;
	--pw-carattere-numeri: "IBM Plex Mono", ui-monospace, monospace;
	--pw-raggio: 6px;
	--pw-peso-titoli: 700;
	--pw-colonna: 44rem;
}

/* ---------- Base ---------- */

body {
	font-family: var(--pw-carattere);
	font-size: 18px;
	line-height: 1.65;
	color: var(--pw-testo);
	background: var(--pw-sfondo);
}

h1,
h2,
h3,
h4 {
	font-family: var(--pw-carattere-titoli);
	font-weight: var(--pw-peso-titoli);
	line-height: 1.2;
	letter-spacing: -0.015em;
	color: var(--pw-testo);
}

h1 {
	font-size: clamp(2rem, 4.5vw, 2.75rem);
}

h2 {
	font-size: clamp(1.5rem, 3vw, 1.9rem);
	margin-top: 2em;
}

a {
	color: var(--pw-principale);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* Testo dei contenuti a ~70 caratteri per riga (in rem: con ch titoli e tabelle avrebbero larghezze diverse) */
.entry-content > *:not(.alignwide):not(.alignfull):not(.pw-largo) {
	max-width: var(--pw-colonna);
	margin-left: auto;
	margin-right: auto;
}

.entry-header {
	max-width: var(--pw-colonna);
	margin: 0 auto;
}

.separate-containers .inside-article,
.one-container .site-content {
	background: var(--pw-sfondo);
}

body.separate-containers {
	background: var(--pw-superficie);
}

/* Numeri e unità di misura con carattere a spaziatura fissa */
.pw-num {
	font-family: var(--pw-carattere-numeri);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}

/* ---------- Testata e logo ---------- */

.site-header {
	background: var(--pw-sfondo);
	border-bottom: 1px solid var(--pw-bordo);
}

.inside-header {
	padding-top: 18px;
	padding-bottom: 18px;
}

.site-description {
	font-size: 0.85rem;
	color: var(--pw-testo-tenue);
	margin-top: 2px;
}

.main-title {
	margin: 0;
	font-size: 1.6rem;
	line-height: 1;
}

.main-title .pw-logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--pw-principale);
	text-decoration: none;
}

.pw-logo svg {
	width: 1.75em;
	height: 1.19em;
	flex: none;
}

.pw-logo-scritta {
	font-family: var(--pw-carattere-titoli);
	letter-spacing: -0.03em;
}

.pw-logo-prova {
	font-weight: 500;
}

.pw-logo-watt {
	font-weight: 800;
	box-shadow: inset 0 -0.28em 0 var(--pw-energia);
}

/* Menu: niente riquadro bianco di GeneratePress */
.main-navigation,
.main-navigation ul ul,
.main-navigation .menu-toggle,
.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus {
	background: transparent;
	color: var(--pw-testo);
}

.main-navigation .main-nav ul li a {
	color: var(--pw-testo);
	font-weight: 600;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: var(--pw-principale);
	background: transparent;
}

/* ---------- Home ---------- */

.pw-hero {
	padding: clamp(32px, 6vw, 72px) clamp(20px, 5vw, 56px);
	border-radius: var(--pw-raggio);
	background: var(--pw-principale);
	color: #fff;
	margin-bottom: 40px;
}

.pw-hero h1,
.pw-hero h2 {
	color: #fff;
	margin: 0 0 16px;
	max-width: 20ch;
}

.pw-hero p {
	max-width: 52ch;
	color: rgba(255, 255, 255, 0.82);
	font-size: 1.1rem;
}

.pw-hero .pw-occhiello {
	display: inline-block;
	font-family: var(--pw-carattere-numeri);
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pw-energia);
	margin-bottom: 14px;
}

.pw-pulsante {
	display: inline-block;
	padding: 12px 22px;
	border-radius: var(--pw-raggio);
	background: var(--pw-energia);
	color: #14181d !important;
	font-weight: 700;
	text-decoration: none !important;
	margin: 8px 10px 0 0;
}

.pw-pulsante.pw-secondario {
	background: transparent;
	color: #fff !important;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.pw-griglia {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
	margin: 24px 0 48px;
}

.pw-scheda {
	display: block;
	padding: 22px;
	border: 1px solid var(--pw-bordo);
	border-radius: var(--pw-raggio);
	background: var(--pw-sfondo);
	color: var(--pw-testo) !important;
	text-decoration: none !important;
	transition: border-color 0.15s, transform 0.15s;
}

.pw-scheda:hover {
	border-color: var(--pw-principale);
	transform: translateY(-2px);
}

.pw-scheda h3 {
	font-size: 1.15rem;
	margin: 8px 0;
}

.pw-scheda p {
	font-size: 0.95rem;
	color: var(--pw-testo-tenue);
	margin: 0;
}

.pw-etichetta {
	display: inline-block;
	font-family: var(--pw-carattere-numeri);
	font-size: 0.72rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 3px 8px;
	border-radius: 4px;
	background: var(--pw-principale-chiaro);
	color: var(--pw-principale);
}

.pw-etichetta.pw-misurato {
	background: var(--pw-energia-chiaro);
	color: #6b4a00;
}

/* Banda verso il comparatore */
.pw-banda {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px 24px;
	border: 2px solid var(--pw-principale);
	border-radius: var(--pw-raggio);
	background: var(--pw-sfondo);
	color: var(--pw-testo) !important;
	text-decoration: none !important;
	margin-bottom: 8px;
	transition: background 0.15s;
}

.pw-banda:hover {
	background: var(--pw-principale-chiaro);
}

.pw-banda-numero {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
	color: var(--pw-principale);
}

.pw-banda-testo {
	flex: 1;
	color: var(--pw-testo-tenue);
}

.pw-banda-testo strong {
	display: block;
	font-size: 1.2rem;
	color: var(--pw-testo);
}

.pw-banda-freccia {
	font-size: 1.6rem;
	color: var(--pw-principale);
}

@media (max-width: 640px) {
	.pw-banda {
		flex-wrap: wrap;
		gap: 10px 16px;
	}

	.pw-banda-freccia {
		display: none;
	}
}

/* ---------- Recensione: avviso dati d'esempio ---------- */

.pw-avviso {
	padding: 14px 18px;
	border-left: 4px solid var(--pw-energia);
	background: var(--pw-energia-chiaro);
	border-radius: 0 var(--pw-raggio) var(--pw-raggio) 0;
	font-size: 0.95rem;
}

/* Con i temi classici WordPress avvolge il contenuto dei Gruppi in un contenitore interno:
   per i nostri riquadri lo rendiamo trasparente, così griglie e margini funzionano. */
.wp-block-group[class*="pw-"] > .wp-block-group__inner-container,
.pw-per-chi .wp-block-group > .wp-block-group__inner-container,
.pw-pro-contro .wp-block-group > .wp-block-group__inner-container {
	display: contents;
}

/* ---------- Recensione: sintesi in cima ---------- */

.pw-sintesi {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 24px;
	align-items: center;
	padding: 24px;
	border: 1px solid var(--pw-bordo);
	border-radius: var(--pw-raggio);
	background: var(--pw-superficie);
	margin: 28px auto;
}

.pw-voto {
	display: grid;
	align-content: center;
	justify-items: center;
	width: 112px;
	height: 112px;
	margin: 0;
	border-radius: 50%;
	background: var(--pw-principale);
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.75rem;
	text-align: center;
	line-height: 1.1;
}

.pw-voto strong {
	display: block;
	font-family: var(--pw-carattere-numeri);
	font-size: 2.3rem;
	color: var(--pw-energia);
}

.pw-sintesi h3 {
	margin: 0 0 6px;
	font-size: 1.2rem;
}

.pw-sintesi p {
	margin: 0;
}

.pw-per-chi {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	grid-column: 1 / -1;
}

.pw-per-chi .wp-block-group {
	padding: 14px 16px;
	border-radius: var(--pw-raggio);
	background: var(--pw-sfondo);
	font-size: 0.95rem;
}

.pw-per-chi h4 {
	margin: 0 0 6px;
	font-size: 0.95rem;
}

.pw-per-chi ul {
	margin: 0 0 0 1.1em;
}

.pw-per-chi .pw-si h4 {
	color: var(--pw-pro);
}

.pw-per-chi .pw-no h4 {
	color: var(--pw-contro);
}

/* ---------- Recensione: dichiarato vs misurato (blocco Tabella con classe pw-prova) ---------- */

.pw-prova {
	margin: 20px auto 8px;
}

.pw-prova table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
	table-layout: auto;
}

.pw-prova th,
.pw-prova td {
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid var(--pw-bordo);
	text-align: left;
}

.pw-prova thead {
	border: 0;
}

.pw-prova thead th {
	font-size: 0.78rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--pw-testo-tenue);
	border-bottom: 2px solid var(--pw-testo);
}

.pw-prova td:first-child {
	font-weight: 600;
}

/* Colonne 2-4: numeri; colonna 3: misurato da noi */
.pw-prova td:nth-child(n+2) {
	font-family: var(--pw-carattere-numeri);
	white-space: nowrap;
}

.pw-prova th:nth-child(3),
.pw-prova td:nth-child(3) {
	background: var(--pw-energia-chiaro);
}

.pw-prova td:nth-child(3) {
	font-weight: 700;
}

.pw-nota {
	font-size: 0.85rem;
	color: var(--pw-testo-tenue);
}

/* ---------- Trasparenza, risposta breve, indice ---------- */

.pw-trasparenza {
	padding: 12px 16px;
	border: 1px solid var(--pw-bordo);
	border-radius: var(--pw-raggio);
	font-size: 0.9rem;
	color: var(--pw-testo-tenue);
}

.pw-trasparenza p {
	margin: 0;
}

.pw-risposta {
	padding: 18px 20px;
	border-left: 4px solid var(--pw-principale);
	border-radius: 0 var(--pw-raggio) var(--pw-raggio) 0;
	background: var(--pw-principale-chiaro);
	font-size: 1.05rem;
}

.pw-risposta p {
	margin: 0;
}

.pw-indice {
	padding: 16px 20px;
	border-radius: var(--pw-raggio);
	background: var(--pw-superficie);
	margin-top: 32px;
	margin-bottom: 32px;
	font-size: 0.95rem;
}

.pw-indice p {
	margin: 0 0 6px;
	font-weight: 700;
}

.pw-indice ol {
	margin: 0 0 0 1.3em;
}

.pw-indice a {
	text-decoration: none;
}

.pw-indice a:hover {
	text-decoration: underline;
}

h2[id] {
	scroll-margin-top: 20px;
}

/* Su telefono la tabella diventa una pila di schede */
@media (max-width: 640px) {
	.pw-prova thead {
		display: none;
	}

	.pw-prova tr {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		padding: 12px 0;
		border-bottom: 1px solid var(--pw-bordo);
	}

	.pw-prova td {
		border: 0;
		padding: 4px 8px 4px 0;
	}

	.pw-prova td:first-child {
		grid-column: 1 / -1;
		padding: 0 0 6px;
	}

	.pw-prova td:nth-child(n+2)::before {
		display: block;
		font-family: var(--pw-carattere);
		font-weight: 400;
		font-size: 0.72rem;
		text-transform: uppercase;
		color: var(--pw-testo-tenue);
	}

	.pw-prova td:nth-child(2)::before {
		content: "Dichiarato";
	}

	.pw-prova td:nth-child(3)::before {
		content: "Misurato";
	}

	.pw-prova td:nth-child(4)::before {
		content: "Differenza";
	}

	.pw-sintesi,
	.pw-per-chi {
		grid-template-columns: 1fr;
	}
}

/* ---------- Recensione: voti per categoria ---------- */

.pw-voti {
	list-style: none;
	margin: 20px auto;
	padding: 0;
}

.pw-voti li {
	display: grid;
	grid-template-columns: 11em 1fr 3em;
	gap: 14px;
	align-items: center;
	padding: 6px 0;
	font-size: 0.95rem;
}

.pw-barra {
	height: 10px;
	border-radius: 10px;
	background: var(--pw-principale-chiaro);
	overflow: hidden;
}

.pw-barra i {
	display: block;
	height: 100%;
	border-radius: 10px;
	background: var(--pw-principale);
}

/* ---------- Pro e contro ---------- */

.pw-pro-contro {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.pw-pro-contro .wp-block-group {
	padding: 18px 20px;
	border-radius: var(--pw-raggio);
	border-top: 4px solid var(--pw-pro);
	background: var(--pw-superficie);
}

.pw-pro-contro .wp-block-group + .wp-block-group {
	border-top-color: var(--pw-contro);
}

.pw-pro-contro h3 {
	margin: 0 0 8px;
	font-size: 1.05rem;
}

.pw-pro-contro ul {
	margin: 0 0 0 1.1em;
	font-size: 0.95rem;
}

@media (max-width: 640px) {
	.pw-pro-contro {
		grid-template-columns: 1fr;
	}

	.pw-voti li {
		grid-template-columns: 1fr 3em;
	}

	.pw-voti .pw-barra {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

/* ---------- Grafico della prova ---------- */

.pw-grafico {
	padding: 20px;
	border: 1px solid var(--pw-bordo);
	border-radius: var(--pw-raggio);
	margin: 24px auto;
}

.pw-grafico figcaption {
	font-size: 0.85rem;
	color: var(--pw-testo-tenue);
	margin-top: 10px;
}

.pw-grafico svg {
	width: 100%;
	height: auto;
	font-family: var(--pw-carattere-numeri);
}

.pw-grafico .asse {
	stroke: var(--pw-bordo);
}

.pw-grafico .testo-asse {
	fill: var(--pw-testo-tenue);
	font-size: 11px;
}

.pw-grafico .curva {
	fill: none;
	stroke: var(--pw-principale);
	stroke-width: 3;
}

.pw-grafico .area {
	fill: var(--pw-energia);
	opacity: 0.18;
}

.pw-grafico .punto {
	fill: var(--pw-energia);
	stroke: var(--pw-principale);
	stroke-width: 2;
}

/* ---------- Piè di pagina ---------- */

.site-info {
	background: var(--pw-principale);
	color: rgba(255, 255, 255, 0.75);
}

.pw-piede {
	font-size: 0.9rem;
	text-align: center;
}

.pw-piede p {
	margin: 0 0 8px;
}

.pw-piede a {
	color: #fff;
	text-decoration: none;
}

.pw-piede a:hover {
	color: var(--pw-energia);
}

.pw-piede-link {
	font-weight: 600;
}

.pw-piede-nota {
	max-width: 46rem;
	margin: 0 auto 8px !important;
	font-size: 0.82rem;
}

/* ---------- Box autore ---------- */

.pw-autore {
	display: flex;
	gap: 18px;
	align-items: flex-start;
	padding: 20px 22px;
	border-radius: var(--pw-raggio);
	background: var(--pw-superficie);
	margin-top: 48px;
	font-size: 0.95rem;
}

.pw-autore-icona {
	flex: none;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: var(--pw-principale);
	color: #fbf9f4;
}

.pw-autore-icona svg {
	width: 38px;
	height: 26px;
}

.pw-autore p {
	margin: 0 0 6px;
}

.pw-autore-nome {
	font-weight: 700;
}

/* ---------- Modelli dall'archivio (shortcode pw_modelli) ---------- */

.pw-modelli {
	list-style: none;
	margin: 16px auto 6px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 10px;
}

.pw-modelli li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px 14px;
	border: 1px solid var(--pw-bordo);
	border-left: 4px solid var(--pw-principale);
	border-radius: var(--pw-raggio);
	background: var(--pw-sfondo);
}

.pw-modelli a {
	font-weight: 700;
	text-decoration: none;
}

.pw-modelli .pw-num {
	font-size: 0.85rem;
	color: var(--pw-testo-tenue);
}

/* ---------- Componenti delle guide ---------- */

/* Illustrazione */
.pw-figura {
	padding: 22px;
	border-radius: var(--pw-raggio);
	background: var(--pw-principale-chiaro);
	text-align: center;
}

.pw-figura svg {
	width: 100%;
	max-width: 560px;
	height: auto;
}

.pw-figura figcaption {
	margin-top: 10px;
	font-size: 0.9rem;
	color: var(--pw-testo-tenue);
}

/* Fasce di capacità con batteria che si riempie */
.pw-fasce {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 14px;
	list-style: none;
	padding: 0;
	margin: 20px auto;
}

.pw-fasce li {
	padding: 18px;
	border: 1px solid var(--pw-bordo);
	border-radius: var(--pw-raggio);
	background: var(--pw-sfondo);
	font-size: 0.92rem;
}

.pw-fasce strong {
	display: block;
	font-family: var(--pw-carattere-numeri);
	font-size: 1.15rem;
	color: var(--pw-principale);
	margin: 10px 0 4px;
}

.pw-batteria {
	display: inline-flex;
	gap: 3px;
	padding: 4px;
	border: 2px solid var(--pw-principale);
	border-radius: 6px;
	position: relative;
}

.pw-batteria::after {
	content: "";
	position: absolute;
	right: -7px;
	top: 50%;
	width: 4px;
	height: 10px;
	margin-top: -5px;
	border-radius: 0 2px 2px 0;
	background: var(--pw-principale);
}

.pw-batteria i {
	width: 9px;
	height: 16px;
	border-radius: 2px;
	background: var(--pw-bordo);
}

.pw-batteria[data-livello="1"] i:nth-child(-n+1),
.pw-batteria[data-livello="2"] i:nth-child(-n+2),
.pw-batteria[data-livello="3"] i:nth-child(-n+3),
.pw-batteria[data-livello="4"] i:nth-child(-n+4) {
	background: var(--pw-energia);
}

/* Passi numerati */
.pw-passi {
	counter-reset: passo;
	list-style: none;
	padding: 0;
	margin: 20px auto;
}

.pw-passi li {
	counter-increment: passo;
	position: relative;
	padding: 4px 0 18px 58px;
}

.pw-passi li::before {
	content: counter(passo);
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--pw-energia);
	color: #1f2a28;
	font-family: var(--pw-carattere-numeri);
	font-weight: 700;
}

.pw-passi li:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 19px;
	top: 44px;
	bottom: 4px;
	width: 2px;
	background: var(--pw-bordo);
}

/* Esempio di calcolo in stile scontrino */
.pw-scontrino {
	max-width: 30rem !important;
	padding: 20px 24px;
	border: 2px dashed var(--pw-bordo);
	border-radius: var(--pw-raggio);
	background: #fff;
	font-family: var(--pw-carattere-numeri);
	font-size: 0.9rem;
}

.pw-scontrino p {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 6px;
}

.pw-scontrino .pw-totale {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid var(--pw-testo);
	font-weight: 700;
	font-size: 1rem;
}

.pw-scontrino .pw-titolo-scontrino {
	display: block;
	text-align: center;
	font-family: var(--pw-carattere);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 12px;
}

/* Lo sapevi? */
.pw-curiosita {
	position: relative;
	padding: 18px 20px 18px 64px;
	border-radius: var(--pw-raggio);
	background: var(--pw-energia-chiaro);
}

.pw-curiosita::before {
	content: "⚡";
	position: absolute;
	left: 18px;
	top: 16px;
	width: 32px;
	height: 32px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--pw-energia);
	font-size: 1rem;
}

.pw-curiosita p {
	margin: 0;
}

/* Checklist */
.pw-checklist {
	list-style: none;
	padding: 0;
	margin: 16px auto;
}

.pw-checklist li {
	position: relative;
	padding: 8px 0 8px 40px;
	border-bottom: 1px solid var(--pw-bordo);
}

.pw-checklist li::before {
	position: absolute;
	left: 0;
	top: 8px;
	width: 26px;
	height: 26px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	font-weight: 700;
	font-size: 0.85rem;
}

.pw-checklist .pw-si::before {
	content: "✓";
	background: #dff1e6;
	color: var(--pw-pro);
}

.pw-checklist .pw-no::before {
	content: "✗";
	background: #f6dedb;
	color: var(--pw-contro);
}

/* Respiro dopo i riquadri dentro gli articoli */
.entry-content .pw-risposta,
.entry-content .pw-figura,
.entry-content .pw-curiosita,
.entry-content .pw-scontrino,
.entry-content .pw-fasce {
	margin-bottom: 1.6em;
}

/* Copertina: serve per social, Google e elenchi; nella pagina dell'articolo ripeterebbe il titolo */
.single-post .featured-image.page-header-image-single {
	display: none;
}

/* ---------- Illustrazioni ---------- */

.pw-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: 24px;
	align-items: center;
}

.pw-hero-img {
	width: 100%;
	height: auto;
}

.pw-scheda-icona {
	display: block;
	width: 56px;
	height: 56px;
	margin-bottom: 12px;
}

@media (max-width: 860px) {
	.pw-hero {
		grid-template-columns: 1fr;
	}

	.pw-hero-img {
		order: -1;
		max-width: 360px;
		margin: -10px auto 0;
	}
}

/* ---------- Archivi (Guide, Prove, Confronti): schede in griglia ---------- */

.archive.category .site-main,
.blog .site-main {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
	align-items: start;
}

.archive.category .page-header,
.archive.category .paging-navigation,
.blog .paging-navigation {
	grid-column: 1 / -1;
}

.archive.category .site-main > article,
.blog .site-main > article {
	margin: 0;
}

.archive.category .inside-article,
.blog .inside-article {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0 0 22px;
	border: 1px solid var(--pw-bordo);
	border-radius: var(--pw-raggio);
	overflow: hidden;
	background: var(--pw-sfondo);
	transition: transform 0.15s, border-color 0.15s;
}

.archive.category .inside-article:hover,
.blog .inside-article:hover {
	transform: translateY(-3px);
	border-color: var(--pw-principale);
}

.archive.category .post-image,
.blog .post-image {
	order: -1;
	margin: 0 0 16px !important;
}

.archive.category .post-image img,
.blog .post-image img {
	display: block;
	width: 100%;
	aspect-ratio: 1200 / 630;
	object-fit: cover;
}

.archive.category .entry-header,
.archive.category .entry-summary,
.archive.category footer.entry-meta,
.blog .entry-header,
.blog .entry-summary {
	padding: 0 22px;
}

.archive.category .entry-title,
.blog .entry-title {
	font-size: 1.3rem;
}

.archive.category .entry-title a,
.blog .entry-title a {
	color: var(--pw-testo);
	text-decoration: none;
}

.archive.category .entry-summary,
.blog .entry-summary {
	font-size: 0.95rem;
	color: var(--pw-testo-tenue);
}

.archive.category footer.entry-meta {
	display: none;
}

.archive.category .page-header {
	padding: 28px 30px;
	border-radius: var(--pw-raggio);
	background: var(--pw-principale);
	color: #fff;
}

.archive.category .page-header h1 {
	color: #fff;
	margin: 0;
}

.archive.category .taxonomy-description {
	color: rgba(255, 255, 255, 0.85);
	margin-top: 8px;
}

.archive.category .taxonomy-description p {
	margin: 0;
}

.pw-batteria-piccola {
	gap: 2px;
	padding: 2px;
	border-width: 1.5px;
	border-radius: 4px;
	margin-right: 10px;
	vertical-align: -2px;
}

.pw-batteria-piccola::after {
	right: -5px;
	width: 3px;
	height: 6px;
	margin-top: -3px;
}

.pw-batteria-piccola i {
	width: 4px;
	height: 9px;
	border-radius: 1px;
}

.pw-email-contatti a {
	display: inline-block;
	padding: 16px 26px;
	border-radius: var(--pw-raggio);
	background: var(--pw-principale);
	color: #fff !important;
	font-size: 1.3rem;
	font-weight: 700;
	text-decoration: none !important;
}

/* ---------- Confronto tra modelli (shortcode pw_confronto) ---------- */

.pw-confronto-modelli {
	margin: 20px auto 8px;
}

.pw-confronto-modelli table {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
	border: 0;
	margin: 0;
	font-size: 0.95rem;
}

.pw-confronto-modelli th,
.pw-confronto-modelli td {
	padding: 10px 14px;
	border: 0;
	border-bottom: 1px solid var(--pw-bordo);
	text-align: left;
}

.pw-confronto-modelli thead th {
	vertical-align: bottom;
	background: var(--pw-superficie);
	font-size: 1rem;
}

.pw-confronto-modelli thead th a {
	display: block;
	text-decoration: none;
	margin-bottom: 4px;
}

.pw-confronto-modelli tbody th {
	font-weight: 600;
	color: var(--pw-testo-tenue);
	white-space: nowrap;
}

.pw-confronto-modelli tr.pw-diverso td {
	background: var(--pw-energia-chiaro);
}

.pw-etichetta.pw-fuori {
	background: #f6dedb;
	color: var(--pw-contro);
}

/* ---------- Dati aperti ---------- */

.pw-download .pw-pulsante {
	margin: 6px 10px 6px 0;
}

.pw-pulsante.pw-pulsante-chiaro {
	background: var(--pw-principale-chiaro);
	color: var(--pw-principale) !important;
}

.pw-campi {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	font-size: 0.92rem;
}

.pw-campi th,
.pw-campi td {
	padding: 9px 12px;
	border: 0;
	border-bottom: 1px solid var(--pw-bordo);
	text-align: left;
	vertical-align: top;
}

.pw-campi code {
	font-family: var(--pw-carattere-numeri);
	font-size: 0.85rem;
	background: var(--pw-superficie);
	padding: 1px 5px;
	border-radius: 4px;
}