/* Stylizacja niestandardowej listy */
.moja-lista {
  list-style-type: disc;        /* typ wypunktowania: disc / circle / square / none */
  margin: 1em 0;
  padding-left: 1.5em;         /* odsunięcie od lewej */
  font-size: 1rem;             /* możesz zwiększyć tekst */
  line-height: 1.5;
}

.moja-lista li {
  margin-bottom: 0.3em;        /* odstęp między punktami */
}

/* Przykład: kolorowe kropki */
.moja-lista li::marker {
  color: #007bff;              /* niebieski marker jak w Bootstrap */
  font-size: 1.2em;
}

/* Kontener pola */
.zielony-box {
  background-color: #1e7e34;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  margin: 10px 0;
  display: inline-block;
}

/* Etykieta i wartość w tym samym boxie */
.zielony-box .field-label,
.zielony-box .field-value {
  display: inline;
  color: #fff;
}

.zielony-box .field-label {
  font-weight: bold;
  margin-right: 6px;
}
/* Stylizacja niestandardowej listy */
.moja-lista {
  list-style-type: disc;        /* typ wypunktowania: disc / circle / square / none */
  margin: 1em 0;
  padding-left: 1.5em;         /* odsunięcie od lewej */
  font-size: 1rem;             /* możesz zwiększyć tekst */
  line-height: 1.5;
}

.moja-lista li {
  margin-bottom: 0.3em;        /* odstęp między punktami */
}

/* Przykład: kolorowe kropki */
.moja-lista li::marker {
  color: #007bff;              /* niebieski marker jak w Bootstrap */
  font-size: 1.2em;
}
/* --- 1. Zwinięte pola filtrów z animacją --- */
.jfilters .jfilters-field-options {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.jfilters .jfilters-field-options.active {
    max-height: 500px; /* wysokość rozwinięcia */
}

.jfilters .jfilters-field-title {
    cursor: pointer;
    background: #f0f0f0;
    padding: 5px 10px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    border-radius: 4px;
    transition: background 0.2s;
}

.jfilters .jfilters-field-title:hover {
    background: #e0e0e0;
}