@import 'io-sanita-theme/theme/bootstrap-italia-base-config';
@import 'io-sanita-theme/theme/io-sanita/mixins';

.quick-search {
  > .title {
    &,
    &.h6 {
      color: var(--bs-body-color) !important;
      @include rem-size(font-size, 18);
    }
  }
  .quick-search-items {
    column-gap: 1.5rem;
    .btn.btn-sm {
      @include rem-size(font-size, 16);
    }

    @media (max-width: #{map-get($grid-breakpoints, xl)}) {
      &.scroll-on-mobile.flex-wrap {
        flex-wrap: nowrap !important;
        overflow-x: scroll;

        > .btn.quick-item {
          text-wrap: nowrap;
        }
      }
      &:not(.scroll-on-mobile) {
        > .btn.quick-item {
          flex: 1 1 100%;
          text-align: left;
        }
      }
    }
  }
}