/* ForexRev — stopka (forexrev-szkielet.php, fxsk_stopka()), paleta E5: tło #10283F, tekst #C9D6E3 (10:1), nagłówki białe,
   wyróżnienie złotem #F2C14E (na ciemnym tle 8,9:1). Makieta strony głównej 06.11.2026: 4 kolumny linków + zastrzeżenia + pasek dolny.
   Selektory od #fxs-stopka, żeby style motywu (#mainfoot, listy, linki) ich nie nadpisywały. */

#fxs-stopka {
	--fxsk-tlo: #10283F; --fxsk-tx: #C9D6E3; --fxsk-tx2: #9FB2C6; --fxsk-zloto: #F2C14E; --fxsk-linia: rgba(255, 255, 255, .12);
	--fxsk-font: 'Open Sans', fxs-os, fxs-os-r, sans-serif; --fxsk-font2: Ubuntu, fxs-ub, 'Open Sans', sans-serif;
	clear: both; margin: 0; background: var(--fxsk-tlo); color: var(--fxsk-tx); font: 400 14px/1.5 var(--fxsk-font);
}
#fxs-stopka *, #fxs-stopka *::before, #fxs-stopka *::after { box-sizing: border-box; }
#fxs-stopka ul, #fxs-stopka li { margin: 0; padding: 0; list-style: none; background: none; border: 0; }
#fxs-stopka li::before { content: none; display: none; }
#fxs-stopka p { margin: 0; }
#fxs-stopka a { color: var(--fxsk-tx); text-decoration: none; }
#fxs-stopka a:hover { color: #fff; text-decoration: underline; }
#fxs-stopka a:focus-visible { outline: 2px solid var(--fxsk-zloto); outline-offset: 2px; }

#fxs-stopka .fxsk-stopka-in { max-width: 1200px; margin: 0 auto; padding: 36px 20px 24px; display: flex; flex-direction: column; gap: 28px; }
#fxs-stopka .fxsk-reklama { display: flex; flex-direction: column; align-items: center; gap: 6px; padding-bottom: 24px; border-bottom: 1px solid var(--fxsk-linia); }
#fxs-stopka .fxsk-reklama-et { font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--fxsk-tx2); }
#fxs-stopka .fxsk-reklama img { max-width: 100%; height: auto; }

#fxs-stopka .fxsk-gora { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
#fxs-stopka .fxsk-marka { display: flex; flex-direction: column; gap: 10px; max-width: 320px; }
#fxs-stopka .fxsk-logo { font: 500 26px/1 var(--fxsk-font2); letter-spacing: -.4px; color: #fff; }
#fxs-stopka .fxsk-logo:hover { text-decoration: none; }
#fxs-stopka .fxsk-marka p { font-size: 13.5px; line-height: 1.55; }
#fxs-stopka .fxsk-kolumny { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
#fxs-stopka .fxsk-kol { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
#fxs-stopka .fxsk-kol-h { color: #fff; font: 700 15px/1.3 var(--fxsk-font2); }
#fxs-stopka .fxsk-kol ul { display: flex; flex-direction: column; gap: 8px; }
#fxs-stopka .fxsk-kol a { display: inline-block; padding: 2px 0; }
#fxs-stopka a.fxsk-wyr { color: var(--fxsk-zloto); font-weight: 700; }

#fxs-stopka .fxsk-prawne { display: flex; flex-direction: column; gap: 8px; padding-top: 20px; border-top: 1px solid var(--fxsk-linia); font-size: 12.5px; line-height: 1.6; color: var(--fxsk-tx); }
#fxs-stopka .fxsk-prawne b { color: #fff; }
#fxs-stopka .fxsk-dol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding-top: 16px; border-top: 1px solid var(--fxsk-linia); font-size: 13px; color: var(--fxsk-tx2); }
#fxs-stopka .fxsk-dol a { color: var(--fxsk-tx); }
#fxs-stopka .fxsk-jezyki { display: flex; gap: 2px; margin-left: auto; }
#fxs-stopka .fxsk-jezyki a { padding: 4px 6px; font-weight: 700; color: var(--fxsk-tx2); }
#fxs-stopka .fxsk-jezyki a[aria-current] { color: #fff; box-shadow: inset 0 -2px 0 var(--fxsk-zloto); }

@media (min-width: 768px) {
	#fxs-stopka .fxsk-stopka-in { padding: 48px 20px 28px; }
	#fxs-stopka .fxsk-kolumny { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	#fxs-stopka .fxsk-gora { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 40px; }
}