/*
 * Abello Restyling — footer ("l'insegna" in fondo alla pagina).
 * Markup in footer.php del tema di restyling. Solo variabili di tokens.css.
 */
.footer-content.abello-footer {
	margin-top: var(--ab-section);
	padding: var(--ab-space-9) var(--ab-gutter) var(--ab-space-5) !important;
	background: var(--ab-color-dark) !important;
	color: var(--ab-color-on-dark-muted) !important;
	box-shadow: inset 0 var(--ab-border-hair) 0 var(--ab-color-accent-on-dark);
	font-size: var(--ab-text-ui);
	line-height: var(--ab-leading-text);
	/* il .wrapper del genitore ha un margine interno laterale: il footer va a tutta larghezza */
	margin-left: var(--ab-bleed);
	margin-right: var(--ab-bleed);
}
/* la Storia finisce con una fascia verde a tutta larghezza: il footer la segue senza spazio */
.abello-page-storia .footer-content.abello-footer { margin-top: 0; }

.abello-footer__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	gap: var(--ab-space-7) var(--ab-space-6);
	max-width: var(--ab-width-wide);
	margin: 0 auto;
}
/* logo a colori nel medaglione, come nella nav: l'etichetta pende dal bordo superiore del footer */
.abello-footer__logo { display: block; width: fit-content; margin-top: calc(-1 * var(--ab-space-9)); }
.abello-footer__logo img {
	display: block;
	width: auto;
	height: var(--ab-logo-h);
	padding: var(--ab-medal-pad);
	background-color: var(--ab-color-bg);
	border-radius: var(--ab-medal-radius);
	box-shadow: 0 0 0 var(--ab-border-hair) var(--ab-color-accent-on-dark), var(--ab-shadow-medal);
}
.abello-footer__claim {
	margin: var(--ab-space-4) 0 0;
	max-width: var(--ab-measure-short);
	font-family: var(--ab-font-display);
	font-size: var(--ab-text-2xl);
	font-weight: var(--ab-weight-medium);
	line-height: var(--ab-leading-title);
	color: var(--ab-color-on-dark);
}
.abello-footer__title {
	margin: 0 0 var(--ab-space-4);
	padding-bottom: var(--ab-space-3);
	border-bottom: var(--ab-border-hair) solid var(--ab-color-accent-on-dark);
	font-family: var(--ab-font-text);
	font-size: var(--ab-text-ui);
	font-weight: var(--ab-weight-semibold);
	letter-spacing: normal;
	color: var(--ab-color-on-dark);
}
.abello-footer__address { margin: 0 0 var(--ab-space-3); font-style: normal; color: var(--ab-color-on-dark); }
.abello-footer__list { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--ab-space-2); }
.abello-footer__list li { margin: 0; padding: 0; font-size: inherit; line-height: var(--ab-leading-snug); }
.abello-footer a {
	color: var(--ab-color-on-dark-muted);
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, var(--ab-color-accent-on-dark) 60%, transparent);
	text-underline-offset: var(--ab-underline-offset);
}
.abello-footer a:hover,
.abello-footer a:focus-visible { color: var(--ab-color-on-dark); text-decoration-color: currentColor; }
.abello-footer :focus-visible { outline-color: var(--ab-color-focus-on-dark); }
.abello-footer__list .current-menu-item > a { color: var(--ab-color-accent-on-dark); }

.abello-footer__widgets { grid-column: 1 / -1; }

.abello-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--ab-space-3);
	max-width: var(--ab-width-wide);
	margin: var(--ab-space-8) auto 0;
	padding-top: var(--ab-space-4);
	border-top: var(--ab-border-hair) solid color-mix(in srgb, var(--ab-color-on-dark-muted) 25%, transparent);
	font-size: var(--ab-text-sm);
}
.abello-footer__bottom p { margin: 0; font-size: inherit; }

@media (max-width: 1024px) {
	.abello-footer__inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.abello-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 781.98px) {
	.footer-content.abello-footer { padding-top: var(--ab-space-8) !important; }
	.abello-footer__logo { margin-top: calc(-1 * var(--ab-space-8)); }
	.abello-footer__logo img { height: var(--ab-logo-h-mobile); padding: var(--ab-medal-pad-compact); }
	.abello-footer__inner { grid-template-columns: minmax(0, 1fr); gap: var(--ab-space-6); }
	.abello-footer__list a { display: inline-block; padding: var(--ab-space-1) 0; }
}
