/* Sort Dropdown Styles */
.srp-actions-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.srp-sort-dropdown {
    flex: 1;
    margin-right: 20px;
    position: relative;
}

.srp-sort-dropdown select {
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding-right: 40px;
    /* Add space for the icon */
    appearance: none;
    /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
}

.srp-sort-dropdown::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 42%;
    transform: translateY(-50%);
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M6.31799 3.78061L7.37865 4.84127L8.75 3.46993V7.50003H10.25V3.47L11.6213 4.84127L12.6819 3.78061L9.49997 0.598633L6.31799 3.78061Z' fill='black'/%3E%3Cpath d='M12.6819 14.2195L11.6213 13.1588L10.25 14.5301V10.5001H8.75V14.5302L7.37865 13.1588L6.31799 14.2195L9.49996 17.4015L12.6819 14.2195Z' fill='black'/%3E%3C/svg%3E");
    width: 19px;
    height: 18px;
    background-repeat: no-repeat;
}

.srp-inv-icons {
    display: flex;
}

.form-control:focus {
    border-color: #ddd;
    box-shadow: none;
}

/* Responsive styles */
@media (max-width: 768px) {
    .srp-actions-container {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .srp-sort-dropdown {
        margin-right: 0;
        margin-bottom: 10px;
        max-width: 450px;
        min-width: 300px;
        margin-top: 20px;
    }

    .srp-inv-icons {
        justify-content: flex-start;
    }
}