/* =========================================================
   stopka.css — kompaktowa stopka nieruchomosci-wroclaw.net
   Wgraj do: css22/stopka.css

   Założenia:
   - cały tekst i linki BIAŁE (#FFF) na czarnym tle (#060606),
   - bazowa czcionka 12 px, interlinia 1.35, Arial jak reszta serwisu,
   - 4 kolumny utrzymane aż do 700 px szerokości okna,
   - zerowe zbędne odstępy: linki bez pionowego paddingu,
   - docelowa wysokość na desktopie: ok. 230–260 px.

   W napraw-stopke.php ustaw 'wstaw_font' => false (brak Google Fonts).
   ========================================================= */

footer.ftr{
  clear:both;
  display:block;
  float:none;
  box-sizing:border-box;
  width:100%;
  margin:20px 0;
  padding:0;
  border:0;
  border-radius:0;
  background:#060606;
  color:#FFF;
  font-family:Arial, Helvetica, Sans-serif;
  font-size:12px;
  line-height:1.35;
  text-align:left;
  overflow-wrap:break-word;
}

footer.ftr *,
footer.ftr *::before,
footer.ftr *::after{box-sizing:border-box}

footer.ftr .ftr__inner{
  width:100%;
  max-width:100%;
  margin:0;
  padding:18px 20px;
  float:none;
}

footer.ftr .ftr__grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1.2fr;
  gap:14px 20px;
  align-items:start;
}
footer.ftr .ftr__grid > *{min-width:0}

/* ---- typografia: wszystko białe, jawne rozmiary ---- */
footer.ftr h2{
  color:#FFF;
  font-family:Arial, Helvetica, Sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.09em;
  line-height:1.3;
  text-transform:uppercase;
  margin:0 0 6px;
  padding:0;
}
footer.ftr p{font-size:12px;line-height:1.4;margin:0 0 4px;padding:0;color:#FFF}
footer.ftr ul{list-style:none;margin:0;padding:0}
footer.ftr li{margin:0;padding:0;font-size:12px;line-height:1.35;list-style:none;background:none;color:#FFF}
footer.ftr address{font-style:normal;font-size:11px;line-height:1.45;margin:0;color:#FFF}
footer.ftr strong,footer.ftr b{font-weight:700;color:#FFF}
footer.ftr svg{display:block}

/* ---- odnośniki: bez pionowego powietrza ---- */
footer.ftr a{
  color:#FFF;
  font-size:12px;
  font-weight:400;
  line-height:1.45;
  text-decoration:none;
  display:inline-block;
  padding:2px 0;
  background:none;
  border:0;
}
footer.ftr a:hover{color:#f5a100;text-decoration:underline;background:none}
footer.ftr a:focus-visible{outline:1px solid #f5a100;outline-offset:1px;color:#FFF}

footer.ftr .ftr__brand strong{color:#FFF;font-size:13px;line-height:1.3;display:block;margin-bottom:2px}
footer.ftr .ftr__tagline{color:#FFF;font-size:11px;line-height:1.4;margin-bottom:6px}
footer.ftr .ftr__meta{color:#FFF;font-size:11px;line-height:1.45;margin:4px 0 0}

footer.ftr .ftr__phone{color:#FFF;font-size:15px;font-weight:700;line-height:1.2;padding:0}
footer.ftr .ftr__phone:hover{color:#f5a100}

/* przycisk cookie jako pozycja listy — bez wyróżnienia bryłą */
footer.ftr .ftr__cookie{
  background:none;border:0;color:#FFF;
  font-family:Arial, Helvetica, Sans-serif;font-size:12px;line-height:1.45;
  padding:2px 0;margin:0;cursor:pointer;text-align:left;
  text-decoration:underline;text-underline-offset:2px;
}
footer.ftr .ftr__cookie:hover{color:#f5a100}
footer.ftr .ftr__cookie:focus-visible{outline:1px solid #f5a100;outline-offset:1px}

footer.ftr .ftr__social{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
footer.ftr .ftr__social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;background:#1c1c1c;border-radius:3px;padding:0;
}
footer.ftr .ftr__social a:hover{background:#f5a100}
footer.ftr .ftr__social svg{width:14px;height:14px;fill:#FFF}
footer.ftr .ftr__social a:hover svg{fill:#060606}

/* ---- partner: jeden wiersz ---- */
footer.ftr .ftr__partner{
  border-top:1px solid #262626;margin-top:14px;padding:10px 0 0;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
}
footer.ftr .ftr__partner-label{
  flex:0 0 auto;font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  color:#FFF;border:1px solid #333;border-radius:2px;padding:3px 7px;
  line-height:1.2;white-space:nowrap;
}
footer.ftr .ftr__partner-txt{flex:1 1 auto;min-width:0;color:#FFF;font-size:12px;line-height:1.4}
footer.ftr .ftr__partner-cta{
  flex:0 0 auto;background:#f5a100;color:#060606;font-weight:700;font-size:11px;line-height:1.2;
  padding:6px 14px;border-radius:2px;text-decoration:none;
}
footer.ftr .ftr__partner-cta:hover{background:#d98f00;color:#060606;text-decoration:none}

/* ---- pasek dolny ---- */
footer.ftr .ftr__bar{
  border-top:1px solid #262626;margin-top:12px;padding:10px 0 0;
  display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;
}
footer.ftr .ftr__bar p{font-size:11px;line-height:1.4;margin:0;color:#FFF}
footer.ftr .ftr__bar a{color:#FFF;font-size:11px;padding:0}
footer.ftr .ftr__legal{display:flex;flex-wrap:wrap;gap:0 14px}
footer.ftr .ftr__disclaimer{flex:1 1 100%;font-size:10px;line-height:1.4;color:#FFF;margin:2px 0 0}

/* =========================================================
   PUNKTY ŁAMANIA
   4 kolumny trzymamy do 700 px, potem 2, poniżej 520 px — 1.
   ========================================================= */
@media (max-width:700px){
  footer.ftr .ftr__grid{grid-template-columns:1fr 1fr;gap:14px 18px}
}
@media (max-width:520px){
  footer.ftr .ftr__inner{padding:16px 16px}
  footer.ftr .ftr__grid{grid-template-columns:1fr;gap:12px}
  footer.ftr .ftr__partner{align-items:flex-start;flex-direction:column;gap:6px}
  footer.ftr .ftr__bar{gap:4px 12px}
}
