// Helpers: variables, mixins, bootstrap (functions, variables, mixins)
@import 'helpers/store-locator-helpers';

// Libraries
@import 'libs/store-locator-libs';

// Base
@import 'common/store-locator-common';
@import 'common/vat-toggle';

@import 'globals/global-partials';

// Components
@import 'globals/global-components';
@import 'components/map';
@import 'components/notifications';
@import 'components/find-a-store';
@import 'components/not-logged-in-message';
@import 'components/card-store-locator';
@import 'components/store-locator-v2-details';
@import 'components/special-opening-schedule-v2';
@import 'pages/page_store-locator';
@import 'pages/page_store-locator-details';
@import 'components/pagination';

//Component card extract start
.card {
  flex-direction: row;
  margin-bottom: 30px;

  &.descr--normal {
    .product-card__description .card_offer_text {
      color: $gray-dark;
    }
  }
}

.card__inner {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  background-color: $white;
  border: 1px solid $gray;

  .card__img {
    border-bottom: 1px solid $gray;
  }
}

.card__img-wrap {
  flex-shrink: 0;
  position: relative;
}

.card__img {
  max-width: 100%;
  width: 100%;
}

.card__content {
  flex: 1 0 auto;
  padding-top: 20px;
  padding-right: 15px;
  padding-left: 15px;
}

.card__title {
  font-weight: bold;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 8px;

  div {
    font-weight: 100;
  }
  @include media-breakpoint-down(sm) {
    width: 100%;
  }
}
//Component card extract end

//Page store-locator extract start
.btn_store-near-me {
  margin-bottom: 20px;
  width: 100%;

  @include media-breakpoint-up(md) {
    display: none;
  }
}
//Page store-locator extract end