/* Site Footer Styles */

.upjau-site-footer {
	--upjau-footer-heading-size: 1.25rem;
	--upjau-footer-copy-size: 1rem;
	--upjau-footer-fine-size: 0.9375rem;
	--upjau-footer-copy-line-height: 1.625;
}

.upjau-site-footer .wp-block-heading.has-xl-font-size {
	font-size: var(--upjau-footer-heading-size) !important;
	line-height: 1.3;
}

.upjau-site-footer .wp-block-column:first-child > p,
.upjau-site-footer .has-sm-font-size {
	font-size: var(--upjau-footer-copy-size) !important;
	line-height: var(--upjau-footer-copy-line-height);
}

.upjau-site-footer .has-text-align-center.has-sm-font-size {
	font-size: var(--upjau-footer-fine-size) !important;
	line-height: 1.5;
}

.upjau-site-footer .wp-block-social-links {
	margin-top: var(--wp--preset--spacing--2);
}

/* Base link styling for footer */
.upjau-site-footer a {
	color: var(--wp--preset--color--muted);
}

.upjau-site-footer a:hover,
.upjau-site-footer a:focus-visible {
	color: var(--wp--preset--color--leaf);
}

.upjau-site-footer .wp-block-social-links a:hover,
.upjau-site-footer .wp-block-social-links a:focus-visible {
	text-decoration: none;
}

/* ============================================
   Footer Cities Navigation - Inline with separators
   ============================================ */
.upjau-footer-cities {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.upjau-footer-cities .wp-block-navigation {
	gap: 0;
}

.upjau-footer-cities .wp-block-navigation__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 0 !important;
	row-gap: var(--wp--preset--spacing--1);
	min-width: 0;
}

.upjau-footer-cities .wp-block-navigation-item {
	position: relative;
	min-width: 0;
}

.upjau-footer-cities .wp-block-navigation-item::after {
	content: "|";
	color: var(--wp--preset--color--leaf);
	margin-left: var(--wp--preset--spacing--1);
	margin-right: var(--wp--preset--spacing--1);
	font-weight: 400;
}

.upjau-footer-cities .wp-block-navigation-item:last-child::after {
	display: none;
}

.upjau-footer-cities .wp-block-navigation-item__content {
	color: var(--wp--preset--color--leaf) !important;
	font-size: var(--upjau-footer-copy-size) !important;
	font-weight: 400 !important;
	line-height: 1.5;
	letter-spacing: 0;
	text-decoration: none !important;
	padding: 0 !important;
	background: transparent !important;
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.upjau-footer-cities .wp-block-navigation-item__content:hover,
.upjau-footer-cities .wp-block-navigation-item__content:focus-visible {
	text-decoration: underline !important;
	color: var(--wp--preset--color--forest) !important;
	background: transparent !important;
}

/* Override global navigation block pill padding/hover for footer city links */
.upjau-footer-cities .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content {
	padding: var(--wp--preset--spacing--1) 0 !important;
	border-radius: var(--radius-sm);
	background: transparent !important;
}

.upjau-footer-cities .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content:hover,
.upjau-footer-cities .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content:focus-visible {
	background: transparent !important;
}

/* ============================================
   Footer Menu Columns - Vertical navigation
   ============================================ */
.upjau-footer-menu .wp-block-navigation {
	gap: 0;
}

.upjau-footer-menu .wp-block-navigation__container {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--2) !important;
	align-items: flex-start;
}

.upjau-footer-menu .wp-block-navigation-item {
	margin: 0;
}

.upjau-footer-menu .wp-block-navigation-item__content {
	color: var(--wp--preset--color--muted) !important;
	font-size: var(--upjau-footer-copy-size) !important;
	font-weight: 400 !important;
	line-height: 1.5;
	letter-spacing: 0;
	text-decoration: none !important;
	padding: 0 !important;
	background: transparent !important;
}

.upjau-footer-menu .wp-block-navigation-item__content:hover,
.upjau-footer-menu .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--leaf) !important;
	text-decoration: underline !important;
	background: transparent !important;
}

/* Override global navigation block hover backgrounds for footer menus */
.upjau-footer-menu .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content:hover,
.upjau-footer-menu .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content:focus-visible {
	background: transparent !important;
}

/* ============================================
   Footer Column Responsive Adjustments
   ============================================ */
@media (max-width: 781px) {
	.upjau-footer-cities .wp-block-navigation-item__content {
		font-size: 0.875rem !important;
		line-height: 1.4;
	}

	.upjau-site-footer .wp-block-columns {
		gap: var(--wp--preset--spacing--8);
	}

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

@media (min-width: 782px) and (max-width: 1024px) {
	.upjau-site-footer .wp-block-columns {
		flex-wrap: wrap;
	}

	.upjau-site-footer .wp-block-column:first-child {
		flex-basis: 100% !important;
		margin-bottom: var(--wp--preset--spacing--6);
	}

	.upjau-site-footer .wp-block-column:not(:first-child) {
		flex-basis: calc(33.33% - var(--wp--preset--spacing--8)) !important;
	}
}