/*
 * Shared site-wide footer (FooterRenderer) — consumes v2-tokens.css.
 * Real text links only, no images, no icon-only links.
 */

.abostopp-site-footer {
	background: var(--as-surface-muted);
	border-top: 2px solid var(--as-border-strong);
	margin-top: 40px;
}

.abostopp-site-footer__inner {
	max-width: var(--as-maxw);
	margin: 0 auto;
	padding: 24px 24px 32px;
}

.abostopp-site-footer__company {
	margin: 0 0 16px;
	color: var(--as-text-secondary);
	font-size: 0.9rem;
	max-width: 640px;
}

.abostopp-site-footer__legal-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.abostopp-site-footer__legal-item a {
	color: var(--as-text);
	text-decoration: underline;
	font-size: 0.9rem;
	/* Comfortable touch target even though the visual link is text-only. */
	display: inline-flex;
	align-items: center;
	min-height: var(--as-touch-min);
}

.abostopp-site-footer__legal-item a:hover,
.abostopp-site-footer__legal-item a:focus-visible {
	color: var(--as-orange-ink);
}

.abostopp-legal-action {
	max-width: 720px;
	margin: 48px auto;
	padding: clamp(24px, 5vw, 48px);
	background: var(--as-surface, #fff);
	border: 1px solid var(--as-border, #dce2dc);
	border-radius: 24px;
}
.abostopp-legal-action__kicker { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: var(--as-accent, #2f7d5b); }
.abostopp-legal-action__form, .abostopp-legal-action__form fieldset { display: grid; gap: 18px; }
.abostopp-legal-action__form label { display: grid; gap: 7px; font-weight: 650; }
.abostopp-legal-action__form label:has(input[type="radio"]), .abostopp-legal-action__form label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: 7px; }
.abostopp-legal-action__form input:not([type="radio"]):not([type="checkbox"]), .abostopp-legal-action__form textarea { width: 100%; padding: 12px; border: 1px solid var(--as-border, #dce2dc); border-radius: 14px; }
.abostopp-legal-action__form button { min-height: 48px; padding: 12px 20px; border: 0; border-radius: 14px; background: var(--as-primary, #b7f36b); color: #10261f; font-weight: 800; cursor: pointer; }
.abostopp-legal-action__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.abostopp-legal-action__notice { padding: 12px; border-left: 4px solid #d96a5b; background: #fff5f2; }

.abostopp-site-footer__legal-item--pending span {
	color: var(--as-text-secondary);
	font-size: 0.9rem;
	display: inline-flex;
	align-items: center;
	min-height: var(--as-touch-min);
}

.abostopp-site-footer__legal-item--pending em {
	font-style: normal;
	font-size: 0.8rem;
}

:focus-visible {
	outline: 2px solid var(--as-focus);
	outline-offset: 2px;
}