/**
 * ETA Footer — Elementor layout 21
 * v1.0.0 — mobile: logo do 250px, linki poziomo, social przy kontakcie (bez nagłówka)
 */

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

/* ── 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;
	}
}