/* Polish copy is 15-30% longer than English: let buttons and menu items breathe
   instead of overflowing the fixed widths the original design assumed. */
.button, .hero-button, .otline-btn, .et_pb_button, a.button, .btn {
  white-space: normal !important;
  line-height: 1.25 !important;
  height: auto !important;
  min-height: 0 !important;
  text-align: center;
  padding: 14px 24px !important;
  box-sizing: border-box;
  word-break: normal;
  overflow-wrap: anywhere;
}
/* Wyrównanie w pionie tam, gdzie przyciski stoją w rzędzie. NIE globalnie:
   motyw centruje część przycisków przez `margin:0 auto`, a to działa tylko na
   elemencie blokowym - `display:inline-flex` zsuwał je do lewej krawędzi. */
.btns-wrapper .button, .hero .button, .header .button, .banner .button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
/* przyciski, które motyw centruje marginesem automatycznym */
/* motyw ogranicza te przyciski do szerokości angielskiej etykiety (223 px),
   polska się w tym nie mieści i łamie na dwie linie */
.cta-button, .download-button, .review-btn {
  display: flex !important;
  width: max-content !important;
  max-width: 100% !important;
  align-items: center;
  justify-content: center;
}
.hero .btns-wrapper { flex-wrap: wrap; gap: 12px; }
.header__nav a, .menu-item > a { white-space: normal; }
h1, h2, h3, h4, .hero__title { overflow-wrap: anywhere; }
/* long Polish labels inside comparison tables and cards */
td, th, .et_pb_toggle_title, .accordion__title { overflow-wrap: anywhere; }

/* Motyw trzyma w nagłówku dwa wordmarki (biały i czarny) i przełącza je
   przezroczystością; leżą na sobie z przesunięciem 3px. Marka jest teraz zawsze
   pomarańczowa, więc oba były widoczne naraz i nazwa dublowała się w pionie.
   Zostawiamy jeden. */
.header .logo__black,
.footer .logo__black { display: none !important; }
.header .logo__white { display: flex !important; opacity: 1 !important; visibility: visible !important; }