@import 'public-booking/main_dependencies';

@mixin map-base-canvas {

  .map__search__form {
    @include desktop {
      display: flex;
    }
  }

  .map__input {
    @include desktop {
      flex-basis: 100%;
    }

    &.has-error {
      .map__query__button {
        border-color: $brand-danger;
      }
    }

    .input-group {
      width: 100%;
    }

    .input-group-btn {
      width: 46px !important;
    }
  }

  .map__query {
    &__input {
      width: 100% !important;
      border-top-left-radius: $border-radius-base !important;
      border-bottom-left-radius: $border-radius-base !important;
      box-shadow: none;
      font-size: $font-size-h5;
    }

    &__button {
      height: 46px;
      border-top-right-radius: $border-radius-base;
      border-bottom-right-radius: $border-radius-base;
    }

    &__error {
      height: 25px;
      margin-top: 5px;

      .help-block {
        margin: 0;
      }
    }
  }

  .map__geolocate-button-box {
    margin-bottom: 30px;
    flex-basis: 25%;

    display: flex;
    justify-content: center;

    button {
      padding: 0 0 2px 0;
      border-bottom: 2px solid #4a4a4a;
      color: $bb-main-gray;
    }
  }

  .map__results {
    label {
      width: 100%;
    }
  }

  .map__canvas {

    bb-company-details {
      .company-details__distance {
        display: initial;
        order: 1;
        font-weight: 300;
        color: #9e9e9e;
        font-size: $font-size-h6;
        margin-bottom: 10px;

        i {
          display: none;
        }
      }

      .company-details__name {
        order: 2;
      }

      .company-details__address, .company-details__phone {
        display: none;
      }
    }
  }

  bb-card {
    margin-bottom: $bb-panel-margin-offset;
  }

}