@charset "UTF-8";

/* ============================================================================
   NAPRAWIA ZAWIJANIE TEKSTU - Fainner.pl (POPRAWIONA WERSJA)
   
   PROBLEM:
   - hyphens: manual NADAL dzieli wyrazy w niektórych przeglądarkach
   - Musimy użyć hyphens: none + overflow-wrap: break-word
   
   ROZWIĄZANIE:
   - hyphens: none (żadnych myślników!)
   - overflow-wrap: anywhere (łamie wszędzie gdzie trzeba, bez myślników)
   ============================================================================ */

/* KROK 1: Nadpisz :root - usuń hyphens całkowicie */
:root,
html,
body {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
}

/* KROK 2: Uniwersalny selektor * - overflow-wrap ale BEZ hyphens */
* {
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

/* KROK 3: Dla wszystkich elementów tekstowych */
p, div, span, h1, h2, h3, h4, h5, h6, li, td, th, a {
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  word-break: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
}

/* KROK 4: Dla wszystkich elementów w .Fainner */
.Fainner,
.Fainner * {
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  word-break: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

/* KROK 5: Specjalnie dla problematycznych klas */
.Fainner-TextOverMedia,
.Fainner-TextOverMedia *,
.Fainner-TextOverMedia-Text,
.Fainner-TextOverMedia-Text *,
.Fainner-TextOverMedia-Text p,
.Fainner-TextOverMedia-Text span {
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  word-break: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

/* KROK 6: Dla .Fainner-style */
.Fainner-style,
.Fainner-style * {
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  hyphens: none !important;
}

/* KROK 7: Dla linków - agresywne łamanie tylko dla URL */
.Fainner a[href^="mailto:"],
.Fainner a[href^="http://"],
.Fainner a[href^="https://"],
.Fainner a[href^="tel:"] {
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
  word-break: break-all !important;
  hyphens: none !important;
}

/* KROK 8: Wyjątki - white-space: nowrap */
.Fainner-Navigation-Link,
.Fainner-FocusBox {
  overflow-wrap: normal !important;
  word-wrap: normal !important;
  /* white-space: nowrap pozostaje */
}

/* ============================================================================
   KLUCZOWE ZMIANY:
   
   1. hyphens: none (NIE manual, NIE auto!)
   2. overflow-wrap: anywhere (najsilniejsze zawijanie bez myślników)
   3. word-break: normal (nie tnie losowo)
   
   overflow-wrap: anywhere vs break-word:
   - anywhere = zawija WSZĘDZIE gdzie trzeba, nawet w środku długiego słowa
   - break-word = stara się najpierw zawinąć przy spacjach
   
   Używamy "anywhere" bo mamy bardzo długie ciągi bez spacji
   ============================================================================ */
