/* MK Theme — footer-default.css
   Loaded only when Elementor Pro is NOT handling the footer location.
   v0.2.1: Section-based footer with 0–3 content columns + copyright bar. */

/* ── Base footer ─────────────────────────────────────── */

.mk-site-footer {
	margin-top: var(--mk-space-xl);
	border-top: 1px solid var(--mk-color-border);
	background: var(--mk-footer-bg);
	color: var(--mk-footer-text);
}

.mk-site-footer--contained .mk-site-footer__inner {
	max-width: var(--mk-wide-width);
	margin-inline: auto;
}

.mk-site-footer__inner {
	padding: var(--mk-space-lg) var(--mk-space-md);
}

/* ── Content sections (grid) ─────────────────────────── */

.mk-footer__sections {
	display: grid;
	gap: var(--mk-space-lg);
	margin-bottom: var(--mk-space-lg);
}

.mk-footer__sections--1 { grid-template-columns: 1fr; }
.mk-footer__sections--2 { grid-template-columns: 1fr 1fr; }
.mk-footer__sections--3 { grid-template-columns: 1fr 1fr 1fr; }

.mk-footer__section {
	min-width: 0;
}

/* Basic typography inside section content. */
.mk-footer__section a {
	color: var(--mk-color-accent);
}

.mk-footer__section p:last-child {
	margin-bottom: 0;
}

/* Footer Widgets placement. */
.mk-footer-widgets {
	margin-bottom: var(--mk-space-lg);
}

.mk-footer-widgets .mk-widget {
	margin: 0 0 var(--mk-space-md);
}

.mk-footer-widgets .mk-widget:last-child {
	margin-bottom: 0;
}

.mk-footer-widgets .mk-widget__title {
	margin: 0 0 var(--mk-space-sm);
	color: var(--mk-footer-text);
	font-size: 1rem;
}

/* ── Copyright bar (bottom area) ─────────────────────── */

.mk-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--mk-space-md);
	padding-top: var(--mk-space-md);
	border-top: 1px solid var(--mk-color-border);
}

/* When sections exist, bottom has top border. Without sections,
   use the footer's own top border only. */
.mk-site-footer__inner > .mk-footer__bottom:first-child {
	border-top: none;
	padding-top: 0;
}

.mk-footer__branding {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.mk-site-footer__title {
	font-weight: 700;
	color: var(--mk-footer-text);
}

.mk-site-footer__tagline {
	font-size: 0.875rem;
	color: var(--mk-color-muted);
}

/* ── Footer nav ──────────────────────────────────────── */

.mk-footer-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mk-space-md);
	list-style: none;
	margin: 0;
	padding: 0;
}

.mk-footer-nav__list a {
	color: var(--mk-footer-text);
	text-decoration: none;
}

.mk-footer-nav__list a:hover,
.mk-footer-nav__list a:focus {
	color: var(--mk-color-accent);
}

.mk-site-footer .mk-social-links {
	--mk-social-link-color: var(--mk-footer-text);
	--mk-social-link-hover: var(--mk-color-accent);
}

/* ── Copyright text ──────────────────────────────────── */

.mk-footer__copyright {
	margin: 0;
	font-size: 0.875rem;
	color: var(--mk-color-muted);
}

/* ── Mobile ──────────────────────────────────────────── */

@media (max-width: 768px) {
	.mk-footer__sections--2,
	.mk-footer__sections--3 {
		grid-template-columns: 1fr;
	}

	.mk-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}