@import 'public-booking/main_dependencies';

@mixin map-base {
  display: block;
  line-height: 1.57;
  margin-bottom: $bb-page-margin-vertical;


  #map__search-loader-container {
    position: relative;
    min-height: 300px;
    height: 100%;
  }

  bb-card {
    .card__description {
      min-height: 0;
    }
  }

  bb-company-details {
    .company-details__distance {
      display: none;
    }
  }
}

.v1-location-facet-search {

  &__typeahead {
    position: absolute;
    width: 100%;
    z-index: 1000;

    &-header {
      background-color: #f4f5f7;
      border: {
        right: 1px solid #d1d4dc;
        bottom: 1px solid #d1d4dc;
        left: 1px solid #d1d4dc;
      }
      color: #697180;
      font-size: 15px;
      padding: 10px;
    }

    &-location-name {
      color: #333333;
      font-size: 15px;
      margin: 0;
    }

    &-location-ref {
      color: #697180;
      font-size: 15px;
      margin: 0;
    }

    > .dropdown-menu {
      border: {
        top: none;
        radius: 0;
      }
      display: initial;
      margin: 0;
      width: 100%;

      > .active {
        background-color: #f4f5f7;

        > a {
          background-color: #f4f5f7;

          &:hover {
            background-color: #f4f5f7;
          }
        }
      }

      > li {
        border-bottom: 1px solid #d1d4dc;

        > a {
          padding: 10px;
        }
      }
    }

    > p {
      margin: 0;
    }
  }
}