:root {
    --primary-h: 30 !important;
    --primary-s: 46.4% !important;
    --primary-l: 89% !important;
    --primary-contrast-h: var(--primary-h) !important;
    --primary-contrast-s: var(--primary-s) !important;
    --primary-contrast-l: 20%  !important;

    --secondary-h: 185 !important;
    --secondary-s: 62.7% !important;
    --secondary-l: 14.7% !important;
    --secondary-contrast-h: var(--secondary-h) !important;
    --secondary-contrast-s: var(--secondary-s) !important;
    --secondary-contrast-l: 100%  !important;
  }
  
.navigation-wrapper__item--lead > button:before {
content: "Ta kontakt" !important;
}
.navigation-wrapper__item--lead > button .k-button__content{
display: none !important;
}
.footer-menu__item--lead > a > button:before {
content: "Ta kontakt";
}
.footer-menu__item--lead > a > button .k-button__content{
display: none !important;
}
.blocks-residentials,
.flatfinder__attribution {
  display: none !important;
}
.k-navigation__items .k-button--variant-secondary{
    background-color: var(--primary);
    color: var(--primary-contrast);
}
.k-navigation__items .k-button--variant-secondary:hover{
    background-color: #fff !important;
    color: var(--primary-contrast);
}
a[data-cta=secondary]{
    background-color: var(--primary) !important;
    color: var(--primary-contrast) !important;
}
a[data-cta=secondary]:hover{
    background-color: #fff !important;
}
.blocks-icons-cards > *{
    --blocks-icons-cards-columns: 3 !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
.blocks-icons-cards__content,
.blocks-icons-cards__subtitle{
    text-align: center !important;
}
  .flatfinder-filter,
.flatfinder__filter-wrapper {
  display: none !important;
}

.malling-filter {
  margin-top: 2rem;
  padding: 1rem 2rem !important;
  border-radius: 5px !important;

  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.malling-filter .input-group {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .malling-filter .input-group {
    gap: 0.5rem;
  }
}

.malling-filter label {
  font-size: 1rem;
  font-weight: bold;
  color: #2e2e2e;
}

.malling-filter .input-wrapper {
  position: relative;
  display: inline-block;
}

.malling-filter input {
  width: 88px;
  padding: 0.25rem 0.75rem;
  border: 0.5px solid #2d3942;
  border-radius: 4px;
  font-size: 1rem;
}

.malling-filter input:focus {
  outline: none !important;
}

.malling-filter input[type="number"]::-webkit-inner-spin-button,
.malling-filter input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.malling-filter input[type="number"] {
  -moz-appearance: textfield;
}

.malling-filter .edit-icon {
  position: absolute;
  right: 15px;
  top: 4px;
  cursor: pointer;
  color: #888;
  width: 10px;
  height: 10px;
}

.malling-filter .reset-button {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #ff3b30;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  font-weight: 600;

  svg path {
    fill: #ff3b30 !important;
  }
}

.malling-filter .reset-icon {
  width: 16px;
  height: 16px;
  color: #ff3b30;
}

.malling-filter .info-container {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.malling-filter .info-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  background-color: #f8f8f8;
  border-radius: 4px;
  margin-top: 10px;
}
.malling-filter .info-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.malling-filter .info-text {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.malling-filter .hidden {
  display: none;
}