/* ============================================================
   SISS Theme — footer.css
   Footer compatto: brand + utility links + legal row unica.
   ============================================================ */
.site-footer {
	background: var(--color-primary);
	color: var(--color-white);
	padding: var(--space-5) 0 var(--space-3);
	margin-top: 0;
}
.site-footer a {
	color: var(--color-white);
	opacity: .85;
	transition: opacity .15s ease;
	text-decoration: none;
}
.site-footer a:hover,
.site-footer a:focus {
	opacity: 1;
	color: var(--color-white);
	text-decoration: underline;
}
/* ---------- Fascia principale: brand a sinistra, utility a destra ---------- */
.site-footer__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-4);
	padding-bottom: var(--space-4);
	border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.site-footer__brand {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	min-width: 0;
}
.site-footer__logo { line-height: 0; flex-shrink: 0; }
.site-footer__logo svg {
	height: 38px;
	width: auto;
	display: block;
}
.site-footer svg #black-line-art { fill: white; }
.site-footer svg #red-circle circle { opacity: .85; }
.site-footer__tagline {
	margin: 0;
	font-size: .95rem;
	opacity: .85;
	line-height: 1.3;
}
/* ---------- Utility links: riga orizzontale ---------- */
.site-footer__utility-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
}
.site-footer__utility-list a {
	font-weight: 500;
	font-size: .95rem;
	padding-block: .25rem;
}
/* ---------- Legal row: unica riga muted in basso ---------- */
.site-footer__legal-row {
	margin-top: var(--space-3);
}
.site-footer__legal {
	margin: 0;
	font-size: .8rem;
	opacity: .65;
	line-height: 1.6;
	display: flex;
	flex-wrap: wrap;
	gap: .35rem .6rem;
	align-items: baseline;
}
.site-footer__sep {
	opacity: .55;
}
/* ---------- Riga credito realizzazione (piccola e muted come la riga legale) ---------- */
.site-footer__credit {
	margin: var(--space-2) 0 0;
	font-size: .8rem;
	opacity: .65;
	line-height: 1.6;
}
.site-footer__credit a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
/* ---------- Responsive ---------- */
@media (max-width: 700px) {
	.site-footer__inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.site-footer__brand { gap: var(--space-2); }
	.site-footer__utility-list { gap: var(--space-3); }
}