/* Drobne poprawki do wersji statycznej */
.headerWrapper .left ul .lang-switch a,
.menuMobile .lang-switch a {
  font-weight: 700;
  color: #9a8174;
}
.footer a { color: inherit; }
.page-template-page-contact .wrapperContact .infoWrapper a,
.page-template-page-contact-eng .wrapperContact .infoWrapper a { color: inherit; }

html { overflow-x: hidden; }
body { overflow-x: hidden; }

/* ===== Slider na stronie głównej: strzałki po bokach, kropki na środku u dołu ===== */
.heroWrapper .dots {
  position: absolute;
  inset: 0;
  width: auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 22px;
  pointer-events: none;
  z-index: 10;
}
.heroWrapper .dots > * { pointer-events: auto; }
.heroWrapper .dots .prev,
.heroWrapper .dots .next {
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 10px;
  fill: #8f8f8f;
}
.heroWrapper .dots .prev { left: 14px; transform: translateY(-50%); }
.heroWrapper .dots .next { right: 14px; transform: translateY(-50%) rotate(180deg); }
.heroWrapper .dots .prev:hover,
.heroWrapper .dots .next:hover { fill: #fff; }
.heroWrapper .dot { margin: 0 4px; background-color: #8f8f8f; }
.heroWrapper .dot.active { background-color: #fff; }

/* tekst i przycisk w sliderze */
.heroWrapper .slide .sliderWrapper .leftSlider { padding-left: 20px; }
#one p, #two p, #three p { line-height: 175%; }
.heroWrapper .slide .sliderWrapper .leftSlider button {
  padding: 14px 32px;
  font-size: 15px;
  margin-top: 25px;
}
/* zdjęcie w kolorze */
.heroWrapper .slide .sliderWrapper .rightSlider { filter: none; }

@media only screen and (max-width: 1210px) {
  .heroWrapper .dots { position: absolute; }
  .heroWrapper .slide .sliderWrapper .leftSlider { padding: 0 30px; }
}

/* średnie ekrany: zdjęcie zostaje widoczne */
@media only screen and (min-width: 900px) and (max-width: 1210px) {
  .slides, #one, #two, #three { height: 620px; }
  .heroWrapper .slide .sliderWrapper .rightSlider { display: block; }
  .heroWrapper .slide .sliderWrapper .leftSlider { width: 55%; padding-left: 50px; }
  .heroWrapper .slide .sliderWrapper { width: 100%; }
}

/* ===== Telefon: slider rośnie z tekstem, strzałki przy kropkach ===== */
@media only screen and (max-width: 899px) {
  .slides, #one, #two, #three { height: auto !important; min-height: 520px; }
  #one:before, #two:before, #three:before { height: 100% !important; }
  .heroWrapper .slide { padding: 40px 22px 90px; align-items: center; }
  .heroWrapper .slide .sliderWrapper .leftSlider { padding: 0 !important; width: 100%; }
  #one h2, #two h2, #three h2 { font-size: 28px !important; padding-bottom: 14px !important; padding-right: 0 !important; }
  #one p, #two p, #three p { font-size: 15px !important; line-height: 160% !important; padding-right: 0 !important; }
  .heroWrapper .slide .sliderWrapper .leftSlider button { margin-top: 18px; padding: 12px 24px; font-size: 14px; }
  .heroWrapper .dots { padding-bottom: 18px; align-items: flex-end; }
  .heroWrapper .dots .prev,
  .heroWrapper .dots .next { position: relative; top: auto; left: auto; right: auto; padding: 0 14px; }
  .heroWrapper .dots .prev { transform: none; margin: 0; }
  .heroWrapper .dots .next { transform: rotate(180deg); margin: 0; }
  .heroWrapper .dots { align-items: center; justify-content: center; flex-direction: row; }
  .heroWrapper .dots { top: auto; height: 50px; bottom: 10px; padding-bottom: 0; }
  .heroWrapper .dots .prev svg, .heroWrapper .dots .next svg { display: block; }
}