/* CSS minimo: solo ciò che theme.json non esprime. */

/* Sezione scura: fondo carbone, testo sabbia, link e bottoni coerenti. */
.is-style-scuro {
	background-color: var(--wp--preset--color--carbone);
	color: var(--wp--preset--color--sabbia);
}
.is-style-scuro :where(h1, h2, h3, h4, p, li) {
	color: inherit;
}
.is-style-scuro .wp-element-button:hover,
.is-style-scuro .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--sabbia);
	color: var(--wp--preset--color--carbone);
}

/* Liste del footer senza pallini. */
footer.is-style-scuro .wp-block-list {
	list-style: none;
	padding-left: 0;
}
footer.is-style-scuro .wp-block-list li + li {
	margin-top: 0.4rem;
}

/* Card: fondo bianco con bordo sottile. */
.is-style-card {
	background-color: var(--wp--preset--color--bianco);
	border: 1px solid var(--wp--preset--color--linea);
	padding: var(--wp--preset--spacing--40);
}

/* Bottone a contorno. */
.wp-block-button.is-style-contorno .wp-block-button__link {
	background: transparent;
	color: currentColor;
	box-shadow: inset 0 0 0 2px currentColor;
}
.wp-block-button.is-style-contorno .wp-block-button__link:hover {
	background: var(--wp--preset--color--carbone);
	color: var(--wp--preset--color--sabbia);
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--carbone);
}

/* Occhiello: etichetta maiuscola sopra i titoli. */
.is-style-occhiello {
	font-family: var(--wp--preset--font-family--testo) !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase;
	color: var(--wp--preset--color--pietra);
}
.is-style-scuro .is-style-occhiello {
	color: #B9AF9F;
}

/* Schede articolo nel blog. */
.swp-scheda {
	overflow: hidden;
}
.swp-scheda .wp-block-post-featured-image {
	margin: 0;
	width: 100%;
}
.swp-scheda .wp-block-post-featured-image img {
	display: block;
}
.swp-scheda .wp-block-post-date {
	margin-top: auto;
}
.swp-categoria {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--pietra);
}
.swp-categoria a {
	text-decoration: none;
}
.swp-scheda .wp-block-post-title a {
	text-decoration: none;
}
.swp-scheda .wp-block-post-title a:hover {
	text-decoration: underline;
}

/* Numero grande nei confronti (50 → 35). */
.swp-numero {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 0.9;
}

/* Simbolo <•> decorativo tagliato dal bordo delle sezioni. */
.swp-simbolo-deco {
	position: relative;
	overflow: hidden;
}
.swp-simbolo-deco::after {
	content: "";
	position: absolute;
	right: -6rem;
	bottom: -2rem;
	width: 26rem;
	height: 17.5rem;
	background: url("../images/simbolo-deco.svg") no-repeat center / contain;
	pointer-events: none;
}
.swp-simbolo-deco > * {
	position: relative;
	z-index: 1;
}
@media (max-width: 781px) {
	.swp-simbolo-deco::after {
		width: 14rem;
		height: 9.5rem;
		right: -4rem;
		opacity: 0.6;
	}
}