/* autocomplete search */
.ui-autocomplete-row {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}

.ui-autocomplete-row:hover {
    background-color: #27272a;
}

.ui-menu {
    /* display: block !important; */
    /* width: 531px !important; */
}

.ui-menu-item table {
    border-radius: 5px;
}

.ui-menu-item table {
    width: 100%;
}

.ui-menu-item table tr {
    border-bottom: none;
}

.ui-menu-item table td {
    font-weight: normal;
    font-size: 13px;
}

.ui-menu-item span {
    color: #050062;
    font-weight: bold;
    margin-top: 10px;
}

.ui-menu-item table img {
    border-radius: 70%;
}

.ui-state-active {
    background-color: #555555 !important;
    border: none !important;
    color: #fff !important;
}

.ui-state-active span {
    color: #fff;
}

/* autocomplete search */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

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

.product-image .brand-logo {
    width: 32px;
}

/* PAGINATION START */
/* Bootstrap-style Pagination CSS with Rounded Buttons and Red Accents */

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 1px solid #ff0000;
    /* Red border */
    border-radius: 50%;
    /* Fully rounded buttons */
    margin: 0 0.2rem;
    /* Add some space between buttons */
}

.page-link:hover {
    z-index: 2;
    color: #ff0000;
    /* Red color on hover */
    text-decoration: none;
    background-color: #ffe6e6;
    /* Light red background on hover */
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    /* Red focus shadow */
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 50%;
    /* Ensure first and last items are also rounded */
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ff0000;
    /* Red background for active state */
    border-color: #ff0000;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #ff0000;
    /* Keep red border for disabled state */
    opacity: 0.5;
    /* Reduce opacity to indicate disabled state */
}

/* Adjust the previous and next buttons to be slightly larger and oval-shaped */
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

#pagination-container .justify-content-sm-between {
    /* display: none !important; */
}

#pagination-container .pagination {
    justify-content: center;
}

/* PAGINATION END */

.ph {
    vertical-align: middle;
}

.checked,
.active_category_menu {
    font-weight: bold !important;
    color: #dc362e;
}

#hs-select-label {
    border-color: rgb(223 223 223);
    border-width: 1px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.swal2-loading {
    width: 6rem;
}

.red_border {
    border: 1px solid #dc362e !important;
}

.range1::before,
.range2::before {
    background-color: #7564fb;
}

.comments svg {
    height: 20px;
}

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

.input_shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) !important;
}

.liked {
    background-color: #dc362e !important;
    color: #fff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

#address_form .input-inside-label {
    top: 25%;
    font-size: 13px;
    color: rgb(129, 129, 129) !important;
}

#address_form .text-\[\#030712\] {
    color: rgb(129, 129, 129) !important;
}

#address_form select {
    height: 50px;
    border: 1px solid #e4e4e7;
    border-radius: 5px;
    padding-left: 20px;
}

.featured_brand .product-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.product_body table {
    width: 100% !important;
    border: 1px solid #dcdcdc;
}

.product_body figure {
    width: 100%;
}

.product_body tr td:nth-child(1),
.product_body tr th:nth-child(1) {
    width: 20%;
    text-align: left;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 8px;
    vertical-align: top;
}

.product_body table tr td {
    font-size: 13px;
    padding: 0.5rem 1rem;
    margin: 0 !important;
    vertical-align: top;
}

.product_body tr:nth-child(odd) {
    background-color: #dee2e6;
}

.sale_text {
    background-color: #dc362e;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    font-size: 12px;
    display: block;
    width: 100%;
}


.mobile-search-input {
    border: 1px solid #d8d8d8;
    border-radius: 30px;
    height: 39px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 35px;
    cursor: pointer;
    font-size: 12px;
    padding-left: 15px;
}
.mobile-search-wrapper {
    position: relative;
    display: none;
}
@media (max-width: 1024px) {
    .mobile-search-wrapper {
        display: block !important;
    }
}
.search-icon-trigger {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
}

footer .single-line {
    height: 1.8rem;
}

a:hover,
a:hover > p {
    color: red !important;
}

.best-seller-badge {
    background-color: rgb(132, 1, 132) !important;
}

.sold-out-badge {
    background-color: rgb(140, 140, 140) !important;
}

.gift-badge {
    background-color: rgb(0, 106, 152) !important;
}