/* ================================================
   DIVIDERS
   Kolor kształtu: Kolor tekstu bloku Grupa
   Tło: kolor tła bloku Grupa
   ================================================ */

.ttc-divider {
  position: relative;
  line-height: 0;
  margin-block: 0 !important;
}

.ttc-divider svg {
  display: block;
  width: 100%;
  height: auto;
}

/* Szew: SVG ma ułamkową wysokość, więc na krawędzi z jasnym wypełnieniem
   przebija 1 px tła sekcji. Pasek w kolorze kształtu wystaje 2 px poza blok i go zasłania. */
.ttc-divider--fala::before,
.ttc-divider--skos::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background: currentColor;
  pointer-events: none;
}

.ttc-divider--fala::before {
  top: -2px;
}

.ttc-divider--skos::after {
  bottom: -2px;
}