.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: 10px;
  padding-bottom: 10px;
}

/* Akapity opakowujace moduly stopki mialy domyslny duzy margines. */
.dol .container p {
  margin-bottom: 4px;
}

/* "Mapa strony" to pionowe mega menu - domyslnie 14px paddingu na pozycje,
   co mocno wydluzalo stopke. Zbijamy pozycje listy. */
#megamenu-120 .mm-link,
#megamenu-120 a.mm-link {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
#megamenu-120 .mm-bar {
  border-bottom: none !important;
}

/* 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" - mniejsze niz domyslne 20px. */
.napisdol {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .3px;
  margin-bottom: 8px;
  display: inline-block;
}

/* Mniejszy tekst w kolumnach stopki.
   Celowo tylko ".dol .container p ..." - pasek "Posiadamy 3 komory" nie ma
   opakowania <p>, wiec jego duzy napis zostaje nietkniety. */
.dol .container p,
.dol .container p a,
.dol .container p li,
.dol .container p span {
  font-size: 13.5px;
  line-height: 1.5;
}

/* Pozycje "Mapy strony" (pionowe mega menu w stopce). */
#megamenu-120 .mm-link,
#megamenu-120 a.mm-link,
#megamenu-120 .mm-title {
  font-size: 13px !important;
}

/* 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: 13px;
  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; }
}

/* ===== Menu w stopce ("Mapa strony") - mniejsze =====
   Motyw ma wlasne reguly z !important i glebokimi selektorami, ktore bija
   zapis z pojedynczym ID. Podwojone ID daje specyficznosc (2,x,0) i wygrywa. */
#megamenu-120#megamenu-120 .mm-link,
#megamenu-120#megamenu-120 a.mm-link {
  padding: 1px 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.4 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  gap: 0 !important;
}
#megamenu-120#megamenu-120 .mm-title {
  font-size: 12.5px !important;
  letter-spacing: 0 !important;
}
#megamenu-120#megamenu-120 .mm-item,
#megamenu-120#megamenu-120 .mm-link-wrap {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}