/* =============================================================
   Footer — 4-column layout (LED footer markup in #main-footer)
   ============================================================= */

/* --- Outer wrapper --- */
html body #main-footer .led-footer {
	padding: var(--space-12) 0 0;
	background-color: var(--color-bg-footer);
	color: var(--color-text);
}

/* --- Before-footer content area --- */
html body #main-footer .led-footer__before {
	padding: var(--space-8) 0;
	font-size: var(--font-size-md);
	line-height: var(--line-height-relaxed);
	color: var(--color-text-muted);
	text-align: center;
}

html body #main-footer .led-footer p:last-child,
html body #main-footer .led-footer__before p:last-child {
	margin-bottom: 0;
}

/* --- Separators --- */
html body #main-footer .led-footer__separator {
	border: none;
	border-top: var(--border-width) solid var(--color-border);
	margin: 0;
}

/* --- Shared layout width (columns + copyright bar) --- */
html body #main-footer .led-footer__layout {
	box-sizing: border-box;
	width: 95%;
	max-width: 1368px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

/* --- 4-column grid --- */
html body #main-footer .led-footer__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr) 1.2fr;
	gap: var(--space-10);
	padding-top: var(--space-10);
	padding-bottom: var(--space-10);
}

/* --- Column heading --- */
html body #main-footer .led-footer__heading {
	margin: 0 0 var(--space-4);
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--letter-spacing-wider);
	text-transform: uppercase;
	color: inherit;
}

/* --- Nav menu column --- */
html body #main-footer .led-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

html body #main-footer .led-footer-menu li {
	margin: 0 0 var(--space-2);
}

html body #main-footer .led-footer-menu li:last-child {
	margin-bottom: 0;
}

html body #main-footer a.led-footer__menu-link {
	display: block;
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	color: var(--color-link);
}

/* --- Address column --- */
html body #main-footer .led-footer__address {
	font-style: normal;
}

html body #main-footer .led-footer__address-section + .led-footer__address-section {
	margin-top: var(--space-6);
}

html body #main-footer .led-footer__address-line {
	display: block;
	margin: 0 0 var(--space-1);
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	color: var(--color-text);
}

html body #main-footer a.led-footer__address-line,
html body #main-footer a.led-footer__menu-link {
	text-decoration: none;
	opacity: 1;
	transition: opacity var(--transition-base);
}

html body #main-footer a.led-footer__address-line:hover,
html body #main-footer a.led-footer__address-line:focus,
html body #main-footer a.led-footer__menu-link:hover,
html body #main-footer a.led-footer__menu-link:focus {
	color: var(--color-link);
	opacity: 0.8;
	text-decoration: underline;
}

html body #main-footer a.led-footer__address-line--phone::before {
	content: '\260E\00A0';
}

/* --- Social column --- */
html body #main-footer .led-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

html body #main-footer .led-footer-social__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: var(--border-radius-full);
	font-size: var(--font-size-lg);
	color: inherit;
	opacity: 1;
	transition: opacity var(--transition-base);
	text-decoration: none;
}

html body #main-footer .led-footer-social__link--text {
	width: auto;
	height: auto;
	min-height: 2rem;
	padding: 0 var(--space-1);
	border-radius: var(--border-radius-sm);
}

html body #main-footer .led-footer-social__link:hover {
	opacity: 0.8;
}

html body #main-footer .led-footer-social__label {
	font-size: var(--font-size-sm);
	line-height: var(--line-height-base);
}

html body #main-footer .led-footer-payments {
	margin-top: var(--space-6);
}

html body #main-footer .led-footer__col--social .led-footer-payments:first-child {
	margin-top: 0;
}

html body #main-footer .led-footer-payments__icons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	align-items: center;
}

html body #main-footer .led-footer-payments__icon {
	display: block;
	width: 54px;
	height: 35px;
	flex: 0 0 auto;
	object-fit: contain;
	opacity: 1;
	transition: opacity var(--transition-base);
}

html body #main-footer .led-footer-payments__icon:hover {
	opacity: 0.8;
}

/* --- Copyright bar --- */
html body #main-footer .led-footer__bottom {
	padding: var(--space-4) 0;
}

html body #main-footer .led-footer__bottom-inner {
	float: none;
	clear: both;
}

html body #main-footer .led-footer__copyright {
	margin: 0;
	font-size: var(--font-size-sm);
	text-align: left;
	opacity: 0.7;
	color: var(--color-text);
}

/* --- Responsive --- */
@media (max-width: 980px) {
	html body #main-footer .led-footer__inner {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-8);
	}
}

@media (max-width: 580px) {
	html body #main-footer .led-footer__inner {
		grid-template-columns: 1fr;
		gap: var(--space-6);
	}

	html body #main-footer .led-footer-social img {
		width: 26px;
		height: 26px;
	}

	html body #main-footer .led-footer-payments__icon {
		width: 48px;
		height: 31px;
	}

	html body #main-footer .led-footer-social {
		gap: var(--space-2);
	}
}