:root {
  --cassiopeia-color-primary: #4caf81;
  --body-color: #2e7d63; /* Podaj tutaj wybrany kolor, np. #333333 */
}

p {
  font-size: 125%;
}

.fa-home {
    font-size: 1.1rem; /* dostosuj rozmiar według uznania */
}

header.header {
  background: linear-gradient(to bottom,
    #2e7d63 0%,    /* ciemna, medyczna zieleń – dobra baza pod białe litery */
    #4caf81 60%,   /* klasyczna zieleń "przychodniana" */
    #a8e5c4 100%   /* jasna, spokojna zieleń – ale nie aż biała */
  ) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

footer.footer {
  background: linear-gradient(to bottom, #b2dfdb 0%, #00796b 100%);
  color: white;
  padding: 0.3rem 0.3rem; /* mniej przestrzeni góra/dół */
  font-size: 0.9rem;
   width: 100%;
  display: block;
}

/* Opcjonalnie: mniejsze marginesy między elementami wewnątrz */
footer.footer p,
footer.footer div,
footer.footer ul {
  margin-bottom: 0.1rem;
}

.container-banner .banner-overlay {
        height: 50vh;
}

.mod-breadcrumbs__wrapper {
  background: linear-gradient(to bottom, #eaeaea 90%, #ffffff 100%);
  padding: 2.4rem 0; /* ok. 20% mniej niż 3rem */
  text-align: center;
}

.mod-breadcrumbs {
  background: none !important;
  margin: 0;
  padding: 0;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mod-breadcrumbs__item,
.mod-breadcrumbs__divider {
  background: none !important;
  color: #444;
  font-size: 1.1rem;
}

.mod-breadcrumbs__item a {
  color: #444;
  text-decoration: none;
  transition: color 0.3s, text-decoration 0.3s;
}

.mod-breadcrumbs__item a:hover {
  text-decoration: underline;
  color: #222;
}


nav .mod-menu > li > a {
      font-size: 1.3rem;
    font-family: Roboto;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5rem 1rem;
  display: inline-block;
  transition: all 0.3s ease;
  transform: translateY(0); /* startowa pozycja */
}

/* Efekt unoszenia */
nav .mod-menu > li > a:hover {
  transform: translateY(-3px); /* lekko do góry */
  color: #ffffff; /* Można rozjaśnić, np. rgba(255,255,255,0.9) */
  background: none !important; /* Usuwa tło przy hoverze */
  box-shadow: none !important; /* Usuwa cień, jeśli był */
}

/* Usuwa wszelkie kolorowe tła, które mogą być zdefiniowane gdzieś indziej */
nav .mod-menu > li > a::before,
nav .mod-menu > li > a::after {
  background: none !important;
}

/* Podstawowy wygląd linków w submenu */
nav .mod-menu .mm-collapse a {
  color: #205b3a; /* ciemna zieleń */
  text-decoration: none;
  position: relative;
  padding-left: 1.2rem;
  display: block;
  transition: all 0.3s ease;
}

/* Efekt po najechaniu */
nav .mod-menu .mm-collapse a:hover {
  color: #2b7a50; /* jaśniejsza zieleń */
  transform: translateX(5px); /* delikatne przesunięcie w prawo */
  text-decoration: none; /* brak podkreślenia */
}

/* Strzałka pojawiająca się po najechaniu */
nav .mod-menu .mm-collapse a:hover::before {
  content: "➤"; /* lub "›", "→" */
  position: absolute;
  left: 0;
  color: #2b7a50;
  font-size: 0.8rem;
  opacity: 0.8;
  transition: opacity 1s ease;
  top: 3px; /* obniżenie strzałki o 5px */
}

.powieksz {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: inline-block;
}

.powieksz:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}