/* POKASH custom overrides — własne reguły ładowane PO Crafto CSS.
   Pliki Crafto (vendors.min.css, style.min.css, responsive.min.css, icon.min.css,
   demos/branding-agency/branding-agency.css) pozostają 1:1 z mirror'em ThemeForest.
   Tu trafiają wszystkie customizacje specyficzne dla deployu POKASH.PL. */

/* Rotujący badge (blok about-typography-counters): nasz globalny reset img{display:block}
   psuł wyrównanie do prawej (kolumna text-md-end) — Crafto liczy na inline img + text-align.
   Muszą być OBA obrazki (ring about-01 = .animation-rotation oraz strzałka about-02
   w .absolute-middle-center), inaczej rozjeżdżają się (jeden prawej, drugi środek).
   inline-block przywraca wyrównanie do prawej i współśrodkowość jak w oryginale (cx=561). */
.animation-rotation,
.animation-rotation ~ .absolute-middle-center img {
  display: inline-block;
}

/* Zawężenie kontenera navbar — default Bootstrap navbar container-fluid rozpycha
   logo/menu/CTA na pełną szerokość ekranu (przy 3440px — zbyt szeroko). */
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
  max-width: 1310px;
}

/* Bootstrap 5 ma wbudowane row-cols-lg-1..6. Team grid POKASH ma rosnącą liczbę
   marek (7 teraz, będzie więcej) i ma być w jednej linii — dokładamy 7..12. */
@media (min-width: 992px) {
  .row-cols-lg-7 > * { flex: 0 0 auto; width: calc(100% / 7); }
  .row-cols-lg-8 > * { flex: 0 0 auto; width: calc(100% / 8); }
  .row-cols-lg-9 > * { flex: 0 0 auto; width: calc(100% / 9); }
  .row-cols-lg-10 > * { flex: 0 0 auto; width: 10%; }
  .row-cols-lg-11 > * { flex: 0 0 auto; width: calc(100% / 11); }
  .row-cols-lg-12 > * { flex: 0 0 auto; width: calc(100% / 12); }
}

/* Crafto purguje nieużywane utility Bootstrapa — brak .align-self-lg-center.
   Lead w bloku about-typography ma być wyśrodkowany w pionie względem dużego
   słowa „spółek" (wiersz jest align-items-lg-end → bez tego lead lądował przy
   dolnej krawędzi słowa). Definiujemy brakującą utility dla lg+. */
@media (min-width: 992px) {
  .align-self-lg-center { align-self: center !important; }
}

/* Crafto ustawia body { word-break: break-word } — to łamie długie słowa między
   literami (np. "zasad|y"), co wygląda fatalnie w nagłówkach. Dla h1–h6 wracamy
   do naturalnego łamania na białych znakach. */
h1, h2, h3, h4, h5, h6 {
  word-break: normal;
  overflow-wrap: break-word;
}