/**

 * @file

 * Responsive Adaptations for Results Page

 * SMIP EC Knowledge Hub module.

 */


/* ==========================================================================
   Responsive Adaptations for Results Page
   ========================================================================== */
@media (max-width: 1024px) {
  .ecl-results-page__container {
    display: flex !important;
    flex-direction: column;
    padding: 24px 16px 0 16px !important;
    gap: 24px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .ecl-results-page__col--filters,
  .ecl-results-page__col--main,
  .ecl-results-page__col--map {
    width: 100%;
    flex: 0 0 auto;
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin-top: 0 !important;
  }

  .ecl-results-page__search-fixed-header {
    width: 100% !important;
    position: static !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  .ecl-results-page__search-fixed-header::before {
    display: none !important;
  }

  .ecl-results-page__search-wrap {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ecl-results-page__results-scroll-body,
  .ecl-results-list-container {
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
  }

  .ecl-results-page__col--map .ecl-results-map-panel {
    width: 100%;
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
    flex: 0 0 400px !important;
  }

  .ecl-result-card {
    padding: 20px 16px !important;
  }

  .ecl-result-card__header {
    align-items: flex-start !important;
  }

  .ecl-result-card__facts {
    flex: 1 1 120px !important;
  }

  .ecl-result-card__match-badge {
    margin-left: 0 !important;
  }

  .ecl-result-card__title-link {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}

@media (max-width: 640px) {
  .ecl-result-card__license-badge {
    max-width: min(160px, 100%) !important;
  }

  .ecl-result-card__match-badge {
    min-width: 0 !important;
  }
}