/*
Theme Name: Foro
Theme URI: https://studiolegaletodaro.it
Author: Ste
Description: Tema a blocchi (FSE) per studi legali. Tipografia ispirata alle epigrafi romane, palette inchiostro e ceralacca, margini "uso bollo". Richiede WordPress 6.5+.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foro
Tags: block-theme, full-site-editing, one-column, custom-colors, custom-logo
*/

/* ---------------------------------------------------------------
   Firma visiva: margine "uso bollo"
   Doppia riga verticale come sulla carta protocollo degli atti.
   --------------------------------------------------------------- */
.uso-bollo {
	position: relative;
	padding-left: calc(var(--wp--preset--spacing--40) + 14px) !important;
}
.uso-bollo::before {
	content: "";
	position: absolute;
	top: 0.35em;
	bottom: 0.35em;
	left: 0;
	width: 8px;
	border-left: 1px solid var(--wp--preset--color--ceralacca);
	border-right: 1px solid var(--wp--preset--color--ceralacca);
	opacity: 0.85;
}

/* Etichetta "protocollo": occhiello maiuscolo spaziato */
.protocollo {
	font-family: var(--wp--preset--font-family--utility);
	font-size: 0.78rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ceralacca);
}

/* Titoli display: le maiuscole di Marcellus respirano meglio spaziate */
h1, h2, .wp-block-post-title {
	letter-spacing: 0.015em;
	text-wrap: balance;
}

/* Link: sottolineatura sottile, distanziata, color ceralacca all'hover */
.wp-block-post-content a,
.wp-block-paragraph a {
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color .15s ease;
}
.wp-block-post-content a:hover,
.wp-block-paragraph a:hover {
	color: var(--wp--preset--color--ceralacca);
}

/* Card aree di attività: bordo carta, niente ombre plastiche */
.area-card {
	border: 1px solid var(--wp--preset--color--riga);
	background: var(--wp--preset--color--base);
	transition: border-color .15s ease;
}
.area-card:hover {
	border-color: var(--wp--preset--color--ceralacca);
}
.area-card h3 {
	font-size: 1.35rem;
}

/* Separatore breve stile "timbro" */
.wp-block-separator.sigillo {
	width: 56px;
	border: none;
	border-top: 2px solid var(--wp--preset--color--ceralacca);
	margin-left: 0;
}

/* Header: riga sottile sotto, come intestazione d'atto */
.site-header {
	border-bottom: 1px solid var(--wp--preset--color--riga);
}

/* Footer */
.site-footer {
	border-top: 1px solid var(--wp--preset--color--riga);
}
.site-footer a { text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

/* Focus visibile per accessibilità */
a:focus-visible, button:focus-visible, .wp-block-button__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--ceralacca);
	outline-offset: 2px;
}

/* Motion ridotta */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}