/* For Algolia Search */
.ais-RefinementList-checkbox {
  margin-right: 0.5rem !important; /* Adds space to the right of the checkbox */
}

/* Styles for smaller screens (e.g., up to 768px wide) */
@media (max-width: 768px) {
   .ais-Hits-list {
    margin: 0;
    padding: 0;
  }
  .ais-Hits-item {
    font-size: 10px;
    margin: 0;
    padding: 0;
  }
  .ais-Stats {
    font-size: 8px; /* Or any size you want, e.g., small, large, 1.2rem */
 }
/* Target the list container and items */
.ais-RefinementList-list,
.ais-RefinementList-item {
    list-style: none; /* Removes bullet points */
    margin: 0;
    padding: 5;
    font-size: 8px;
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    white-space: nowrap;
}
.ais-ClearRefinements-button {
  font-size: 8px;
}
/* Target the list container to remove default padding/margin of UL */
.ais-RefinementList-list {
    display: flex; /* Use flexbox for horizontal layout */
    flex-wrap: wrap; /* Allow items to wrap on multiple lines if needed */
    gap: 10px; /* Add space between items */
    flex-wrap: wrap; /* Allows items to wrap to the next line */
}
.ais-RefinementList-count {
  font-size: 8px;                                          /* Change the font size */
}
.h2 {
    font-size: 11px; /* Adjust the desired font size */
  }
  .flex-row {
    flex-direction: column; /* Stacks cells vertically within a row */
    margin-bottom: 0px;
  }
  .flex-cell {
    border-right: none; /* Remove right border when stacked */
    width:100%;
    padding: 3px !important;
  }
  .description {
    font-size: 7px;
  }
  .ais-Pagination-item--page {
    display: none;
  }
  .ais-RefinementList {
  /* Use flexbox to arrange items horizontally */
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap to the next line if space runs out */
  gap: 10px; /* Add some spacing between facet items */
 }

.filename-container {
  word-wrap: break-word;   /* Legacy support */
  word-break: break-all;
 }
}

.filename-container {
  word-wrap: break-word;   /* Legacy support */
  word-break: break-all;
}

.table-container {
            overflow-x: auto; /* Enables horizontal scrolling for the table on smaller screens */
        }

.flex-table {
  display: flex;
  flex-direction: column; /* Stacks rows vertically */
}

.flex-row {
  display: flex;
  flex-wrap: wrap; /* Allows cells to wrap on smaller screens */
  align-items: flex-start; /* Left-justifies items along the cross-axis */
}

.flex-cell {
  flex: 1; /* Allows cells to grow and shrink */
  padding: 10px;
  text-align: left;
}

.narrow {
  flex: 0 0 20%; /* Don't grow, don't shrink, base width 250px */
  text-align: left;
}

/* Target the list items that wrap the links (if applicable, depending on implementation) */
.ais-Pagination-item {
  margin-left: 0;
  margin-right: 0;
}

.ais-Pagination {
  display: flex;
  justify-content: center; /* Centers the pagination list horizontally */
  margin-top: 1em; /* Optional: adds spacing above the pagination */
}