/**
 * KAUFLOND — Footer (Phase 5)
 *
 * WoodMart widget footer, layout 13 (3/3/2/2/2): brand column, Kategorien,
 * KAUFLOND, Kundenservice, Rechtliches, plus the copyright bar. Columns
 * collapse into WoodMart's native accordions on mobile
 * (`collapse_footer_widgets`), see responsive.css for the tap-target sizing.
 *
 * Only what is true is shown: no payment logos, no social icons, no
 * certifications. All values reference tokens.css.
 *
 * @package Kauflond
 */

.wd-footer {
	border-top: var(--kfl-border-width) solid var(--kfl-color-border);
	background: var(--kfl-color-surface-subtle);
	color: var(--kfl-color-text-secondary);
}

.wd-footer .main-footer {
	padding-block: var(--kfl-space-10) var(--kfl-space-6);
}

/* Widget titles */
.wd-footer .footer-widget .widget-title {
	margin: 0 0 var(--kfl-space-3);
	font-size: var(--kfl-font-size-sm);
	line-height: var(--kfl-line-height-snug);
	font-weight: var(--kfl-font-weight-bold);
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--kfl-color-text-primary);
}

/* Navigation columns */
.wd-footer .footer-widget .menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wd-footer .footer-widget .menu li {
	margin: 0;
}

.wd-footer .footer-widget .menu a {
	display: inline-block;
	padding: 5px 0;
	font-size: var(--kfl-font-size-sm);
	line-height: var(--kfl-line-height-snug);
	color: var(--kfl-color-text-secondary);
}

.wd-footer .footer-widget .menu a:hover,
.wd-footer .footer-widget .menu a:focus-visible {
	color: var(--kfl-color-brand-primary);
	text-decoration: underline;
}

/* Brand column */
.kfl-footer-wordmark {
	display: block;
	width: 160px;
	height: auto;
	margin-bottom: var(--kfl-space-3);
}

.wd-footer .textwidget p:has(> .kfl-footer-wordmark) {
	margin: 0;
}

.kfl-footer-claim {
	max-width: 30ch;
	margin: 0;
	font-size: var(--kfl-font-size-sm);
	line-height: var(--kfl-line-height-base);
	color: var(--kfl-color-text-secondary);
}

/* Copyright bar */
.wd-footer .wd-copyrights {
	border-top: var(--kfl-border-width) solid var(--kfl-color-border);
	padding-block: var(--kfl-space-4);
	font-size: var(--kfl-font-size-xs);
	color: var(--kfl-color-text-muted);
}

.wd-footer .wd-copyrights .wd-col-start {
	min-height: 0;
}