/*
   Layout tree
   .site-footer
     nav.footer-navigation
       div.menu-menu-de-footer-container   ← WP nav wrapper; selector kept
         ul.menu
           li.menu-item
             a
     .site-info
       p
*/

/* ==========================================================================
   FOOTER 
   ========================================================================== */

	.site-footer {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
		gap: var(--space-s);

		color: var(--text-light);
		line-height: var(--line-height-condensed);
		font-family: var(--font-family-headings);
		background-color: var(--color-light-5); /* near-black branded background */

		padding: var(--space-m) var(--space-xs);
	}

/* ----- Nav menu ------ */

	.footer-navigation {
		flex: auto;
	}

/* ul.menu — WP outputs this class directly on the <ul> */
	.footer-navigation .menu {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		gap: var(--space-3xs);

		margin: 0;
		padding: 0;

		list-style: none;
	}

/* li — inline-block kept: WP/Elementor may inject floats; flex child is safer
   but inline-block acts as a reliable fallback for nav output variations */
	.footer-navigation .menu li {
		display: inline-block;
		padding: 0;
		margin: 0;
		list-style: none;
	}

/* Middle-dot separator after each menu item */
	.footer-navigation .menu li:not(:last-of-type)::after {
		content: "\00b7";
		padding-inline-start: var(--space-3xs);
		font-size: 1.5em;
		vertical-align: sub;
	}

/* Nav links */

	.footer-navigation .menu li a {
		display: inline-block;
		color: var(--text-light);
		text-shadow: var(--text-shadow-dark);
		text-decoration: none;
		font-size: var(--font-size-p);

		padding: 0;
		margin-block-end: 0;

		transform-origin: center;
		transition: transform 0.2s ease-in;
	}

	/* Hover feedback — mouse & trackpad only */
	@media (hover: hover) and (pointer: fine) {
		.footer-navigation .menu li a:hover {
			transform: scale(1.06);
			transition: transform 0.2s ease-in-out;
		}
	}

	/* Touch press feedback — mobile equivalent of hover feedback */
	@media (hover: none) and (pointer: coarse) {
		.footer-navigation .menu li a:active {
			transform: scale(1.06);
			transition: transform 0.2s ease-in-out;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.footer-navigation .menu li a:hover,
		.footer-navigation .menu li a:active {
			transition: none;
			transform: none;
		}
	}

/* ---- Social incons ------ */
	.footer-navigation .menu li svg {
		inline-size: 1.1em;
		block-size: 1.1em;
		vertical-align: top;
		fill: var(--color-light-1);
	}

/* -------- Site info / copyright ----- */
	.site-footer > .site-info p {
		color: var(--text-light);
		margin-block-end: 0;
		font-weight: var(--font-weight-bold);
		text-shadow: var(--text-shadow-dark);
		font-size: var(--font-size-sub);
	}