.uk-select,
.uk-input {
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: var(--br-8);
    color: var(--color-text);
    font-weight: normal;
}

.uk-textarea {
    border: 1px solid var(--border-color);
    border-radius: var(--br-8);
    color: var(--color-text);
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    color: var(--secondary-color);
    border-color: var(--primary-color);
}

.uk-select:not([multiple]):not([size]) {
    background-position: calc(100% - 10px) 50%;
    background-size: 8px 12.03px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUwMDI0NCA5LjAxNjNMNC41MDAyNCAxMy4wMTYzTDguNTAwMjQgOS4wMTYzIiBzdHJva2U9IiNDOEM0QkQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC41MDAyNCA0Ljk4MzdMNC41MDAyNCAwLjk4MzcwNEwwLjUwMDI0NCA0Ljk4MzciIHN0cm9rZT0iI0M4QzRCRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Chrome, Edge, Safari */
input[type="text"]::placeholder,
input[type="number"]::placeholder {
    color: var(--color-text);
    font-weight: normal;
}

/* Firefox */
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder {
    color: var(--color-text);
    font-weight: normal;
    opacity: 1; /* Remove #999999uced opacity in Firefox */
}

/* Internet Explorer 10-11 */
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder {
    color: var(--color-text);
    font-weight: normal;
}

/* Microsoft Edge (older) */
input[type="text"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder {
    color: var(--color-text);
    font-weight: normal;
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked {
    background-color: var(--primary-color);
}

.uk-checkbox,
.uk-radio {
    height: 16px;
    width: 16px;
    margin-right: 6px;
}

.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.uk-checkbox:focus,
.uk-radio:focus {
    border-color: var(--primary-color);
}

.uk-radio {
    margin-top: -2px;
}

.uk-checkbox {
    border-radius: 3px;
    border-color: var(--border-color-4);
    background-color: #fff;
}

.price-range {
    display: flex;
    align-items: center;
    gap: 0;
}

.price-separator {
    background: var(--border-color);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.min-price {
    border-radius: var(--br-8) 0 0 var(--br-8);
}

.max-price {
    border-radius: 0 var(--br-8) var(--br-8) 0;
}

.uk-select option {
    color: var(--secondary-color);
}

.uk-select option:hover,
.uk-select option:checked {
    background-color: var(--bg-light-7);
}

.filter-option label,
.filter-option {
    cursor: pointer;
}

.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
    background-color: #f2f0ee;
    color: #999;
    border-color: #e9e5e2;
}

.uk-alert-primary {
    background: var(--bg-light-10);
    color: var(--secondary-color);
}

.uk-alert-warning {
    background: var(--bg-light-11);
    color: #643e0a;
}

.uk-alert {
    border-radius: var(--br-8);
}

.uk-alert-success {
    background: #edfbf6;
    color: #088a5a;
}

.uk-checkbox:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjM2Mzc1IDFMMy4zNjM3NSA3TDAuNjM2NDc1IDQuMjcyNzMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: var(--secondary-color);
    font-size: 0.875rem;
}

.uk-label {
    text-transform: capitalize;
    padding: 2px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
}

.uk-text-warning {
    color: #e5ac00 !important;
}

.uk-text-success {
    color: #5cb85c !important;
}

.uk-label {
    background: var(--secondary-color);
}

.uk-label-success {
    background-color: #5cb85c;
}

.uk-label-warning {
    background-color: #e5ac00;
}
.uk-label-danger {
    background-color: #ce4e50;
}

.uk-text-danger {
    color: #ce4e50 !important;
}

.uk-button-danger {
    background-color: #ce4e50;
}

.uk-table-striped tbody tr:nth-of-type(odd),
.uk-table-striped > tr:nth-of-type(odd) {
    background: var(--bg-light-3);
    border-top: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
}
.uk-table-hover tbody tr:hover,
.uk-table-hover > tr:hover {
    background: var(--bg-light-8);
}

.uk-description-list {
    background-color: var(--bg-light-9);
    padding: 1rem;
    border-radius: var(--br-8);
    dd {
        font-weight: 600;
    }
}

.uk-table th {
    color: inherit;
    text-transform: capitalize;
}

@media (max-width: 959px) {
    .uk-table-responsive .uk-table-link:not(:last-child) > a,
    .uk-table-responsive td:not(:last-child):not(.uk-table-link),
    .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
        padding: 10px 0 !important;
    }
    .uk-table-responsive .uk-table-link:not(:first-child) > a,
    .uk-table-responsive td:not(:first-child):not(.uk-table-link),
    .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
        padding: 10px 0 !important;
    }

    .uk-table-responsive tr {
        margin-bottom: 15px;
        margin-top: 15px;
    }
}
