/**
 * ETA Footer — Elementor layout 21
 * v1.1.0 — mobile layout + czytelność: biały tekst na granatowej stopce, gwarancja glifu social
 */

.footer_wrap .elementor-21 {
	--eta-footer-link-gap: 10px 16px;
	--eta-footer-logo-max: 250px;
}

/* ── Czytelność: biały tekst na granatowej stopce (navy #001429) ─────── */
.footer_wrap .elementor-21 .elementor-widget-text-editor,
.footer_wrap .elementor-21 .elementor-widget-text-editor p,
.footer_wrap .elementor-21 .elementor-widget-heading .elementor-heading-title,
.footer_wrap .elementor-21 .elementor-icon-list-text,
.footer_wrap .elementor-21 .elementor-icon-list-item,
.footer_wrap .elementor-21 a:not(.elementor-social-icon):not(.elementor-button) {
	color: #ffffff !important;
}

/* Długi opis marki — lekko zmiękczona biel dla komfortu czytania */
.footer_wrap .elementor-21 .elementor-element-22df251,
.footer_wrap .elementor-21 .elementor-element-22df251 p {
	color: rgba(255, 255, 255, 0.82) !important;
}

/* Copyright — stonowana biel */
.footer_wrap .elementor-21 .elementor-element-3275624,
.footer_wrap .elementor-21 .elementor-element-3275624 * {
	color: rgba(255, 255, 255, 0.72) !important;
}

/* Linki stopki — czytelny hover/focus */
.footer_wrap .elementor-21 a:not(.elementor-social-icon):not(.elementor-button):hover,
.footer_wrap .elementor-21 a:not(.elementor-social-icon):not(.elementor-button):focus-visible {
	color: #ffffff !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ── Social: biały glif + ukryj ewentualne puste ikony ──────────────── */
.footer_wrap .elementor-21 .elementor-social-icon svg {
	fill: #ffffff;
}

.footer_wrap .elementor-21 .elementor-social-icon:empty,
.footer_wrap .elementor-21 .elementor-grid-item:has(> .elementor-social-icon:empty) {
	display: none !important;
}

/* ── Logo stopki (mobile) ─────────────────────────────────────────────── */
@media (max-width: 767px) {
	.footer_wrap .elementor-21 .elementor-element-2c74e22 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.footer_wrap .elementor-21 .elementor-element-2c74e22 .sc_layouts_logo,
	.footer_wrap .elementor-21 .elementor-element-2c74e22 .logo_image,
	.footer_wrap .elementor-21 .elementor-element-2c74e22 .custom-logo-link,
	.footer_wrap .elementor-21 .elementor-element-2c74e22 img {
		display: block;
		width: min(var(--eta-footer-logo-max), 100%) !important;
		max-width: min(var(--eta-footer-logo-max), 100%) !important;
		max-height: none !important;
		height: auto !important;
	}

	.footer_wrap .elementor-21 .elementor-element-2c74e22 .logo_slogan {
		max-width: min(var(--eta-footer-logo-max), 100%);
	}
}

/* ── Social: bez nagłówka „Social media” (wszędzie) ─────────────────── */
.footer_wrap .elementor-21 .elementor-element-5b1be3a {
	display: none !important;
}

/* ── Mobile: kontakt + social w jednym rzędzie, linki poziomo poniżej ─ */
@media (max-width: 767px) {
	.footer_wrap .elementor-21 .elementor-element-f091a5f {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"contact social"
			"links links" !important;
		gap: 18px 12px !important;
		align-items: start !important;
		flex-direction: unset !important;
		flex-wrap: unset !important;
	}

	.footer_wrap .elementor-21 .elementor-element-553c670 {
		grid-area: contact !important;
		flex: unset !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	.footer_wrap .elementor-21 .elementor-element-864d010 {
		grid-area: social !important;
		flex: unset !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		align-self: center !important;
		justify-self: end !important;
	}

	.footer_wrap .elementor-21 .elementor-element-606b851 {
		grid-area: links !important;
		flex: unset !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	/* Bez nagłówka „Linki” na mobile — jak menu w headerze */
	.footer_wrap .elementor-21 .elementor-element-0d6b330 {
		display: none !important;
	}

	/* Linki w poziomie (header-style) */
	.footer_wrap .elementor-21 .elementor-element-0aeddac .elementor-icon-list-items {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: var(--eta-footer-link-gap) !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.footer_wrap .elementor-21 .elementor-element-0aeddac .elementor-icon-list-item {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.footer_wrap .elementor-21 .elementor-element-0aeddac .elementor-icon-list-item a {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 44px;
		padding: 4px 0 !important;
		white-space: nowrap;
	}

	/* Tylko ikona social — obok adresu */
	.footer_wrap .elementor-21 .elementor-element-4d84612 .elementor-widget-container {
		margin: 0 !important;
		padding: 0 !important;
	}

	.footer_wrap .elementor-21 .elementor-element-4d84612 .elementor-social-icons-wrapper {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: flex-end !important;
		gap: 8px !important;
	}

	.footer_wrap .elementor-21 .elementor-element-4d84612 .elementor-social-icon {
		width: 40px !important;
		height: 40px !important;
	}
}

/* ── Tablet+: linki poziomo w kolumnie (czytelniejsze niż pionowy słupek) ─ */
@media (min-width: 768px) {
	.footer_wrap .elementor-21 .elementor-element-0aeddac .elementor-icon-list-items {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 12px 20px !important;
	}

	.footer_wrap .elementor-21 .elementor-element-0aeddac .elementor-icon-list-item {
		width: auto !important;
		margin: 0 !important;
	}
}