.gora { background-color: #0e1e46; }
h1.article__title { font-size: 10px; }
h2. { font-size: 20px; }
h3.card-header { font-size: 12px; }
.stopka { background-color: #0b1838; }
.telefon { font-size: 14px; color: black; font-family: arial; outline: none; font-weight: 550;}
.dol { background-color: #0e1e46; }

.footer {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #0b1838;
}

.napisdol {font-size: 20px; color: #e31e24; font-family: arial; outline: none;}
.stopka2 {font-size: 16px; color: #e31e24; font-family: arial; outline: none;}

/* ===== Stopka: rozdzielenie paska "info" od stopki (bez nadmiernej wysokosci) ===== */

/* Odstep + czerwony akcent na gorze granatowych blokow, zeby nie zlewaly sie w jeden pas. */
.dol.full-width {
  margin-top: 16px;
  border-top: 3px solid #e31e24;
}

/* Umiarkowane swiatlo wewnatrz - stopka nie jest przez to zbyt wysoka. */
.dol .container {
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Zbijamy puste naglowki-przerywniki (<h4></br></h4> itp.), ktore sztucznie wydluzaly stopke. */
.dol h4,
.dol h6 {
  margin: 4px 0 !important;
  line-height: 1.2 !important;
}

/* Czytelny jasny tekst i linki na granacie. */
.dol,
.dol p,
.dol li {
  color: #e8ecf5;
}
.dol a {
  color: #dbe3f3;
  text-decoration: none;
}
.dol a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* Naglowki sekcji "Mapa strony" / "Kontakt". */
.napisdol {
  font-weight: 700;
  letter-spacing: .3px;
  margin-bottom: 8px;
  display: inline-block;
}

/* Dolny pasek praw autorskich. */
.stopka {
  border-top: 1px solid rgba(255,255,255,.08);
}
.stopka .container {
  padding-top: 14px;
  padding-bottom: 14px;
}
.stopka2 {
  font-size: 14px;
  color: #c9d2e6;
  display: block;
  text-align: center;
  line-height: 1.6;
}

/* ===== SLIDER na mobile: panorama ma wypelniac pasek (cover), a nie wisiec w pustce (contain) ===== */
@media (max-width: 720px) {
  .djslider {
    --djslider-fit: cover !important;
    --djslider-height: 200px !important;
    --djslider-min-height: 0 !important;
  }
  .djslider__image { object-fit: cover !important; }
}

/* ===== MENU na mobile: panel wysuwany z PRAWEJ (zamiast z lewej) ===== */
@media (max-width: 991.98px) {
  /* Hamburger wyraznie widoczny i wysrodkowany. */
  #megamenu-116 .mm-mobile-toggle {
    margin: 8px auto !important;
  }

  /* Stan ZAMKNIETY: panel schowany za prawa krawedzia ekranu.
     Specyficznosc (1,3,0) bije domyslna regule motywu (1,2,0) dla .mm-offcanvas-left. */
  #megamenu-116.mm-mobile .mm-offcanvas.mm-offcanvas-left {
    left: auto !important;
    right: 0 !important;
    transform: translateX(100%) !important;
  }
  /* Stan OTWARTY obsluguje istniejaca regula motywu
     (#megamenu-116.mm-mobile.mm-offcanvas-open .mm-offcanvas { transform: translateX(0) }),
     ktora jest pozniej w kodzie, wiec przy rownej specyficznosci wygrywa - panel wjezdza,
     a jego pozycja przy prawej krawedzi pozostaje. */
}

/* ===== Drobne poprawki mobilne ===== */
@media (max-width: 575.98px) {
  .logo img { max-width: 70%; height: auto; }
  .container { padding-left: 14px; padding-right: 14px; }
}