/* ==========================================================================
   باکسِ نتایجِ جستجوی هدر (افزونه‌ی ajax-search-for-woocommerce-premium)
   بعد از style.min.css خودِ افزونه لود می‌شود (bx_search_suggestions_assets در
   functions.php) تا بدون دست‌زدن به فایل‌های افزونه، ظاهرِ نتایج با قالب یکی
   شود. همه‌ی سلکتورها با .dgwt-wcas-suggestions-wrapp شروع می‌شوند تا به
   فرمِ جستجو و بقیه‌ی صفحه کاری نداشته باشند.
   ========================================================================== */

/* ------------------------------------------------------------ قاب */

/*
 * سلکتورِ دوم عیناً همان قاعده‌ی style.min.css افزونه است که با !important
 * پدینگ ۲۰ پیکسل می‌دهد؛ فقط با همان سلکتور و !important می‌شود جایش نشست.
 */
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-suggestions-wrapp.woocommerce.dgwt-wcas-has-img.dgwt-wcas-has-headings.js-dgwt-wcas-initialized {
    padding: 0.5rem !important;
    scrollbar-width: thin;
    scrollbar-color: #E0E0E2 transparent;
}

/* فقط روی دسکتاپ؛ در حالتِ تمام‌صفحه‌ی موبایل (overlay) باکس قاب نمی‌خواهد. */
html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp {
    margin-top: 0.375rem;
    border: 1px solid #EEEFF0;
    border-radius: 0.75rem;
    box-shadow: 0 0.75rem 2rem rgba(18, 18, 18, .08);
}


/* ------------------------------------------------------------ عنوان‌ها */

/* «جستجو های محبوب» بالای نتایج و تیترِ گروه‌ها (دسته‌ها، محصولات) */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-popular-searches,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion.dgwt-wcas-suggestion-headline {
    margin: 0;
    padding: 0.5rem 0.75rem 0.25rem;
    color: #81858B;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.8;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline .dgwt-wcas-st {
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: none;
}

/* تیترِ دوم به بعد کمی از گروهِ قبلی فاصله می‌گیرد. */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion + .dgwt-wcas-suggestion-headline {
    margin-top: 0.5rem;
}


/* ------------------------------------------------------------ ردیف‌ها */

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
    border-radius: 0.5rem;
    color: #4A4947;
}

/* هاور، و انتخاب با کیبورد که کلاسش را خودِ افزونه می‌گذارد (برای ماوس نمی‌گذارد) */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:is(:hover, .dgwt-wcas-suggestion-selected) {
    background-color: #F5F6F7;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
    gap: 0.75rem;
    min-height: 0;
    padding: 0.5rem 0.75rem;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-si {
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-si img {
    width: 100%;
    height: 100%;
    max-height: none;
    padding: 0.125rem;
    border: 1px solid #EEEFF0;
    border-radius: 0.5rem;
    object-fit: contain;
}

/* قیمت زیرِ عنوان می‌نشیند تا عنوان کلِ عرض را داشته باشد (افزونه کنارِ هم می‌چیند). */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-content-wrapp {
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.25rem;
    min-width: 0;
    padding: 0;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-st {
    color: #4A4947;
    font-size: 0.8125rem;
    line-height: 1.75;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-st-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* بخشِ منطبق با عبارتِ جستجو */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st strong {
    color: #121212;
    font-family: 'vazir-bold';
    font-weight: normal;
}


/* ------------------------------------------------------------ قیمت */

/* همه در یک خط: قیمتِ نهایی، قیمتِ قبلی، درصدِ تخفیف (مثل کارتِ محصول در sp.css) */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-meta {
    width: 100%;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.5rem;
    padding: 0;
    color: #121212;
    font-family: 'vazir-bold';
    font-size: 0.8125rem;
    line-height: 1.6;
    text-align: right;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp * {
    line-height: inherit;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp ins {
    order: -1;
    text-decoration: none;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp del {
    color: #81858B;
    font-family: 'vazir';
    font-size: 0.6875rem;
    opacity: 1;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp .woocommerce-Price-currencySymbol {
    font-family: 'vazir';
    font-size: 0.6875rem;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp .discount-percentage {
    order: 1;
    padding: 0 0.3125rem;
    border: 1px solid var(--c1);
    border-radius: 0.375rem;
    color: var(--c1);
    font-family: 'vazir';
    font-size: 0.6875rem;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp .out-of-stock {
    color: #81858B;
    font-family: 'vazir';
    font-size: 0.75rem;
}


/* ------------------------------------------------------------ دسته‌ها */

/*
 * دسته‌ها و برندها به‌جای کاشیِ گرد با تصویرِ پیش‌فرض، چیپِ متنی می‌شوند.
 * padding با !important چون style.min.css افزونه به .dgwt-wcas-suggestion-cat
 * پدینگِ صفر با !important می‌دهد.
 */
/*
 * margin-inline: اولِ هر خط هم‌ترازِ متنِ ردیف‌ها (۰.۷۵rem) و بینِ چیپ‌ها
 * ۰.۳۷۵rem؛ منفیِ سمتِ چپ فاصله‌ی اضافه را از چیپِ بعدی کم می‌کند.
 */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    max-width: 100%;
    margin-block: 0 0.375rem;
    margin-inline: 0.75rem -0.375rem;
    padding: 0.125rem 0.75rem !important;
    border: 1px solid #EEEFF0;
    border-radius: 2rem;
    transition: border-color .3s, background-color .3s;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax:is(:hover, .dgwt-wcas-suggestion-selected) {
    border-color: #FFC9A6;
    background-color: #FFF6F0;
    text-decoration: none;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tax .dgwt-wcas-si {
    display: none;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tax .dgwt-wcas-content-wrapp {
    padding: 0 !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tax .dgwt-wcas-st {
    color: #4A4947;
    font-size: 0.75rem;
    line-height: 1.8;
    white-space: nowrap;
}


/* ------------------------------------------------------------ پایینِ لیست */

/* «مشاهده همه نتایج» */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more {
    min-height: 0;
    margin-top: 0.375rem;
    padding: 0.625rem 0.75rem;
    background-color: #FFF6F0;
    color: var(--c1);
    font-size: 0.8125rem;
    line-height: 1.6;
    text-transform: none;
    transition: background-color .3s, color .3s;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more:is(:hover, .dgwt-wcas-suggestion-selected) {
    background-color: var(--c1);
    color: #fff;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
    padding: 0;
}

/* «نتیجه‌ای یافت نشد»؛ خنثی به‌جای کادرِ قرمزِ افزونه */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-nores {
    padding: 1rem 0.75rem;
    border-radius: 0.5rem;
    background-color: #F5F6F7;
    color: #81858B;
    font-size: 0.8125rem;
    line-height: 1.8;
    text-align: center;
}