:root {
    --primary-h: 9 !important;
    --primary-s: 100% !important;
    --primary-l: 16.1% !important;
    --primary-contrast-h: var(--primary-h) !important;
    --primary-contrast-s: var(--primary-s) !important;
    --primary-contrast-l: 100%  !important;

    --secondary-h: 220 !important;
    --secondary-s: 34.9% !important;
    --secondary-l: 91.6% !important;
    --secondary-contrast-h: var(--secondary-h) !important;
    --secondary-contrast-s: var(--secondary-s) !important;
    --secondary-contrast-l: 20%  !important;
  }
  :root{
--primary-font: 'NPRO Property', Arial !important;
--secondary-font: 'NPRO Property', Arial !important;
}
@font-face {
font-family: 'NPRO Property';
font-weight: 400;
src: url('https://assets.kvass.no/67eee0f47d06213315155161') format('opentype');
}

.blocks-announcement {
  --blocks-announcement-bg: var(--primary);
  --blocks-announcement-text-color: var(--primary-contrast);
  border-start-start-radius: var(--border-radius);
  border-end-start-radius: var(--border-radius);
  bottom: 18%;
  left: 0;
  min-height: 120px;
  max-width: 250px;
  height: auto;
  gap: 0.3rem !important;
  align-items: start;
  flex-direction: column;
  font-size: clamp(1rem, 3vw, 1.2rem);
  p,
  h2 {
    font-size: clamp(1rem, 3vw, 1.2rem);
    margin: 0;
  }
}

.blocks-announcement__text {
  font-weight: bold !important;
}

.blocks-announcement__button {
  white-space: normal !important;
  line-height: normal !important;
  font-weight: normal !important;
  padding: 0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

.blocks-announcement__close {
  display: none !important;
}

@media (max-width: 992px) {
  .blocks-announcement {
    display: none !important;
  }
}

.flatfinder-leaflet-v1-card-status--rent .flatfinder-leaflet-v1-card__price-wrapper{
    display: none !important;
}
.flatfinder-residentials__item--rent{
    display: none !important;
}
.malling-filter .info-container {
    display: none !important;
}
.blocks-summary__price-wrapper h2{
    display: none !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;
}