/* Focused QA fixes for shared front-end components. */

.caddyluck-terms {
  display: grid;
  gap: 1rem;
  max-width: 42rem;
  line-height: 1.55;
}

.custom-checkbox__text .form-block__link {
  display: inline;
}

.caddyluck-client-invalid .form__item-inner,
.caddyluck-client-invalid.field input,
.caddyluck-client-invalid.field textarea,
.caddyluck-client-invalid.field select,
.caddyluck-cf7 .wpcf7-not-valid {
  border-color: #e52b2b !important;
}

.caddyluck-client-error,
.caddyluck-cf7 .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  margin-top: .4rem;
  color: #e52b2b;
  font-size: .8125rem;
  line-height: 1.35;
}

.caddyluck-cf7 .wpcf7-response-output.caddyluck-client-response {
  display: block !important;
  margin: 1rem 0 0 !important;
  padding: .75rem 1rem !important;
  border: 1px solid #e52b2b !important;
  color: #e52b2b;
}

.car-swiper .swiper-slide {
  height: auto;
}

.car-swiper .rent-car,
.car-swiper .rent-car__body {
  height: 100%;
}

.car-swiper .rent-car__body {
  flex: 1 1 auto;
}

.car-swiper .rent-car__title {
  min-height: 3rem;
}

.car-swiper .rent-car__info {
  grid-auto-rows: minmax(3.75rem, auto);
}

.car-swiper .rent-car__actions {
  margin-top: auto;
}

.landing-slider--cars .landing-slider__navs .swiper-button-disabled {
  display: flex !important;
  opacity: .35;
  cursor: not-allowed;
}

.js-register-steps .form__item--invalid .form__item-inner,
.js-register-steps .form__item--invalid .form__input {
  border-color: #e52b2b !important;
}

.js-register-steps .form__field-error {
  display: block;
  width: 100%;
  margin-top: .5rem;
  color: #e52b2b;
  font-size: .8125rem;
  line-height: 1.35;
}

.js-register-steps .form__item--invalid .form__item-inner,
.js-register-steps .form__item--invalid .form__input {
  border-color: #e52b2b !important;
}

.js-register-steps .form__field-error {
  display: block;
  width: 100%;
  margin-top: .5rem;
  color: #e52b2b;
  font-size: .8125rem;
  line-height: 1.35;
}

.product__purchase-tablet,
.product__purchase-tablet .product__sidebar-tablet {
  width: 100%;
  min-width: 0;
}

@media (max-width: 47.9988em) {
  .catalog__cards.rows .card__details--identity {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
    width: 100%;
    min-width: 0;
    margin-left: 0;
  }

  .catalog__cards.rows .card__details--identity .dropdown--seller {
    flex: 0 1 auto !important;
    flex-basis: auto !important;
    max-width: calc(100% - 7rem) !important;
    min-width: 0;
  }

  .catalog__cards.rows .card__details--identity > .dropdown:not(.dropdown--seller) {
    flex: 0 0 auto !important;
  }

  .catalog__cards.rows .card__details--identity .dropdown__btn {
    max-width: 100% !important;
    white-space: nowrap;
  }

  .catalog-auction-mobile__summary .hero-info__line:first-child .hero-info__item:nth-child(2) img {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    object-fit: contain;
  }

  .catalog-auction-mobile__summary .hero-info__line:last-child:has(.hero-info__item:first-child li:empty):has(.hero-info__item:last-child li:empty) {
    display: none;
  }
}

.car-swiper.is-caddyluck-fallback {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.car-swiper.is-caddyluck-fallback::-webkit-scrollbar {
  display: none;
}

.car-swiper.is-caddyluck-fallback .swiper-wrapper {
  display: flex;
  gap: .75rem;
}

.car-swiper.is-caddyluck-fallback .swiper-slide {
  flex: 0 0 calc(83.333% - .75rem);
  scroll-snap-align: start;
}

@media (min-width: 48em) {
  .car-swiper.is-caddyluck-fallback .swiper-slide {
    flex-basis: calc(45.454% - .75rem);
  }
}

@media (min-width: 75em) {
  .car-swiper.is-caddyluck-fallback .swiper-slide {
    flex-basis: calc(30.303% - .75rem);
  }
}

@media (min-width: 100em) {
  .car-swiper.is-caddyluck-fallback .swiper-slide {
    flex-basis: calc(20% - 1.2rem);
  }
}

@media (max-width: 47.9988em) {
  .header__right--top {
    display: grid !important;
    grid-template-columns: 4.5rem 4.5rem minmax(0, 1fr) 3.75rem;
    align-items: center;
    gap: .5rem;
    width: 100%;
  }

  .header__right--top .header-exit:not(.header-exit--guest) {
    height: 2.5rem !important;
    min-height: 2.5rem !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .header__right--top .header-sign--guest-top {
    display: flex !important;
    grid-column: 3;
    justify-self: start;
    min-width: 0;
  }

  .header__right--top .header-sign--guest-top .header-exit--guest {
    width: auto !important;
    min-width: 6.25rem !important;
    height: 2.5rem !important;
    min-height: 2.5rem !important;
    padding: .5rem .875rem !important;
    justify-content: center;
  }

  .header__right--top .header-sign--guest-top .header-exit--guest span {
    display: inline !important;
    overflow: visible;
    font-size: .875rem !important;
    white-space: nowrap;
  }
}