/* Ukrywa całą pozycję banner na podstronach artykułów */
body.view-article .container-banner,
body.view-article .mod-banners {
    display: none !important;
}
/* Ukryj pozycję bottom-a (film promocyjny) na podstronie pełnego artykułu */
body.view-article .site-grid > .container-bottom-a,
body.view-article div[data-extent="bottom-a"] {
    display: none !important;
}
/* ==========================================
   SPÓJNE STYLOWANIE MENU (DARK THEME + WIĘKSZA CZCIONKA)
   ========================================== */

/* 1. STYLOWANIE DLA WERSJI DESKTOP (KOMPUTERY) */

/* Główne pozycje w menu (np. Home, Kontakt, Oferta) */
body .navbar-nav .nav-link,
body .navbar-nav .dropdown-toggle {
  font-size: 1.05rem !important; /* Większa czcionka w menu głównym */
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 0.7rem 1.1rem !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Tło i ramka rozwijanej "chmurki" (dropdown) */
ul.nav-child,
.nav-child,
.dropdown-menu,
ul.dropdown-menu,
li.deeper ul,
.navbar-nav ul {
  background-color: #24325e !important; /* Ciemnogranatowe tło */
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
  padding: 8px 0 !important;
  margin-top: 6px !important;
  min-width: 240px !important; /* Lekko rozszerzone podmenu dla większego tekstu */
  list-style: none !important;
}

/* Elementy listy wewnątrz menu */
ul.nav-child li,
.nav-child li,
.dropdown-menu li,
li.deeper ul li {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Linki wewnątrz rozwijanego podmenu */
ul.nav-child li a,
.nav-child li a,
.dropdown-menu li a,
.dropdown-item,
li.deeper ul li a {
  color: rgba(255, 255, 255, 0.9) !important; /* Jasny tekst */
  font-size: 1.02rem !important; /* Większa czcionka w podmenu */
  font-weight: 400 !important;
  padding: 10px 20px !important; /* Większe wcięcia dla wygodniejszego klikania */
  display: block !important;
  text-transform: none !important; /* Wyłączenie drukowanych liter */
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

ul.nav-child li:last-child a,
.dropdown-menu li:last-child a {
  border-bottom: none !important;
}

/* Podświetlenie pozycji po najechaniu myszką */
ul.nav-child li a:hover,
.nav-child li a:hover,
.dropdown-menu li a:hover,
.dropdown-item:hover,
li.deeper ul li a:hover {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  padding-left: 24px !important;
}


/* 2. STYLOWANIE DLA WERSJI MOBILNEJ (TELEFONY I TABLETY) */

@media (max-width: 991.98px) {

  /* Domyślne ukrycie podmenu na ekranach mobilnych */
  ul.nav-child,
  .nav-child,
  .dropdown-menu,
  ul.dropdown-menu,
  li.deeper ul,
  .navbar-nav ul {
    display: none;
    position: static !important;
    float: none !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
    margin: 6px 0 10px 10px !important;
    width: calc(100% - 10px) !important;
  }

  /* Pokazywanie podmenu dopiero po kliknięciu/otwarciu */
  .show > ul.nav-child,
  .show > .nav-child,
  .show > .dropdown-menu,
  .dropdown.show .dropdown-menu,
  li.deeper.show ul,
  li.deeper:hover ul {
    display: block !important;
  }

  /* Rozmiar czcionki na telefonach (zostawiamy standardowy czytelny rozmiar) */
  ul.nav-child li a,
  .dropdown-menu li a,
  .dropdown-item {
    font-size: 0.95rem !important;
    padding: 9px 16px !important;
  }

  ul.nav-child li a:hover,
  .dropdown-menu li a:hover,
  .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.18) !important;
    padding-left: 20px !important;
  }
}
/* Zmiana tła całej witryny na delikatnie szary KOLOR TLA!!!!!!!!!!*/
body {
    background-color: #f4f5f7 !important;
}

/* Jeśli główny obszar roboczy strony ma wymuszone białe tło */
.site-grid, 
.container-component, 
main {
    background-color: transparent !important;
}