/**
 * Theme – Footer (parts/footer.html)
 *
 * @package spnkt
 */

/* =========================================================================
   1. CTA-Band (.spnkt-footer-cta)
   EN: Green call-to-action bar closing every page content before the footer.
   DE: Grünes CTA-Band als Abschluss jeder Seite vor dem Footer.
   ========================================================================= */

.spnkt-footer-cta {
	background-color: var(--wp--preset--color--primary-dark);
	box-sizing: border-box;
	padding: 36px 24px;
	width: 100%;
}

.spnkt-footer-cta .wp-block-columns {
	align-items: flex-start;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0 auto;
	max-width: var(--wp--style--global--content-size);
	width: 100%;
}

.spnkt-footer-cta .wp-block-column {
	box-sizing: border-box;
	flex-basis: auto;
	margin: 0;
	width: 100%;
}

.spnkt-footer-cta .wp-block-group.is-vertical,
.spnkt-footer-cta .wp-block-column > .wp-block-group {
	gap: 0;
}

/* Nächster Schritt – Subline */
.spnkt-footer-cta .wp-block-paragraph:first-child {
	color: var(--wp--preset--color--primary-tint);
	font-family: var(--wp--preset--font-family--base);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1;
	margin: 0 0 10px;
	text-transform: uppercase;
}

/* CTA Titel */
.spnkt-footer-cta .wp-block-heading {
	color: var(--wp--preset--color--background);
	font-family: var(--wp--preset--font-family--base);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
	margin: 0 0 20px;
}

/* CTA Button Container */
.spnkt-footer-cta .wp-block-buttons {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	width: 100%;
}

.spnkt-footer-cta .wp-block-button {
	margin: 0;
	width: 100%;
}

/* Jetzt spenden (Primary Solid Button) */
.spnkt-footer-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	align-items: center;
	background-color: var(--wp--preset--color--background);
	border: 1.5px solid transparent;
	border-radius: var(--wp--custom--border-radius--standard);
	color: var(--wp--preset--color--primary-dark);
	display: flex;
	font-family: var(--wp--preset--font-family--base);
	font-size: 14.5px;
	font-weight: 700;
	justify-content: center;
	min-height: 48px;
	padding: 13px 22px;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	width: 100%;
}

.spnkt-footer-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary-tint);
	color: var(--wp--preset--color--primary-dark);
}

/* Newsletter abonnieren (Outline Button) */
.spnkt-footer-cta .wp-block-button.is-style-outline .wp-block-button__link {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--background) 55%, transparent);
	border-radius: var(--wp--custom--border-radius--standard);
	color: var(--wp--preset--color--background);
	display: flex;
	font-family: var(--wp--preset--font-family--base);
	font-size: 14.5px;
	font-weight: 700;
	justify-content: center;
	min-height: 48px;
	padding: 13px 22px;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	width: 100%;
}

.spnkt-footer-cta .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: color-mix(in srgb, var(--wp--preset--color--background) 10%, transparent);
	border-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--background);
}

/* =========================================================================
   2. Haupt-Footer (4 Spalten – is-style-spnkt-bg-ink)
   EN: Main 4-column footer body. Stacks to 2-column grid on mobile for links.
   DE: 4-Spalten Hauptbereich. Auf Mobilgeräten 2-spaltiges Layout für Linklisten.
   ========================================================================= */

.spnkt-footer.is-style-spnkt-bg-ink {
	background-color: var(--wp--preset--color--ink);
	box-sizing: border-box;
	color: var(--wp--preset--color--footer-text);
	padding: 36px 24px;
	width: 100%;
}

/* Grid-Layout Basis: 1-spaltig bzw. 2-spaltig für Navigationslisten */
.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group,
.spnkt-footer.is-style-spnkt-bg-ink .wp-block-group.is-nowrap {
	box-sizing: border-box;
	display: grid;
	gap: 32px 28px;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto;
	max-width: var(--wp--style--global--content-size);
	width: 100%;
}

/* 1. Spalte: Absender & Kontakt (Volle Breite auf Mobil) */
.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(1) {
	display: flex;
	flex-direction: column;
	gap: 16px;
	grid-column: 1 / -1;
	width: 100%;
}

/* 2. Spalte: Die Initiative (Linke Hälfte auf Mobil) */
.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(2) {
	display: flex;
	flex-direction: column;
	gap: 13px;
	grid-column: 1;
	width: 100%;
}

