/* Skryje výchozí caret (šipku) v bootstrap dropdownu */
.dropdown-toggle::after {
  display: none !important;
}

.filter-card {
  padding: 0px;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* Flexbox pro vodorovné uspořádání a zalomení prvků při malých displejích */
.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  align-items: baseline;
}

.filter-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(20% - 15px); /* Lepší kontrola v Safari */
  min-width: 180px;
}

.filter-item .form-control {
  min-width: 0; /* Ensure the inputs shrink properly */
  box-sizing: border-box; /* Ensure padding and border are included in the width */
  font-size: 0.275rem;
}

/* Stejná výška pro vstupy a selekty */
.filter-item input,
.filter-item select,
.filter-item .input-group {
  height: 40px;
  width: 100%;
  box-sizing: border-box;
}

.tlacitko-lokalita{
  padding-block-end: 8.528px;
  padding-block-start: 8.528px;
  padding-bottom: 8.528px;
  padding-inline-end: 14.928px;
  padding-inline-start: 14.928px;
  padding-left: 14.928px;
  padding-right: 14.928px;
  padding-top: 8.528px;
}

.filter-item.col-span-2 {
  flex-basis: calc(40% - 15px);
  min-width: calc(40% - 15px);
  align-content: start;
}

.okruh-text{
  font-size: 0.6rem;
  margin-top: -0.8rem;
  margin-bottom: 0;
}


@media (max-width: 992px) {
  .filter-item.col-span-2 {
    flex-basis: calc(50% - 15px); /* Full width on medium screens */
    min-width: calc(50% - 15px);
  }
  .filter-item {
    flex-basis: calc(50% - 15px); /* Two items per row on medium screens */
  }


}

@media (max-width: 576px) {
  .filter-item.col-span-2 {
    flex-basis: calc(100% - 15px); /* Full width on small screens */
    min-width: calc(100% - 15px);
  }
  .filter-item {
    flex-basis: 100%; /* One item per row on small screens */
  }

}

.header-nav-features .header-nav-features-user.header-nav-features-user-logged .header-nav-features-dropdown {
	margin-top: 40px !important;
}

.custom-mask-img-1 {
	-webkit-mask-size: 80% !important;
	mask-size:80% !important;
}

@media (max-width: 992px) {
  .custom-stamp-1 {
    top: -90px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    height: 130px;
    transform: scale(0.5);
  }
}

.rotate-animation {
  animation: rotate-animation 5s infinite linear !important;
}

.custom-el-1 {
  bottom: 3% !important;
}

ul.comments .comment-block {
  background: #fff !important;
}

.img-thumbnail {
  background-color: rgba(255, 255, 255, 0) !important;
}

.reply-form {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
}

.reply-form.active {
  max-height: 500px; /* bezpečně velké číslo, aby se formulář vešel */
  opacity: 1;
  margin-top: 10px;
}