/* Wspólna stopka stron www (web/czesci/stopka.html): strona główna, prasa,
   polityka prywatności, strony tras i huby, pogoda, kamery, warunki, zamknięcia.
   Trzy poziomy: linki SEO, linki „techniczne” z ikonami mediów, prawa i przypisy. */

.stopka-www { --sw-tlo: var(--muted); --sw-tekst: var(--muted-foreground); --sw-mocny: var(--foreground);
  --sw-linia: var(--border); --sw-ikona-tlo: var(--background);
  border-top: 1px solid var(--sw-linia); background: var(--sw-tlo); color: var(--sw-tekst);
  padding: 32px 0 calc(28px + env(safe-area-inset-bottom, 0px)); font-size: var(--text-sm, 14px); }
.sw-wnetrze { max-width: var(--content-max, 1120px); margin: 0 auto; padding: 0 16px; display: grid; gap: 20px; }

.stopka-www a { color: inherit; }
.sw-seo { display: flex; flex-wrap: wrap; gap: 10px 26px; font-size: 15px; font-weight: 500; }
.stopka-www .sw-seo a { color: var(--sw-mocny); text-decoration: none; }
.sw-seo a:hover, .sw-tech a:hover { text-decoration: underline; }

.sw-dol { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
  padding-top: 18px; border-top: 1px solid var(--sw-linia); }
.sw-tech { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.sw-tech a { text-decoration: none; }

.sw-social { display: flex; gap: 10px; }
.stopka-www .sw-social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--sw-linia); color: var(--sw-mocny); background: var(--sw-ikona-tlo); }
.stopka-www .sw-social a:hover { background: var(--sw-mocny); color: var(--sw-tlo); }
.sw-social svg { width: 18px; height: 18px; fill: currentColor; }

.sw-prawa { margin: 0; font-size: var(--text-xs, 12px); }
.sw-przypisy { font-size: var(--text-xs, 12px); line-height: 1.6; }
.sw-przypisy p { margin: 0 0 6px; max-width: 90ch; }
.sw-przypisy details { margin-top: 4px; }

/* Strona główna, prasa i polityka prywatności mają ciemny motyw landingu (lp.css):
   ta sama stopka w jego kolorach. */
.lp .stopka-www { --sw-tlo: var(--lp-tlo); --sw-tekst: var(--lp-tekst-3); --sw-mocny: var(--lp-tekst-2);
  --sw-linia: var(--lp-linia); --sw-ikona-tlo: transparent; }

/* Strony tras mają na telefonie przypięty przycisk „Otwórz trasę” — stopka nie może pod nim ginąć. */
@media (max-width: 979px) { body:has(.cta-dol) .stopka-www { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)); } }
@media (max-width: 560px) { .sw-seo { flex-direction: column; gap: 10px; } .sw-dol { flex-direction: column; align-items: flex-start; } }