/* Media queries for responsive design */
@media (max-width: 767.98px) {
    .soundmd-search-filter {
        flex-direction: column; /* Stack items vertically on small screens */
    }
    .table {
        font-size: 0.9rem; /* Adjust font size for smaller screens */
    }
}

@media (min-width: 768px) {
    .soundmd-search-filter {
        flex-direction: row; /* Display items in a row on larger screens */
    }
}

/* Adjust table layout for mobile devices */
.table th, .table td {
    padding: 10px; /* Increase padding for touch-friendly interface */
    word-wrap: break-word; /* Ensure text wraps properly on small screens */
}

/* Style adjustments for pagination */
/* Pagination container */
#soundmd-pagination {
    display: flex;
    justify-content: center; /* Center the pagination on the page */
    flex-wrap: wrap; /* Allow wrapping to prevent overflow */
    margin: 20px 0;
}

/* Pagination links */
.pagination a {
    display: inline-block;
    padding: 5px 10px;
    margin: 2px;
    background-color: #007bff;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    font-size: 1rem; /* Adjust the font size */
    min-width: 40px; /* Set a minimum width to keep the numbers aligned */
    text-align: center;
}

.pagination a:hover {
    background-color: #0056b3;
}

/* Media query for smaller screens */
@media (max-width: 767.98px) {
    .pagination a {
        padding: 5px 8px; /* Reduce padding for smaller screens */
        font-size: 0.9rem; /* Reduce font size for better fit */
    }
}