.bs-fitment-table-filters {
display: grid;
grid-template-columns: repeat(3, minmax(180px, 1fr)) auto;
gap: 0.85rem;
align-items: end;
margin: 0 0 1.25rem;
padding: 1rem;
border: 1px solid #d9d9d9;
border-radius: 8px;
background: #f8f9f9;
}
.bs-fitment-table-filters label {
display: flex;
flex-direction: column;
gap: 0.35rem;
font-weight: 700;
}
.bs-fitment-table-filters select,
.bs-fitment-table-filters input,
.bs-fitment-clear {
min-height: 44px;
box-sizing: border-box;
font: inherit;
}
.bs-fitment-table-filters select,
.bs-fitment-table-filters input {
width: 100%;
padding: 0.55rem 0.7rem;
border: 1px solid #777;
background: #fff;
}
.bs-fitment-clear {
padding: 0.55rem 1rem;
border: 1px solid #111;
border-radius: 3px;
background: #111;
color: #fff;
font-weight: 700;
cursor: pointer;
}
.bs-fitment-clear:hover,
.bs-fitment-clear:focus-visible {
background: #3b6878;
border-color: #3b6878;
}
.bs-fitment-result-count {
grid-column: 1 / -1;
margin: 0;
font-weight: 700;
}
.bs-fitment-table-enhanced > .dt-layout-row:first-of-type .dt-length,
.bs-fitment-table-enhanced .dt-paging {
display: none;
}
@media (max-width: 900px) {
.bs-fitment-table-filters {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.bs-fitment-table-filters {
grid-template-columns: 1fr;
}
.bs-fitment-result-count {
grid-column: auto;
}
}