/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_Search
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */
span.mps-add-to-cart {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    padding: unset;
    background: url("images/btn-add-to-cart.svg") no-repeat;
    border: unset;
}

.form.minisearch .autocomplete-suggestions {
    padding: 0;
    box-shadow: none;
}

.autocomplete-suggestions span.mps-add-to-cart:hover {
    background: url("images/btn-add-to-cart-hover.svg") no-repeat;
}

.autocomplete-suggestions span.mps-add-to-cart.loading {
    background: url("images/btn-add-to-cart-loader.svg") no-repeat;
}

.trending-title {
    display: block;
    padding: 10px 0 0 5px;
    font-weight: 600;
}

.suggestions-title {
    display: block;
    padding: 10px 0 0 5px;
    font-weight: 600;
}

.mp-search-trending {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 5px 0 5px;
}

.top-key {
    display: inline-flex;
    align-items: center;
    height: 26px;
    background-color: #F1F1F1;
    margin: 0 5px 10px 0;
    padding: 5px;
    border-radius: 18px;
}

.top-key .key {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 0 5px;
}

.top-key:hover {
    background-color: #D9D9D9;
    cursor: pointer;
}

.mp-suggestion .mpsearch-list {
    padding-left: 5px;
}

.icon-trending {
    background: url("images/icon-trending.svg") no-repeat;
    width: 26px;
    height: 26px;
}

.icon-no-result {
    background: url("images/icon-no-result.svg") no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 19px;
    left: 0;
}

#search_mini_form.two-columns {
    transition: width 1s ease, opacity 1s ease;
    opacity: 1;
}

.autocomplete-suggestions.two-columns {
    transition: width 1s ease, opacity 1s ease;
    opacity: 1;
}

.parent-category {
    font-weight: bold;
    background: #F5F5F5;
}

@media only screen and (max-width: 480px) {
    .form.minisearch.active .control {
        width: 86% !important;
    }

    .form.minisearch.show .control {
        width: 86% !important;
    }

    .minisearch .search-category {
        right: 20px !important;
    }
}

@media only screen and (max-width: 360px) {
    .form.minisearch.active .control {
        width: 82% !important;
    }

    .form.minisearch.show .control {
        width: 82% !important;
    }

    .tooltip-short-des {
        width: 180px;
    }
}

@media only screen and (max-width: 768px) {
    .autocomplete-suggestions {
        z-index: 99 !important;
        max-height: 457px !important;
        width: 100% !important;
        border-radius: 0 0 10px 10px;
        border: none;
        left: 0;
    }

    .autocomplete-suggestion {
        padding-left: 10px;
    }

    .form.minisearch.active .control {
        background-color: #fff;
        position: fixed !important;
        z-index: 10003;
        width: 90%;
        top: 90px;
        left: 28px;
        border-radius: 10px 10px 0 0;
    }

    .form.minisearch.show .control {
        background-color: #fff;
        position: fixed !important;
        z-index: 10003;
        width: 90%;
        top: 90px;
        left: 28px;
        border-radius: 10px 10px 0 0;
    }

    .minisearch.active .search-category {
        display: block !important;
    }

    .minisearch.show .search-category {
        display: block !important;
    }

    .block-search .label.show + .control input {
        position: static;
    }

    #mpsearch-category {
        border-right: none;
    }

    .trending-title {
        padding-left: 20px;
    }

    .mp-search-trending {
        padding-left: 20px;
    }

    #bio_ep_bg_search {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.3;
        z-index: 10001;
    }

    .autocomplete-suggestions .product-des p {
        white-space: unset !important;
    }

    .tooltip-short-des {
        display: none !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #search_mini_form.two-columns {
        width: 532px !important;
    }

    .autocomplete-suggestions.two-columns {
        display: flex;
        flex-wrap: wrap;
        width: 530px !important;
    }

    .autocomplete-suggestions {
        max-height: 408px !important;
        width: 95.5%;
    }

    .autocomplete-suggestions.two-columns .autocomplete-suggestion {
        width: 47.75%;
    }

    .mp-search .minisearch .actions {
        right: 125px;
        top: 0;
    }
}

@media only screen and (min-width: 1025px) {
    #search_mini_form.two-columns {
        width: 564px !important;
    }

    .autocomplete-suggestions {
        max-height: 408px !important;
        width: 95.5%;
    }

    .autocomplete-suggestions.two-columns {
        display: flex;
        flex-wrap: wrap;
        width: 562px !important;
    }

    .autocomplete-suggestions.two-columns .autocomplete-suggestion {
        width: 47.75%;
    }

    .mp-search .minisearch .actions {
        right: 125px;
        top: 0;
    }
}

.highlight {
    background-color: #F3793B;
    font-weight: bold;
}

.autocomplete-suggestions.three-columns {
    display: flex;
    flex-wrap: wrap;
}

.autocomplete-suggestions {
    max-height: 510px !important;
    z-index: 999 !important;
}

.mp-search .minisearch .actions {
    right: 125px;
    top: 0;
}

.autocomplete-suggestions.three-columns .autocomplete-suggestion {
    width: 100%;
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .autocomplete-suggestions.three-columns .autocomplete-suggestion {
        width: 50%;
    }
}

@media only screen and (min-width: 1025px) {
    .autocomplete-suggestions.three-columns .autocomplete-suggestion {
        width: 33%;
    }
}

.menu-category {
    position: absolute;
    z-index: 9999;
    width: 100%;
    background: #fff;
    left: 0;
}
.dropdown-category {
    display: none;
    list-style: none;
    height: 625px;
    padding: 0;
    margin: 0 15px;
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    z-index: 9999;
    overflow: auto;
}

.dropdown-category.show {
    display: block;
}

.dropdown-category li {
    padding: 8px;
    cursor: pointer;
    margin: 0;
}

li.parent-category {
    padding: 13px 8px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.dropdown-toggle {
    cursor: pointer;
    display: block;
    padding: 5px 15px 5px 5px;
    border-left: 1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-toggle:after {
    font-size: 12px;
    background: url("images/icon-dropdown.svg") no-repeat;
    position: absolute;
    right: 5px;
    top: 12px;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
}