/* Stopka (ZADANIE-2026-09-03, zadanie B) - uklad i responsywnosc, bez ruszania
 * tresci w Elementorze. Wszystko scoped do #apus-footer / .elementor-7904,
 * zeby nie dotknac elementor-col-20 uzywanego gdzie indziej na stronie.
 * Wylacznik: filtr `jl_stopka_wlaczona` -> false (patrz inc/jl-stopka.php).
 *
 * 2026-09-03, poprawka po uwagach wlasciciela: pierwsza wersja NIE zmniejszala
 * wysokosci stopki - przeciwnie, regula "min-height:44px" dla linkow byla
 * (bledem) globalna zamiast tylko-mobile, wiec na desktopie ROZCIAGALA liste
 * linkow zamiast ja skracac. Poprawione + dolozona kompresja pionowa (line-
 * height, jedna linia copyright+linki), bo "stopka zajmuje za duzo miejsca"
 * bylo glownym zarzutem, nie tylko proporcje kolumn. */

#apus-footer {
	overflow-x: hidden;
	--jl-stopka-granat: #003366;
	--jl-stopka-granat-ciemny: #14203a;
	--jl-stopka-tekst-jasny: rgba(255, 255, 255, .82);
	--jl-stopka-ramka: rgba(255, 255, 255, .18);
}

/* Kontrast: jasny tekst na granatowym tle (sekcja maluje wlasne tlo classic). */
#apus-footer .elementor-widget-container,
#apus-footer .elementor-heading-title,
#apus-footer p,
#apus-footer .elementor-icon-list-text {
	color: var(--jl-stopka-tekst-jasny);
}
#apus-footer a:hover .elementor-icon-list-text,
#apus-footer .logo a:hover {
	color: #fff;
}

/* Kompresja pionowa - glowny powod, dla ktorego stopka wygladala na zbyt
 * dluga: linia 30px (wysoki line-height odziedziczony z motywu) na kazdym
 * akapicie i liscie linkow. */
#apus-footer p,
#apus-footer .elementor-icon-list-text,
#apus-footer .elementor-heading-title {
	line-height: 1.5;
}
#apus-footer .elementor-element.elementor-element-66f219f {
	line-height: 1.5 !important;
}
#apus-footer p {
	margin: 0 0 8px 0;
}
#apus-footer .elementor-widget-heading .elementor-widget-container {
	margin-bottom: 10px !important;
}

/* --- Desktop >=1200px: 24/18/18/18/22 zamiast plaskich 20/20/20/20/20 ----- */
@media (min-width: 1200px) {
	.elementor-7904 .elementor-element.elementor-element-5760f67 { width: 24% !important; }
	.elementor-7904 .elementor-element.elementor-element-8efee5d { width: 18% !important; }
	.elementor-7904 .elementor-element.elementor-element-93f65e6 { width: 18% !important; }
	.elementor-7904 .elementor-element.elementor-element-57a6b55 { width: 18% !important; }
	.elementor-7904 .elementor-element.elementor-element-8de51e2 { width: 22% !important; }
}

/* --- Tablet 768-1199px: max 3 kolumny w rzedzie, nie piec -------------------
 * Elementor sam nadpisuje szerokosci tylko <=1024px (60/40) - tu wymuszamy
 * spojny uklad az do 1199px, zeby zakres 1025-1199 tez nie byl ciasny. */
@media (min-width: 768px) and (max-width: 1199px) {
	.elementor-7904 .elementor-element.elementor-element-dd132d6 > .elementor-container {
		flex-wrap: wrap;
	}
	.elementor-7904 .elementor-element.elementor-element-5760f67,
	.elementor-7904 .elementor-element.elementor-element-8efee5d,
	.elementor-7904 .elementor-element.elementor-element-93f65e6 {
		width: 33.333% !important;
	}
	.elementor-7904 .elementor-element.elementor-element-57a6b55,
	.elementor-7904 .elementor-element.elementor-element-8de51e2 {
		width: 50% !important;
	}
}

/* --- Dolny pasek na >=768px: copyright i linki prawne w JEDNEJ linii ------
 * zamiast dwoch widgetow stacked jeden pod drugim (glowny powod "za duzo
 * miejsca" w dolnej sekcji). */
@media (min-width: 768px) {
	.elementor-7904 .elementor-element.elementor-element-7def0d9 > .elementor-widget-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		column-gap: 18px;
		row-gap: 4px;
	}
	.elementor-7904 .elementor-element.elementor-element-7def0d9 .elementor-widget-container {
		margin: 0 !important;
	}
	.elementor-7904 .elementor-element-1757fbd p {
		margin: 0 !important;
		white-space: nowrap;
	}
	.elementor-7904 .elementor-element-dc8cc24 .elementor-icon-list-items {
		display: flex;
		flex-wrap: wrap;
		column-gap: 16px;
		row-gap: 4px;
	}
	.elementor-7904 .elementor-element-dc8cc24 .elementor-icon-list-item {
		padding-bottom: 0 !important;
		margin-top: 0 !important;
	}
}

/* --- Mobile <768px: jedna kolumna, naglowki wyraznie oddzielone ------------- */
@media (max-width: 767px) {
	.elementor-7904 .elementor-element.elementor-element-5760f67,
	.elementor-7904 .elementor-element.elementor-element-8efee5d,
	.elementor-7904 .elementor-element.elementor-element-93f65e6,
	.elementor-7904 .elementor-element.elementor-element-57a6b55,
	.elementor-7904 .elementor-element.elementor-element-8de51e2 {
		width: 100% !important;
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: 1px solid var(--jl-stopka-ramka);
	}
	.elementor-7904 .elementor-element.elementor-element-5760f67 {
		border-top: none;
		padding-top: 0;
	}
	.elementor-7904 .elementor-element.elementor-element-5760f67 .elementor-heading-title,
	.elementor-7904 h4.elementor-heading-title {
		margin-bottom: 12px;
	}

	/* Pole tap >=44px dla kazdego linku stopki - TYLKO mobile, na desktopie
	 * tylko wydluzalo liste bez potrzeby (dotyk myszka nie wymaga tego). */
	#apus-footer .elementor-icon-list-items .elementor-icon-list-item > a {
		min-height: 44px;
		display: flex;
		align-items: center;
	}

	/* Formularz newslettera na 100% szerokosci razem z przyciskiem. */
	.elementor-7904 .fluentform_wrapper_7 .ff-t-container.ff-column-container {
		flex-wrap: wrap;
	}
	.elementor-7904 .fluentform_wrapper_7 .ff-t-cell {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.elementor-7904 .fluentform_wrapper_7 input.ff-el-form-control,
	.elementor-7904 .fluentform_wrapper_7 button.ff-btn-submit {
		width: 100%;
	}

	/* Dolny pasek: wysrodkowany, linki prawne lamane, ikony pod spodem. */
	.elementor-7904 .elementor-element.elementor-element-ab77f57 > .elementor-container {
		flex-wrap: wrap;
	}
	.elementor-7904 .elementor-element.elementor-element-7def0d9,
	.elementor-7904 .elementor-element.elementor-element-8c802d1 {
		width: 100% !important;
		text-align: center;
	}
	.elementor-7904 .elementor-element-dc8cc24 .elementor-icon-list-items {
		flex-wrap: wrap;
		justify-content: center;
	}
	.elementor-7904 .elementor-element-dc8cc24 .elementor-icon-list-item {
		width: auto;
	}
	.elementor-7904 .elementor-element-64add06 .social {
		justify-content: center;
		margin-top: 10px;
	}
}