/* 1. Ustawienie rodzica jako Grid
.newsDetails-section { zamień na właściwą klasę rodzica, jeśli jest inna
  display: grid;
  grid-template-columns: 100%; Jedna kolumna na pełną szerokość
}

2. Galeria Swiper ląduje na wyższej pozycji (np. 1 lub 2)
.newsDetails__thumbsWrapper {
  grid-row: 1; Wyświetla się jako pierwsza od góry
}

3. Twój tekst ląduje bezpośrednio pod nią
.imageSlider_text {
  grid-row: 2; Wyświetla się jako drugi (poniżej galerii)
  margin-top: 20px; Opcjonalnie: dodaj odstęp między galerią a tekstem
}

.czerwonytekst{
  color: red !important;
} */

.introBannerCarousel .introBannerCarousel__contentBody {
  color: #3d444f;
}

.content.no-margin-list {
  margin: 0 auto;
 
}

.content.no-margin-list [data-wysiwyg="true"] ul,
.content.no-margin-list [data-wysiwyg="true"] ol {
  margin: 0;
}

.newsDetails .newsDetails__imagesImage {
  object-fit: contain;
}

.header .header__logoImage {
  max-width: 181px;
}

/*-----LISTY SFORMATOWANE ZIELONE SZARE-----*/
.list-green-formatted [data-wysiwyg="true"] {

  /* Styl dla list niezorganizowanych (kropki/ikonki) */
  ul {
    list-style: none;
    padding-left: 40px !important;

    @media (max-width: 768px) {
      padding-left: 10px !important;
    }

    /* Używamy '>' żeby reguły dotyczyły TYLKO li bezpośrednio w ul */
    > li {
      list-style-type: none;
      position: relative;
      padding-left: 20px;
      margin-bottom: 3px;
      background: url('/_fileserver/time20260709170434/item/rtuoh6j') no-repeat left 2px;

      > ul {
        list-style: none;
        margin-top: 3px;
        padding-left: 20px !important;

        @media (max-width: 768px) {
          padding-left: 10px !important;
        }

        > li {
          list-style-type: none;
          padding-left: 20px;
          background: url('/_fileserver/time20260715104208/item/ppui7x4') no-repeat left 2px;

          > ul {
            list-style: none;
            margin-top: 3px;
            padding-left: 20px !important;

            @media (max-width: 768px) {
              padding-left: 10px !important;
            }

            > li {
              list-style-type: disc;
              padding-left: 0;
              background: none;

              > ul {
                list-style: none;
                margin-top: 3px;
                padding-left: 20px !important;

                @media (max-width: 768px) {
                  padding-left: 10px !important;
                }

                > li {
                  list-style-type: none;
                  padding-left: 0;
                  background: none;
                  position: relative;
                }
              }
            }
          }
        }
      }

      /* OBSŁUGA <ol> ZAGNEŻDŻONEGO Wewnątrz <ul> */
      ol {
        list-style-type: decimal !important;
        padding-left: 40px !important; /* Mniejszy padding dla ol wewnątrz ul */
        margin-top: 3px;
        margin-bottom: 3px;

        @media (max-width: 768px) {
          padding-left: 30px !important;
        }

        li {
          list-style-type: decimal !important;
          background: none !important;
          margin-bottom: 3px;
          padding-left: 0 !important;
        }
      }
    }
  }

  /* Styl dla głównych list numerowanych (OL) – tylko na najwyższym poziomie */
  > ol, 
  div > ol { /* Zabezpieczenie, gdy ol jest bezpośrednio w kontenerze */
    list-style-type: decimal !important;
    padding-left: 60px !important;
    margin-top: 3px;
    margin-bottom: 3px;

    @media (max-width: 768px) {
      padding-left: 30px !important;
    }

    li {
      list-style-type: decimal !important;
      background: none !important; 
      margin-bottom: 3px;

      ol {
        padding-left: 20px !important;
      }
    }
  }
}

/*-----Tymczasowe style do pokazywania Zaloguj się na mobile-----*/
@media (max-width: 61.9988rem) {
  .header__menuButtonSecondary {
    display: inline-block !important;
    padding: 10px !important;
    min-width: 0 !important;
    line-height: 1rem !important;
    font-size: 14px !important;
    margin: 0 60px 0 0;
    order: 4;
    span {
      display: none;
    }
  }
  .header__segmentDropdownButton {
    padding: 0 !important;
  }
  .header__search {
    z-index: 1;
    margin: 0 0 0 auto !important;
  }
  .header__top {
    gap: 10px !important;
  }
}
.header__searchContainer {
  height: 38px !important;
}
.header__searchSubmit {
  transform: translate(-44px, 4px) !important;
}

@media (max-width: 48.0613rem) {
  .header__segmentDropdownButton {
    padding: 0 40px 0 20px !important;
  }
  .header__searchContainer {
    height: 50px !important;
  }
  .header__searchSubmit {
    transform: translate(-44px, 10px) !important;
  }
}
@media (max-width: 30.0613rem) {
  .header__menuButtonSecondary {
    margin: 0 50px 0 0;
    font-size: 12px !important;
  }
}

/*---------kolory---------*/
.beige-bg{
  background-color: #f8f6f2!important;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  >ul{
    >li{
       box-shadow: none!important;
    }
  }
}

/*---------STOPKA---------*/
.footer__panelTopItem{
  flex: 0 0 33.333%!important;
}
/*------------------------*/

.listOfBlocks--iconHorizontalTop .listOfBlocks__itemImage{
  width: 100px !important;
}

/*--------------*/
.marginBottomZero{
  margin-bottom: 0 !important;
}

.introBannerCarousel__element {
    &.text-black {
        .note-small {
            color: #000000 !important;
        }
    }
}

.wppz{
  h4{
    font-size: 1.59rem!important;
    margin-bottom:10px!important;
  }
  .introBannerCarousel__contentBody{
    margin-top:0!important;
    margin-bottom:10px!important;
  }
}

.zyczenia{
  margin-top:0px!important;
}

.textAndImage__image{
  width: 85%!important;
}

/*-----tabele-----*/
.table-rounded{
  border-collapse: collapse!important;
}
.content [data-wysiwyg=true] table.table-rounded{
  border-bottom: 1px solid var(--color-border-gray)!important;
}
.content [data-wysiwyg=true] table.table-rounded td, .content [data-wysiwyg=true] table.table-rounded th{
  border-left: 1px solid var(--color-border-gray)!important;
  border-right: 1px solid var(--color-border-gray)!important;
}
.content [data-wysiwyg=true] table{
  font-size:inherit!important;
}

.col-5-important{
  width: 41.66% !important;
}
.col-2-important{
  width: 16.666667% !important;
}