/* 3. Spalte: Mitmachen (Rechte Hälfte auf Mobil) */
.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(3) {
	display: flex;
	flex-direction: column;
	gap: 13px;
	grid-column: 2;
	width: 100%;
}

/* 4. Spalte: Newsletter & Social (Volle Breite auf Mobil) */
.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(4) {
	display: flex;
	flex-direction: column;
	gap: 12px;
	grid-column: 1 / -1;
	width: 100%;
}

/* =========================================================================
   Typografie & Links im Haupt-Footer
   ========================================================================= */

.spnkt-footer.is-style-spnkt-bg-ink .wp-block-heading {
	color: var(--wp--preset--color--background);
	font-family: var(--wp--preset--font-family--base);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.spnkt-footer.is-style-spnkt-bg-ink .wp-block-paragraph {
	color: var(--wp--preset--color--footer-text);
	font-family: var(--wp--preset--font-family--base);
	font-size: 13.5px;
	line-height: 1.7;
	margin: 0;
}

.spnkt-footer.is-style-spnkt-bg-ink a {
	color: var(--wp--preset--color--footer-link);
	text-decoration: none;
	transition: color 0.2s ease;
}

.spnkt-footer.is-style-spnkt-bg-ink a:is(:hover, :focus) {
	color: var(--wp--preset--color--background);
}

.spnkt-footer.is-style-spnkt-bg-ink a[href^="mailto:"] {
	color: var(--wp--preset--color--background);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.spnkt-footer.is-style-spnkt-bg-ink a[href^="mailto:"]:hover {
	color: var(--wp--preset--color--primary-tint);
}

/* Vertikale Navigation Listen */
.spnkt-footer.is-style-spnkt-bg-ink .wp-block-navigation {
	margin: 0;
	width: 100%;
}

.spnkt-footer.is-style-spnkt-bg-ink .wp-block-navigation__container {
	display: flex;
	flex-direction: column;
	gap: 13px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.spnkt-footer.is-style-spnkt-bg-ink .wp-block-navigation-item__content {
	color: var(--wp--preset--color--footer-link);
	display: inline-block;
	font-family: var(--wp--preset--font-family--base);
	font-size: 14px;
	line-height: 1.4;
	padding: 0;
	text-decoration: none;
	transition: color 0.2s ease;
}

.spnkt-footer.is-style-spnkt-bg-ink .wp-block-navigation-item__content:is(:hover, :focus) {
	color: var(--wp--preset--color--background);
}

/*
 * Inverses Footer Logo. Begrenzt über die Höhe, nicht über eine feste Breite:
 * Die Schriftzüge sind je nach Sprache unterschiedlich breit (FR fast doppelt
 * so breit wie DE, siehe inc/logo.php). max-width fängt schmale Spalten ab.
 */
.spnkt-footer.is-style-spnkt-bg-ink .wp-block-image {
	margin: 0;
	max-width: 100%;
}

.spnkt-footer.is-style-spnkt-bg-ink .wp-block-image img {
	display: block;
	height: auto;
	max-height: 40px;
	max-width: 100%;
	width: auto;
}

/* =========================================================================
   3. FluentForm Newsletter Widget
   ========================================================================= */

.spnkt-footer .fluentform .ff-el-is-error .text-danger,
.fluentform .error.text-danger {
	color: var(--wp--preset--color--background);
}

.spnkt-footer .fluentform {
	margin: 0 0 20px;
	width: 100%;
}

.spnkt-footer .fluentform form {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.spnkt-footer .fluentform .ff-el-group,
.spnkt-footer .fluentform .ff_submit_btn_wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Vorname & Nachname Reihe (50% / 50%) */
.spnkt-footer .fluentform .ff-column-container[data-name="ff_cn_id_1"] {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 8px;
	margin: 0 0 8px;
	padding: 0;
	width: 100%;
}

.spnkt-footer .fluentform .ff-column-container[data-name="ff_cn_id_1"] .ff-t-cell {
	flex: 1 1 50%;
	flex-basis: calc(50% - 4px);
	margin: 0;
	max-width: calc(50% - 4px);
	min-width: 0;
	padding: 0;
	width: calc(50% - 4px);
}

/* E-Mail & Submit Reihe (Mobil gestapelt zu 100% untereinander) */
.spnkt-footer .fluentform .ff-column-container[data-name="ff_cn_id_2"] {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.spnkt-footer .fluentform .ff-column-container[data-name="ff_cn_id_2"] .ff-t-cell {
	flex: 1 1 100% !important;
	flex-basis: 100% !important;
	margin: 0;
	max-width: 100% !important;
	padding: 0;
	width: 100% !important;
}

/* Formulareingabefelder (Mobil: 44px) */
.spnkt-footer .fluentform .ff-el-form-control {
	background-color: var(--wp--preset--color--ink-soft);
	border: 1px solid var(--wp--preset--color--border-grey);
	border-radius: var(--wp--custom--border-radius--standard) !important;
	box-sizing: border-box;
	color: var(--wp--preset--color--background);
	display: block;
	font-family: var(--wp--preset--font-family--base);
	font-size: 13.5px;
	height: 44px;
	line-height: 1.2;
	margin: 0;
	max-height: 44px;
	min-height: 44px;
	padding: 12px 14px;
	transition: border-color 0.2s ease, background-color 0.2s ease;
	width: 100%;
}

.spnkt-footer .fluentform .ff-el-form-control::placeholder {
	color: var(--wp--preset--color--text-muted);
}

.spnkt-footer .fluentform .ff-el-form-control:focus {
	background-color: var(--wp--preset--color--ink-soft);
	border-color: var(--wp--preset--color--primary);
	outline: none;
}

/* Abonnieren Button (Mobil: 44px hoch & bündig) */
.spnkt-footer .fluentform .ff-btn-submit,
.spnkt-footer .fluentform form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit,
.spnkt-footer .fluentform button.ff-btn-submit {
	align-items: center;
	background-color: var(--wp--preset--color--primary);
	border: 1px solid transparent;
	border-radius: var(--wp--custom--border-radius--standard);
	box-sizing: border-box;
	color: var(--wp--preset--color--background);
	cursor: pointer;
	display: flex;
	font-family: var(--wp--preset--font-family--base);
	font-size: 14px;
	font-weight: 700;
	height: 44px;
	justify-content: center;
	line-height: 1.2;
	margin: 0;
	max-height: 44px;
	min-height: 44px;
	padding: 12px 18px;
	text-align: center;
	text-transform: none;
	transition: background-color 0.2s ease;
	width: 100%;
}

.spnkt-footer .fluentform .ff-btn-submit:is(:hover, :focus, :focus-visible),
.spnkt-footer .fluentform form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:hover,
.spnkt-footer .fluentform button.ff-btn-submit:hover {
	background-color: var(--wp--preset--color--primary-dark);
	border-color: transparent;
	color: var(--wp--preset--color--background);
}

/* =========================================================================
   4. Social Links Kacheln (.spnkt-social-links)
   EN: Neutral square tiles with static white icons; only background changes on hover.
   DE: Neutrale Kacheln mit weissen Icons; nur der Hintergrund wechselt bei Hover.
   ========================================================================= */

.spnkt-footer .spnkt-social-links {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.spnkt-footer .spnkt-social-links__item {
	margin: 0;
	padding: 0;
}

.spnkt-footer .spnkt-social-links__link {
	align-items: center;
	background-color: var(--wp--preset--color--ink-soft);
	border-radius: var(--wp--custom--border-radius--standard);
	box-sizing: border-box;
	color: var(--wp--preset--color--background);
	display: flex;
	height: 44px;
	justify-content: center;
	text-decoration: none;
	transition: background-color 0.2s ease;
	width: 44px;
}

.spnkt-footer .spnkt-social-links__link svg {
	display: block;
	fill: var(--wp--preset--color--background);
	height: 22px;
	width: 22px;
}

.spnkt-footer .spnkt-social-links__link:is(:hover, :focus-visible) {
	background-color: var(--wp--preset--color--primary);
}

/* =========================================================================
   5. Rechtszeile & Footer Meta (is-style-spnkt-bg-ink-dark)
   EN: Darkest bottom legal bar (Copyright, Impressum, Datenschutz, Languages).
   DE: Dunkle unterste Leiste für Impressum, Datenschutz und Copyright.
   ========================================================================= */

.spnkt-footer.is-style-spnkt-bg-ink-dark {
	background-color: var(--wp--preset--color--ink-dark);
	box-sizing: border-box;
	padding: 20px 24px;
	width: 100%;
}

.spnkt-footer.is-style-spnkt-bg-ink-dark > .wp-block-group {
	align-items: flex-start;
	box-sizing: border-box;
	display: flex;
	flex-direction: column-reverse;
	gap: 12px;
	margin: 0 auto;
	max-width: var(--wp--style--global--content-size);
	width: 100%;
}

/* Copyright Text */
.spnkt-footer.is-style-spnkt-bg-ink-dark p {
	color: var(--wp--preset--color--footer-muted);
	font-family: var(--wp--preset--font-family--base);
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

/* Impressum, Datenschutz & Sprachen Leiste */
.spnkt-footer.is-style-spnkt-bg-ink-dark .spnkt-nav--footer {
	margin: 0;
	padding: 0;
	width: auto;
}

.spnkt-footer.is-style-spnkt-bg-ink-dark .spnkt-nav--footer .wp-block-navigation__container {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.spnkt-footer.is-style-spnkt-bg-ink-dark .spnkt-nav--footer .wp-block-navigation-item__content {
	color: var(--wp--preset--color--footer-link);
	font-family: var(--wp--preset--font-family--base);
	font-size: 12.5px;
	padding: 0;
	text-decoration: none;
	transition: color 0.2s ease;
}

.spnkt-footer.is-style-spnkt-bg-ink-dark .spnkt-nav--footer .wp-block-navigation-item__content:is(:hover, :focus) {
	color: var(--wp--preset--color--background);
}

/* =========================================================================
   Sprachumschalter Rechtszeile (WPML)
   ========================================================================= */

.spnkt-footer .wpml-language-switcher-navigation-block {
	align-items: center;
	display: flex;
	gap: 20px;
	margin: 0;
	padding: 0;
}

.spnkt-footer .wpml-language-switcher-navigation-block::before {
	background-color: var(--wp--preset--color--border-grey);
	content: "";
	display: inline-block;
	flex-shrink: 0;
	height: 13px;
	width: 1px;
}

.spnkt-footer .wpml-language-switcher-navigation-block .wp-block-navigation-submenu,
.spnkt-footer .wpml-language-switcher-navigation-block > div {
	align-items: center;
	display: inline-flex;
	margin: 0;
	padding: 0;
}

.spnkt-footer .wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list,
.spnkt-footer .wpml-language-switcher-navigation-block ul.horizontal-list,
.spnkt-footer .wpml-language-switcher-navigation-block ul {
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
	gap: 8px !important;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.spnkt-footer .wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li,
.spnkt-footer .wpml-language-switcher-navigation-block li {
	display: flex;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.spnkt-footer .wpml-language-switcher-navigation-block [data-wpml="language-item"]:first-of-type {
	margin-top: 0 !important;
}

.spnkt-footer .wpml-language-switcher-navigation-block .wp-block-navigation-item__content,
.spnkt-footer .wpml-language-switcher-navigation-block .wp-block-navigation-item__label {
	font-family: var(--wp--preset--font-family--base);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

/* Aktive Sprache – Weiss */
.spnkt-footer .wpml-language-switcher-navigation-block [data-wpml="current-language-item"] .wp-block-navigation-item__label {
	color: var(--wp--preset--color--background);
	display: flex;
	user-select: none;
}

/* Inaktive Sprache – Gedämpft */
.spnkt-footer .wpml-language-switcher-navigation-block [data-wpml="language-item"] a {
	color: var(--wp--preset--color--text-muted);
	transition: color 0.2s ease;
}

.spnkt-footer .wpml-language-switcher-navigation-block [data-wpml="language-item"] a:is(:hover, :focus) {
	color: var(--wp--preset--color--background);
}

/* =========================================================================
   6. Desktop-Ansicht (ab 1024px / --spnkt-bp-lg, siehe global.css)
   ========================================================================= */

@media (min-width: 1024px) {
	/* CTA-Band Desktop */
	.spnkt-footer-cta {
		padding: 52px 40px;
	}

	.spnkt-footer-cta .wp-block-columns {
		align-items: center;
		flex-direction: row;
		gap: 48px;
		justify-content: space-between;
	}

	.spnkt-footer-cta .wp-block-column:first-child {
		flex: 1 1 420px;
	}

	.spnkt-footer-cta .wp-block-column:last-child {
		flex: 0 0 auto;
		width: auto;
	}

	.spnkt-footer-cta .wp-block-paragraph:first-child {
		font-size: 12px;
		margin: 0 0 10px;
	}

	.spnkt-footer-cta .wp-block-heading {
		font-size: 30px;
		line-height: 1.2;
		margin: 0;
	}

	.spnkt-footer-cta .wp-block-buttons {
		flex-direction: row;
		gap: 14px;
		justify-content: flex-end;
		width: auto;
	}

	.spnkt-footer-cta .wp-block-button {
		width: auto;
	}

	.spnkt-footer-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link {
		font-size: 15px;
		padding: 16px 26px;
		width: auto;
	}

	.spnkt-footer-cta .wp-block-button.is-style-outline .wp-block-button__link {
		font-size: 15px;
		padding: 14px 26px;
		width: auto;
	}

	/* Haupt-Footer 4-Spalten Desktop */
	.spnkt-footer.is-style-spnkt-bg-ink {
		padding: 60px 40px 44px;
	}

	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group,
	.spnkt-footer.is-style-spnkt-bg-ink .wp-block-group.is-nowrap {
		align-items: start;
		gap: 20px;
		grid-template-columns: 1.5fr 1fr 1fr 1.8fr;
	}

	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(1),
	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(2),
	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(3),
	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(4) {
		grid-column: auto;
	}

	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(1) {
		gap: 18px;
	}

	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(2),
	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(3) {
		gap: 14px;
	}

	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group > .wp-block-group:nth-child(4) {
		gap: 16px;
	}

	.spnkt-footer.is-style-spnkt-bg-ink .wp-block-heading {
		font-size: 12px;
	}

	/* FluentForm E-Mail (60%) & Submit (40%) Inline Row – Desktop exakt 42px */
	.spnkt-footer .fluentform .ff-column-container[data-name="ff_cn_id_2"] {
		align-items: stretch;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
	}

	.spnkt-footer .fluentform .ff-column-container[data-name="ff_cn_id_2"] .ff-t-column-1 {
		flex: 0 0 calc(60% - 4.8px) !important;
		flex-basis: calc(60% - 4.8px) !important;
		max-width: calc(60% - 4.8px) !important;
		width: calc(60% - 4.8px) !important;
	}

	.spnkt-footer .fluentform .ff-column-container[data-name="ff_cn_id_2"] .ff-t-column-2 {
		flex: 0 0 calc(40% - 3.2px) !important;
		flex-basis: calc(40% - 3.2px) !important;
		max-width: calc(40% - 3.2px) !important;
		width: calc(40% - 3.2px) !important;
	}

	.spnkt-footer .fluentform .ff-el-form-control {
		font-size: 13.5px;
		height: 42px;
		line-height: 1.2;
		max-height: 42px;
		min-height: 42px;
		padding: 10px 14px;
	}

	.spnkt-footer .fluentform .ff-btn-submit,
	.spnkt-footer .fluentform form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit,
	.spnkt-footer .fluentform button.ff-btn-submit {
		font-size: 13.5px;
		height: 42px;
		line-height: 1.2;
		max-height: 42px;
		min-height: 42px;
		min-width: 0;
		padding: 10px 18px;
		width: 100% !important;
	}

	/* Social Icons Desktop */
	.spnkt-footer .spnkt-social-links__link {
		height: 40px;
		width: 40px;
	}

	/* Rechtszeile Desktop */
	.spnkt-footer.is-style-spnkt-bg-ink-dark {
		padding: 20px 40px;
	}

	.spnkt-footer.is-style-spnkt-bg-ink-dark > .wp-block-group {
		align-items: center;
		flex-direction: row;
		gap: 24px;
		justify-content: space-between;
	}

	.spnkt-footer.is-style-spnkt-bg-ink-dark p {
		font-size: 12.5px;
	}

	.spnkt-footer.is-style-spnkt-bg-ink-dark .spnkt-nav--footer .wp-block-navigation__container {
		gap: 22px;
	}
}

@media (min-width: 1200px) {
	.spnkt-footer.is-style-spnkt-bg-ink > .wp-block-group,
	.spnkt-footer.is-style-spnkt-bg-ink .wp-block-group.is-nowrap {
		align-items: start;
		gap: 48px;
		grid-template-columns: 1.5fr 1fr 1fr 1.4fr;
	}
}