/**
 * Custom footer styles.
 *
 * Single responsive footer that reproduces the current (Customizer) footer
 * look, but rendered ONCE instead of Neve's duplicated desktop/mobile output.
 *
 * The palette and the top-row treatment are ported from the live Customizer
 * settings so nothing is lost:
 *   - Top row:    base #dbe4e3 (--nv-light-bg) + COLOUR-BODY-2.png circles image
 *   - Main/bottom: white (--nv-site-bg)
 * Neve's CSS custom properties are used first, with the real hex values as
 * fallbacks in case the vars aren't present.
 *
 * Self-contained: delete this file + inc/custom-footer.php to fully revert.
 */

.udk-footer {
	font-family: inherit;
}

.udk-footer a {
	text-decoration: none;
	color: inherit;
}

.udk-footer a:hover,
.udk-footer a:focus {
	text-decoration: underline;
}

.udk-footer .wp-block-heading,
.udk-footer .widget-title {
	color: inherit;
	margin: 0 0 0.6em;
}

.udk-footer p {
	margin: 0 0 0.4em;
}

/* Row backgrounds span full width; inner content is constrained. ---------- */

.udk-footer__inner {
	max-width: var(--container-width, 1170px);
	margin: 0 auto;
	display: grid;
	gap: 30px;
}

.udk-footer .widget-area .widget {
	margin-bottom: 20px;
}

/* Top row — green band with decorative circles, centred. ------------------ */

.udk-footer__row--top {
	background-color: var(--nv-light-bg, #dbe4e3);
	background-image: url("/wp-content/uploads/2022/08/COLOUR-BODY-2.png");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	color: #555555;
}

.udk-footer__row--top .udk-footer__inner {
	grid-template-columns: repeat(3, 1fr);
	text-align: center;
	padding: 3em 20px;
}

/* Main row — white, three columns, left aligned. -------------------------- */

.udk-footer__row--main {
	background-color: var(--nv-site-bg, #ffffff);
	color: var(--nv-text-color, #747474);
}

.udk-footer__row--main .udk-footer__inner {
	grid-template-columns: repeat(3, 1fr);
	padding: 2em 20px;
}

/* Services list */
.udk-footer__col--widget-area-5 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.udk-footer__col--widget-area-5 li {
	margin-bottom: 0.35em;
}

/* Social icons */
.udk-footer .wp-block-social-links {
	gap: 8px;
	margin-bottom: 1em;
}

.udk-footer .wp-block-social-link {
	color: #939393;
}

.udk-footer .wp-block-social-link:hover {
	color: var(--nv-secondary-accent, #879c77);
}

/* Bottom row — white, copyright bottom-left. ------------------------------ */

.udk-footer__row--bottom {
	background-color: var(--nv-site-bg, #ffffff);
	color: var(--nv-primary-accent, #4d4846);
}

.udk-footer__row--bottom .udk-footer__inner {
	grid-template-columns: 1fr;
	padding: 0 20px 2em;
}

.udk-footer__row--bottom p {
	margin: 0;
	font-size: 0.85rem;
}

/* Responsive: collapse gracefully — one DOM copy, no device duplication. --- */

@media (max-width: 960px) {
	.udk-footer__row--main .udk-footer__inner {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 600px) {
	.udk-footer__row--top .udk-footer__inner,
	.udk-footer__row--main .udk-footer__inner {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.udk-footer__row--bottom .udk-footer__inner {
		text-align: center;
	}

	.udk-footer .wp-block-social-links {
		justify-content: center;
	}
}
ontent: center;
	}
}