/* ==========================================================================
   Fix&Go Footer — styling to match screenshot
   Uses theme.json palette: primary, secondary, muted, hairline, accent, alert
   No background-color is set (left to theme/global styles).
   Scoped under the footer element selector.
   ========================================================================== */

footer {

	/* Top hairline separator */
	.wp-block-separator.has-hairline-background-color {
		background-color: var(--wp--preset--color--hairline, #0000001f) !important;
		opacity: 1;
		height: 1px;
		border: none;
	}

	/* Tagline under logo */
	.wp-block-column p.has-small-font-size {
		font-size: 13px;
		line-height: 1.5;
		color: var(--wp--preset--color--muted, #6a6a70);
		margin-top: 12px;
	}

	/* Column headings: "Esplora" / "Support" */
	.wp-block-heading {
		font-size: 13px;
		font-weight: 600;
		color: var(--wp--preset--color--primary, #000);
		text-transform: none;
		margin-bottom: 5px;
		letter-spacing: 0;
	}

	/* Menu lists (Esplora / Support) */
	ul.footer-menu-list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 0.5em;
	}

	ul.footer-menu-list li {
		font-size: 13px;
		line-height: 1.4;
		margin: 0;
		padding: 0;
	}

	ul.footer-menu-list li a {
		color: var(--wp--preset--color--muted, #6a6a70);
		text-decoration: none;
		transition: color 0.15s ease;
	}

	ul.footer-menu-list li a:hover,
	ul.footer-menu-list li a:focus-visible {
		color: var(--wp--preset--color--primary, #000);
		text-decoration: underline;
	}

	ul.footer-menu-list li a:focus-visible {
		outline: 2px solid var(--wp--preset--color--primary, #000);
		outline-offset: 2px;
	}

	/* Bottom legal row */
	.wp-block-columns:last-of-type p {
		font-size: 12px;
		color: var(--wp--preset--color--muted, #6a6a70);
		margin: 0;
	}

	.wp-block-columns:last-of-type p a {
		color: var(--wp--preset--color--muted, #6a6a70);
		text-decoration: none;
	}

	.wp-block-columns:last-of-type p a:hover,
	.wp-block-columns:last-of-type p a:focus-visible {
		color: var(--wp--preset--color--primary, #000);
		text-decoration: underline;
	}

	.wp-block-columns:last-of-type p a:focus-visible {
		outline: 2px solid var(--wp--preset--color--primary, #000);
		outline-offset: 2px;
	}

	/* Column spacing/alignment */
	.wp-block-columns {
		gap: 32px;
	}

	@media (max-width: 782px) {

		.wp-block-columns {
			flex-wrap: wrap;
		}

		.wp-block-column {
			flex-basis: 100% !important;
		}

		.wp-block-columns:last-of-type p.has-text-align-right {
			text-align: left !important;
		}
	}

}

@media (prefers-reduced-motion: reduce) {

	footer ul.footer-menu-list li a,
	footer .wp-block-columns:last-of-type p a {
		transition: none;
	}

}