/**
 * Box review spostato in cima alla sidebar (single post con review attiva)
 * + override per singolo "stile" articolo del tema (indipendenti dalla review).
 */

/* ==========================================================================
   Stile 7 ("Recensione" nel picker rinominato) — override puntuali.
   Selettori replicati identici a quelli del tema (stessa specificità,
   definiti in templates/single-styles/style-7.css) + !important dove serve
   vincere indipendentemente dall'ordine di enqueue.
   ========================================================================== */

/* Altezza fissa dell'header con immagine, uguale su ogni breakpoint (il tema
   di suo la riduce da 57rem a 17rem stringendo lo schermo: qui resta 25rem
   ovunque, per scelta esplicita dell'utente). */
.post_header_wrap_style_style-7.post_header_wrap_in_header.with_featured_image {
	min-height: 25rem !important;
}

/* Rete di sicurezza: se un blocco review resta nel corpo dell'articolo
   (filtro trx_addons non intercettato), nascondilo. */
.single-post .post_content .trx_addons_reviews_block {
	display: none;
}

/* Il box nella sidebar (e la sua copia per schermi piccoli, .kep-review-mobile). */
.kep-review-sidebar,
.kep-review-mobile {
	margin-bottom: 2em;
}

.kep-review-sidebar .trx_addons_reviews_block,
.kep-review-mobile .trx_addons_reviews_block {
	display: block;
}

/* Colonna stretta: pro e contro impilati invece che affiancati. */
.kep-review-sidebar .trx_addons_reviews_block_pn,
.kep-review-mobile .trx_addons_reviews_block_pn {
	display: block;
}

.kep-review-sidebar .trx_addons_reviews_block_positives,
.kep-review-sidebar .trx_addons_reviews_block_negatives,
.kep-review-mobile .trx_addons_reviews_block_positives,
.kep-review-mobile .trx_addons_reviews_block_negatives {
	width: 100%;
	margin-bottom: 1em;
}

/* Voto e giudizio in verticale, a tutta larghezza della sidebar. */
.kep-review-sidebar .trx_addons_reviews_block_info,
.kep-review-mobile .trx_addons_reviews_block_info {
	display: block;
}

/* Cerchio del voto centrato nella colonna (forzato sulle regole del tema). */
.kep-review-sidebar .trx_addons_reviews_block_detailed .trx_addons_reviews_block_mark_wrap,
.kep-review-sidebar .trx_addons_reviews_block_mark_wrap,
.kep-review-mobile .trx_addons_reviews_block_detailed .trx_addons_reviews_block_mark_wrap,
.kep-review-mobile .trx_addons_reviews_block_mark_wrap {
	display: block !important;
	float: none !important;
	width: 100% !important;
	margin: 0 0 1em !important;
	text-align: center !important;
}

.kep-review-sidebar .trx_addons_reviews_block_mark,
.kep-review-mobile .trx_addons_reviews_block_mark {
	margin-left: auto;
	margin-right: auto;
}

/* Blocco originale trx_addons: nascosto SOLO quando il sostitutivo è pronto
   (classe aggiunta via JS; senza JS resta visibile l'originale). */
.kep-review-sidebar .trx_addons_reviews_block_mark.kep-mark-replaced,
.kep-review-mobile .trx_addons_reviews_block_mark.kep-mark-replaced {
	display: none;
}

/* Cerchio sostitutivo del plugin: centrato e grande (forzato sul tema). */
.kep-review-sidebar .kep-review-mark,
.kep-review-mobile .kep-review-mark {
	position: relative !important;
	display: block !important;
	float: none !important;
	width: 130px !important;
	height: 130px !important;
	margin: 0 auto 1em !important;
}

.kep-review-sidebar .kep-review-mark canvas,
.kep-review-mobile .kep-review-mark canvas {
	display: block !important;
	width: 130px !important;
	height: 130px !important;
	max-width: none !important;
}

.kep-review-mark-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.kep-review-mark-value {
	font-size: 2.4em;
	font-weight: 700;
	line-height: 1.1;
}

.kep-review-mark-text {
	font-size: 0.65em;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.7;
}

/* Giudizio: piena larghezza, testo a sinistra (forzato sul tema). */
.kep-review-sidebar .trx_addons_reviews_block_detailed .trx_addons_reviews_block_summary,
.kep-review-sidebar .trx_addons_reviews_block_summary,
.kep-review-mobile .trx_addons_reviews_block_detailed .trx_addons_reviews_block_summary,
.kep-review-mobile .trx_addons_reviews_block_summary {
	font-size: 1.07rem !important;
	line-height: 1.733em !important;
	letter-spacing: 0 !important;
	width: 100% !important;
	text-align: left !important;
}


/* ==========================================================================
   Sottotitolo dell'articolo.
   Serve l'aspetto che avevano i vecchi sottotitoli — tutto maiuscolo e in
   grassetto — ma quelli lo ottenevano scrivendo le lettere Unicode in
   grassetto matematico (𝗟 al posto di L). Non sono lettere: non si cercano,
   non si copiano, i motori non ci leggono parole e i lettori di schermo le
   sillabano una a una. Stesso risultato a schermo, qui, lasciando nel
   database lettere vere.
   Selettore identico a quello del tema (skins/default/css/style.css:10881),
   che imposta font-weight: normal: da qui !important, come nel resto del file.
   ========================================================================== */
.post_header_wrap .post_header .post_subtitle {
	text-transform: uppercase !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	line-height: 1.6em;
}


/* ==========================================================================
   Voto su schermi piccoli.
   Sotto i 1024px il tema sposta la sidebar in fondo alla pagina
   (sidebar_small_screen_below, skins/default/css/__responsive-full.css):
   lì si mostra la copia in cima all'articolo e si nasconde quella in sidebar.
   ========================================================================== */
.kep-review-mobile {
	display: none;
}

@media (max-width: 1023px) {
	.kep-review-mobile {
		display: block;
		margin: 0 0 2em;
		padding-bottom: 1.5em;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	/* Vince sulla "rete di sicurezza" che nasconde i blocchi review nel corpo. */
	.single-post .post_content .kep-review-mobile .trx_addons_reviews_block {
		display: block;
	}
	.kep-review-sidebar {
		display: none;
	}
}