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

.search-view {
  .form-check .form-control {
    top: 0;
    left: 0;
    min-height: 1.5rem;
  }

  @media (min-width: 576px) {
    .column-filters .form-check [type='checkbox'] + label {
      color: var(--bs-body-color-rgb);
    }
  }

  @media (max-width: #{map-get($grid-breakpoints, lg)}) {
    #filtersCollapse {
      position: fixed;
      z-index: 99999;
      top: 0;
      left: 0;
      overflow: scroll;
      width: 100vw;
      height: 100vh;
      background-color: #fff;

      .column-filters,
      .mobile-filters-header {
        padding: 0 1rem;
      }

      .mobile-filters-header {
        border-bottom: 1px solid var(--primary-lighter);
      }
    }
  }
}