/* Personalizzazioni di UP Informatica sopra il tema Kadence.
   I colori vengono dalla tavolozza del Personalizza (--global-palette1..9). */

/* Riquadri dei servizi in Home: bordo sottile che si accende al passaggio */
.wp-block-column.has-theme-palette-9-background-color {
	border: 1px solid var(--global-palette6);
	overflow: hidden;
	transition: border-color 0.2s ease, transform 0.2s ease;
}

.wp-block-column.has-theme-palette-9-background-color:hover {
	border-color: var(--global-palette1);
	transform: translateY(-2px);
}

/* Foto in cima ai riquadri: a filo dei bordi, annullando il padding di 28px */
.wp-block-column.has-theme-palette-9-background-color > .wp-block-image:first-child {
	margin: -28px -28px 20px;
}

.wp-block-column.has-theme-palette-9-background-color > .wp-block-image:first-child img {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 3;
	object-fit: cover;
}

/* Foto accanto al testo (sezione siti web) */
.wp-block-columns.are-vertically-aligned-center .wp-block-image:not(.is-resized) img {
	border-radius: 12px;
	border: 1px solid var(--global-palette6);
}

/* Sezione principale della Home: foto AI sotto una sfumatura scura,
   piu' coprente a sinistra dove sta il testo. Sostituisce il gradiente
   impostato nel blocco. */
.home .entry-content > .wp-block-group:first-child {
	background:
		linear-gradient(90deg, rgba(7, 13, 26, 0.96) 0%, rgba(7, 13, 26, 0.82) 45%, rgba(7, 13, 26, 0.35) 100%),
		url("img/hero-ai.jpg") center / cover no-repeat !important;
}

@media (max-width: 767px) {
	.home .entry-content > .wp-block-group:first-child {
		background:
			linear-gradient(rgba(7, 13, 26, 0.88), rgba(7, 13, 26, 0.88)),
			url("img/hero-ai.jpg") center / cover no-repeat !important;
	}
}

/* Menu del telefono: Kadence colora le voci con la tavolozza Base 2, che con
   i nostri colori scuri e' blu notte su blu notte. Pannello scuro, voci chiare. */
#mobile-drawer .drawer-inner {
	background: var(--global-palette8);
	color: var(--global-palette3);
}

#mobile-drawer .mobile-navigation ul li > a {
	color: var(--global-palette3);
}

#mobile-drawer .mobile-navigation ul li.current-menu-item > a,
#mobile-drawer .mobile-navigation ul li > a:hover {
	color: var(--global-palette1);
}

#mobile-drawer .drawer-header .drawer-toggle {
	color: var(--global-palette3);
}

/* Impronta SHA-256 del download: va a capo invece di uscire dallo schermo */
.entry-content code {
	overflow-wrap: anywhere;
}

/* Sfondo di tutto il sito: la rete luminosa sotto una velatura blu notte,
   ferma mentre la pagina scorre. Le sezioni senza colore proprio diventano
   trasparenti e la lasciano vedere; riquadri e fasce colorate restano pieni. */
body {
	background:
		linear-gradient(rgba(7, 13, 26, 0.45), rgba(7, 13, 26, 0.45)),
		url("img/sfondo-rete.jpg") center / cover no-repeat fixed;
}

body.content-style-unboxed .site,
.content-bg,
body.content-style-unboxed .content-bg {
	background: transparent;
}

/* Sui telefoni "fixed" non e' supportato bene: lo sfondo scorre con la pagina */
@media (max-width: 1024px) {
	body {
		background-attachment: scroll;
	}
}

/* Le fasce a tutta larghezza (titoli delle pagine, inviti finali, fasce scure)
   diventano semitrasparenti, cosi' la rete dello sfondo si vede anche li'.
   I riquadri restano pieni per la leggibilita'. */
.entry-content > .wp-block-group.has-background[style*="linear-gradient"] {
	background: linear-gradient(135deg, rgba(7, 13, 26, 0.88) 0%, rgba(11, 20, 38, 0.7) 55%, rgba(14, 58, 79, 0.45) 100%) !important;
}

.entry-content > .wp-block-group.alignfull.has-theme-palette-9-background-color {
	background-color: rgba(17, 28, 51, 0.72) !important;
}

/* La sezione principale della Home tiene la sua foto */
.home .entry-content > .wp-block-group.has-background[style*="linear-gradient"]:first-child {
	background:
		linear-gradient(90deg, rgba(7, 13, 26, 0.96) 0%, rgba(7, 13, 26, 0.82) 45%, rgba(7, 13, 26, 0.35) 100%),
		url("img/hero-ai.jpg") center / cover no-repeat !important;
}

@media (max-width: 767px) {
	.home .entry-content > .wp-block-group.has-background[style*="linear-gradient"]:first-child {
		background:
			linear-gradient(rgba(7, 13, 26, 0.88), rgba(7, 13, 26, 0.88)),
			url("img/hero-ai.jpg") center / cover no-repeat !important;
	}
}

/* Modulo di iscrizione alla newsletter (Brevo). Il modulo e' HTML semplice
   che invia i dati a Brevo: nessuno script o cookie di terze parti sul sito. */
.upv-iscrizione {
	max-width: 480px;
	margin: 32px auto 0;
}

.upv-iscrizione p {
	margin: 0 0 16px;
}

.upv-iscrizione label {
	display: block;
	margin-bottom: 6px;
	color: var(--global-palette4);
}

.upv-iscrizione input[type="text"],
.upv-iscrizione input[type="email"] {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--global-palette6);
	border-radius: 8px;
	background: var(--global-palette8);
	color: var(--global-palette3);
}

.upv-iscrizione input[type="text"]:focus,
.upv-iscrizione input[type="email"]:focus {
	outline: none;
	border-color: var(--global-palette1);
}

.upv-iscrizione .upv-consenso {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.upv-iscrizione .upv-consenso input {
	margin-top: 4px;
	accent-color: var(--global-palette1);
}

.upv-iscrizione .upv-consenso label {
	margin: 0;
	font-size: 0.9em;
}

.upv-iscrizione button {
	width: 100%;
	cursor: pointer;
}

.upv-iscrizione .upv-nota {
	font-size: 0.85em;
	color: var(--global-palette5);
	text-align: center;
}

/* Campo trappola per i bot: invisibile alle persone */
.upv-iscrizione .upv-trappola {
	position: absolute;
	left: -9999px;
}

/* Contatore delle letture in cima agli articoli */
.upv-visite {
	font-size: 0.85em;
	color: var(--global-palette5);
}