/* .acf-show-group-fields {
  display: flex;
  justify-content: center;
  list-style: none !important;
  max-width: 600px;
  margin: auto;
  justify-content: space-evenly;
  padding-right: 40px;
  flex-wrap: wrap;

  li {
    display: flex;
    font-size: 20px;
    align-items: center;
    margin: 0 10px;
    &:after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      margin-left: 5px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
  }

  .home-specs-bedroom {
    &:after {
      background-image: url("../assets/icons/bedroom.svg");
    }
  }

  .home-specs-bathroom {
    &:after {
      background-image: url("../assets/icons/bathroom.svg");
    }
  }

  .home-specs-livingroom {
    &:after {
      background-image: url("../assets/icons/livingroom.svg");
    }
  }

  .home-specs-floor {
    &:after {
      background-image: url("../assets/icons/floor.svg");
    }
  }

  .home-specs-garage {
    &:after {
      background-image: url("../assets/icons/garage.svg");
    }
  }

  .home-specs-lot_area,
  .home-specs-floor_area {
    &:after {
      content: "m²";
      display: none;
      width: auto;
      height: auto;
      font-size: 14px;
    }
  }
} */

.homespecs-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  z-index: 10;
  pointer-events: none;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  padding: 10px;

  .data-field {
    padding: 0 4px;
    font-weight: 500;
    display: flex;
    align-items: center;

    img {
      transform: none !important;
    }

    .data-field-value {
      color: black !important;
    }
  }
}

.t-entry-visual:hover .homespecs-overlay {
  img {
    transform: none !important;
  }
}

.data-field {
  &.data-field--homespecs_floorarea,
  &.data-field--homespecs_lotarea {
    .data-field-value {
      &:after {
        content: "m²";
        display: inline;
        width: auto;
        height: auto;
        font-size: 11px;
        vertical-align: top;
      }
    }
  }
}

.homespecs-wrapper {
  gap: 14px !important;

  .data-field-value {
    font-size: 13px !important;
  }

  .data-fields {
    display: flex;
    flex-wrap: wrap;
  }

  .data-field {
    grid-column-gap: 0 !important;
  }

  .data-field-icon {
    margin-right: 4px;

    img {
      width: 18px;
    }
  }

  .data-field--homespecs_floor {
    .data-field-icon img {
      width: 16px;
    }
  }

  .data-field--homespecs_lotarea {
    .data-field-icon img {
      width: 17px;
    }
  }
}

.home-specs-filter-wrapper {
  .uncont {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .uncode_widget {
    display: flex;
    align-items: center;
    /* border-bottom: 1px solid; */
    padding-bottom: 0 !important;
  }

  .widget-ajax-filters {
    .widgettitle {
      font-weight: 500;
      margin: 0 10px 0 0 !important;
      font-size: 14px !important;
    }
  }

  .term-filters {
    a {
      background: rgba(10, 100, 188, 0.25);
      padding: 1px 12px;
      border-radius: 14px;
      font-weight: 400;
      font-size: 13px;

      &.term-filter-link--active {
        background: #0a64bc;
        color: white !important;
      }
    }
  }
}