.et_pb_scroll_top.et-pb-icon {
    background: #FE5D72 !important;
}

.mobile_menu_bar:before {
    color: #FE5D72 !important;
}

.et_mobile_menu {
    border-top: 3px solid #FE5D72 !important;
}
/* === Manual SSR fixes ===
 * Divi JS normalnie ustawia te wartości po onload przez data-height-percentage
 * i data-actual-width. Bez JS (lub gdy JS się ślizga) DOM bierze raw wymiary
 * obrazków (np. logo 1287x264) i header / sekcja eksploduje.
 * Te reguły zatrzaskują wymiary tak jak ustawia je Divi runtime.
 */

/* Header logo — height-percentage="54" → 54% z 80px header = 43px. Wymuszamy max-height. */
#logo {
  max-height: 36px !important;
  width: auto !important;
  max-width: none !important;
}

#main-header {
  min-height: 80px;
}

/* === Vertical centering of logo + nav ===
 * Divi default uses position:absolute + logo_helper trick for the logo
 * and padding-top:33px for the nav — both break without Divi JS.
 * Switching to flexbox preserves left/right positions and adds vertical centering.
 */
@media only screen and (min-width: 981px) {
  #main-header {
    height: 80px;
  }

  .container.et_menu_container {
    height: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .et_header_style_left .logo_container {
    position: static !important;
    height: auto !important;
    width: auto !important;
  }

  .et_header_style_left #et-top-navigation {
    float: none !important;
    padding-top: 0 !important;
  }

  .et_header_style_left #et-top-navigation nav > ul > li > a {
    padding-bottom: 0 !important;
  }
}

/* === Sekcja Rozwiązanie: full-width, zdjęcie po lewej ===
 * Divi domyślnie ogranicza row do 80%/1080px + kolumny mają margin-right:5.5%.
 * Przełączamy na flexbox edge-to-edge bez żadnych marginesów/paddingów.
 */
#rozwiazanie {
  padding: 0 !important;
  overflow: hidden;
}

#rozwiazanie .et_pb_row_3 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  min-height: 800px;
}

#rozwiazanie .et_pb_row_3 > .et_pb_column {
  float: none !important;
  margin: 0 !important;
}

#rozwiazanie .rozwiazanie-img-col {
  width: 38% !important;
  background-image: url('/wp-content/uploads/2025/09/Czym-jest-i-jak-dziala-nasza-platforma.webp') !important;
  background-size: cover !important;
  background-position: center top !important;
  padding: 0 !important;
  min-height: 800px;
}

#rozwiazanie .et_pb_column_8 {
  width: 62% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 60px 220px 60px 80px !important;
}

/* === FAQ: zawsze rozwinięte, bez przycisku toggle ===
 * Divi chowa et_pb_toggle_content gdy item ma klasę et_pb_toggle_close
 * i pokazuje ikonę +/- przez ::before na et_pb_toggle_title.
 * Wymuszamy widoczność contentu i ukrywamy ikonę.
 */
#faq .et_pb_toggle_content {
  display: block !important;
}

#faq .et_pb_toggle_title::before {
  display: none !important;
}

#faq .et_pb_toggle_title {
  cursor: default !important;
  padding-left: 0 !important;
}

/* Wszystkie loadowane obrazki (Divi et_pb_image) — szanuj attribute width/height
 * zamiast pozwalać CSS-owi rozdąć do 100%.
 */
.et_pb_image_wrap img,
.et_pb_module .et_pb_image img {
  max-width: 100%;
  height: auto;
}