/* top right rounding fix */
.card-snippet-gray {
    overflow: hidden; 
}

/* Start Filters */
#cardFilters select, #cardFilters input {
    padding: .5rem 1.5rem;
    border: solid 1px var(--bs-secondary);
    border-radius: 100px;
    background-color: var(--bs-secondary);
}

#cardFilters label {
    font-weight: bold;
    font-size: 1rem;
}

/* Remove default select arrow in Chrome, Safari, Edge */
#cardFilters select.form-select {
    background-image: none !important; /* Remove Bootstrap's chevron */
}

#cardFilters select:focus + .dropdown-icon,
#cardFilters select:active + .dropdown-icon {
    content: "";
}

#cardFilters select:focus + .dropdown-icon::before {
    content: "\f286"; /* Unicode for chevron-up */
    font-family: "Bootstrap Icons";
}

#cardFilters .dropdown-icon::before {
    content: "\f282"; /* Unicode for chevron-down */
    font-family: "Bootstrap Icons";
}

#cardFilters .form-select:focus, #cardFilters .form-control:focus {
    border-color: #000;
    outline: 2px solid #000;
    box-shadow: none;
}

/* End Filters */

/* Utility */
.hide { display: none; }

/* Start Pagination Controls */
.pagination {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.pagination button {
    padding: 8px 12px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    cursor: pointer;
    border-radius: 4px;
}

.pagination button.active {
    background: var(--bs-primary);
    color: white;
    border-color: var(--bs-primary);
}

.pagination button:disabled {
    background: #ddd;
    cursor: not-allowed;
}
/* End Pagination Controls */