/**
 * BCF-WEB-010-PAGINATION-001
 * Narrow-width containment for native GeoDirectory Archive/Search pagination.
 */

@media (max-width: 399px) {
  body.bcf-web010-pagination-active.geodir-page.geodir-archive
    .geodir-loop-paging-container > .d-flex {
    flex-wrap: wrap;
    justify-content: center !important;
  }

  body.bcf-web010-pagination-active.geodir-page.geodir-archive
    .geodir-loop-paging-container .gd-pagination-details {
    flex: 0 0 100%;
    text-align: center;
  }

  body.bcf-web010-pagination-active.geodir-page.geodir-archive
    .geodir-loop-paging-container section,
  body.bcf-web010-pagination-active.geodir-page.geodir-archive
    .geodir-loop-paging-container .aui-pagination,
  body.bcf-web010-pagination-active.geodir-page.geodir-archive
    .geodir-loop-paging-container .aui-nav-links {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  body.bcf-web010-pagination-active.geodir-page.geodir-archive
    .geodir-loop-paging-container ul.pagination {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: var(--bcf-space-1, 0.25rem);
  }

  body.bcf-web010-pagination-active.geodir-page.geodir-archive
    .geodir-loop-paging-container .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  body.bcf-web010-pagination-active.geodir-page.geodir-archive
    .geodir-loop-paging-container .page-link:focus-visible {
    outline: 2px solid var(--bcf-color-brand, #c12635);
    outline-offset: 2px;
  }
}