/*
 * Korekty wersji mobilnej (< 768px) — uwagi klienta:
 * mniejsze odstepy miedzy sekcjami i nizszy naglowek podstron.
 * Klasy md/lg (>= 768px) dzialaja bez zmian, wiec desktop wyglada jak dotad.
 */
@media (max-width: 767.98px) {

  /* Sciete krawedzie sekcji: 4rem to na telefonie za duzo i wymusza duze odstepy. */
  .wrapper.angled.upper-end:before,
  .wrapper.angled.upper-start:before { border-top-width: 2rem; top: -2rem; }
  .wrapper.angled.lower-end:after,
  .wrapper.angled.lower-start:after { border-bottom-width: 2rem; bottom: -2rem; }

  /* Odstepy pionowe sekcji. */
  .wrapper .container.py-14,
  .wrapper .container.py-16 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  .wrapper > .container.py-18 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
  .wrapper > .container.pt-16 { padding-top: 2.5rem !important; }
  .wrapper > .container.pb-16 { padding-bottom: 2.5rem !important; }
  .wrapper > .container > .row.mb-14 { margin-bottom: 0 !important; }

  /* Opinie: karta zachodzi na ciemna sekcje — utrzymujemy to przy mniejszych odstepach. */
  .wrapper > .container.py-16 > .mt-n18 { margin-top: -3rem !important; margin-bottom: 0 !important; }

  /* Naglowek podstron (Technologie, Kontakt, Realizacje, Oferta...). */
  .wrapper.bg-soft-primary > .container.pb-19 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .wrapper.bg-soft-primary > .container.pb-19 h1 { margin-bottom: 0 !important; }
  .blog.single.mt-n17 { margin-top: 1.5rem !important; }
  /* Tresc tuz pod naglowkiem: mniejszy odstep i bez pustej kolumny na wstep (listy kafelkow). */
  .wrapper.bg-soft-primary + .wrapper > .container.py-14 { padding-top: 1.5rem !important; }
  .wrapper.bg-soft-primary + .wrapper > .container > .row > .mb-8:not(:has(*)) { display: none; }
}

/* Karuzela realizacji: przycisk "Zobacz wszystkie" wysrodkowany i nie przyklejony do kropek. */
@media (max-width: 767.98px) {
  .swiper-container + div { text-align: center; }
  .swiper-container + div > .btn { margin-top: 1.5rem; }
}

/* Menu w panelu bocznym (< 992px): dlugie nazwy pozycji lamia sie w kolejnej linii zamiast wychodzic poza panel. */
@media (max-width: 991.98px) {
  .offcanvas-nav .dropdown-item { white-space: normal; }
}