/* Titulky */
.title {
  font-weight: bold;
  margin-bottom: 7px;
  color: #7C9AC0;
}

/* Selektory a inputy */
.select2-container {
  width: 100% !important;
}

.select2-selection {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  color: #333;
}

.select2-selection__rendered {
  padding: 0 !important;
}

select,
input[type="search"],
input[type="checkbox"] {
  font-size: 14px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

/* Input search stylování */
input[type="search"] {
  padding-right: 35px;
  background: url('search-icon.svg') no-repeat right center;
  background-size: 16px;
  background-color: #fff;
}


/* Titulky v rámci formuláře */
.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


.select-boxes {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    width: 100%;
}

.select-boxes-top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    width: 100%;
}

.select-box  {
  flex: 0 0 25%;
  padding-right: 20px;
}

.select-box-obor  {
  flex: 0 0 40%;
  padding-right: 20px;
}
.select-box-search  {
  flex: 0 0 60%;
  padding-right: 20px;
}

@media (max-width: 767px) {
    .select-box {
    flex: 0 0 100%;
  }
}

/* Styl pro tlačítka */
.applyfilter {
  display: inline-block;
  background-color: #A2B31D;
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  margin-top: 20px;
  transition: background-color 0.3s ease;
  box-shadow: none;
  font-family: "Roboto", sans-serif;
  line-height: 16.8px;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

.reset {
  display: inline-block;
  background-color: #7C9AC0;
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  margin-top: 20px;
  transition: background-color 0.3s ease;
    font-weight: bold;
}

.reset:hover, .applyfilter:hover {
  color: #fff !important;
}

/* Styl pro jednotlivé itemy */
.item {
  margin-bottom: 15px;
}

.item label {
  font-size: 14px;
  color: #555;
  cursor: pointer;
}

.item .input {
  display: flex;
  align-items: center;
}

/* Styl pro SearchWrapper */
.searchWrapper .input {
  margin-bottom: 0;
}

/* Nastavení pro zobrazení aktivních elementů */
.select2-selection__placeholder {
  color: #aaa;
}

/* Styl pro vysouvací menu select2 */
.select2-container--default .select2-selection--multiple {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 5px;
  line-height: 1.2;
}

.select2-container--default .select2-selection__arrow {
  top: 10px;
}

/* Třída pro výběr všech možností - Vše */
.select2-selection__placeholder {
  font-style: italic;
  color: #bbb;
}

.select-box {
  flex: 1; /* Každý select box zabírá stejný podíl dostupného místa */

}

.select-box:last-child {
  margin-right: 0; /* Poslední select nemá žádnou pravou mezeru */
}

.select-box select {
  width: 100% !important; /* Zaručí, že select vyplní celý rodičovský box */
}

.multiselect-dropdown-list input {
    zoom: 1.2;
    position: relative;
    top: 4px;
}

.multiselect-dropdown-list div {
    padding: 5px 0 0 3px;
}
.multiselect-dropdown-list div:hover {
  background-color: #d7e668ff;
}
.multiselect-dropdown-list div.checked {
  background-color: #A2B31D;
  color: #fff;
}

.multiselect-dropdown span.optext {
    background-color: #d7e668ff;
    padding: 5px 14px 3px 9px;
    color: #000;
    font-size: 90%;
}
.multiselect-dropdown span.optext .optdel {
    color: #000;
    position: relative;
    top: -2px;
}





/* === Pagination Buttons === */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.pagination a.prev,
.pagination a.next {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 5px;
  background: #7c9ac0;      /* tvoje barva */
  border: 1px solid #7c9ac0;
  color: #ffffff;           /* text bílý */
  text-decoration: none;
  font-weight: 600;
  transition: background .2s ease, transform .06s ease;
}

/* Hover – lehce tmavší */
.pagination a.prev:hover,
.pagination a.next:hover {
  background: #6a88ad;
  border-color: #6a88ad;
}

/* Active klik */
.pagination a.prev:active,
.pagination a.next:active {
  transform: translateY(1px);
}

/* Focus */
.pagination a.prev:focus-visible,
.pagination a.next:focus-visible {
  outline: 3px solid #b5c7de;
  outline-offset: 2px;
}

/* Disabled */
.pagination a.is-disabled,
.pagination a[aria-disabled="true"] {
  pointer-events: none;
  opacity: .5;
}

/* Mobil */
@media (max-width: 480px) {
  .pagination {
    gap: 8px;
  }
  .pagination a.prev,
  .pagination a.next {
    flex: 1 1 0;
    justify-content: center;
    padding: 12px 14px;
  }
}