/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
/* =====================================================
   یادداشت بهینه‌سازی (۱۴۰۵/۰۵/۱۲ — رفع کندی رندر)
   -----------------------------------------------------
   ۱. backdrop-filter از کارت‌های محصول حذف شد.
      دلیل: هر صفحه ۴۰ کارت دارد و هر کارت ۲ لایه blur داشت
      (col-inner و box-text) → ۸۰ لایه blur هم‌زمان.
      این گران‌ترین ویژگی CSS از نظر GPU است.
      به‌جایش پس‌زمینه‌ی سفید غلیظ‌تر گذاشته شد؛ چون پشت کارت‌ها
      فقط یک گرادیان نرم و بدون جزئیات است، blur عملاً چیزی
      برای محو کردن نداشت و ظاهر تقریباً یکسان می‌ماند.
   ۲. background-attachment: fixed از body حذف شد (لگ اسکرول).
   ۳. تصویر خارجی از دامنه‌ی samehrstore.ir حذف شد
      (opacity 0.07 + blur → عملاً نامرئی بود).
   ۴. تعریف تکراری .custom-category-bottom-content ادغام شد.
   ۵. آکولاد اضافه‌ی خط ۱۰۴۴ نسخه‌ی قبلی حذف شد.
   ۶. backdrop-filter از سایدبار و ویجت‌های داخلش هم حذف شد.
   ۷. backdrop-filter از نوار «ناموجود» کارت‌های آرشیو حذف شد
      (می‌توانست روی ده‌ها کارت هم‌زمان ظاهر شود).
   backdrop-filter فقط روی هدر/منوها و کادر جستجوی هدر باقی ماند
   (هرکدام ۱ عدد در صفحه) و روی نوار ناموجودِ صفحه‌ی تک‌محصول.
   مجموع لایه‌های blur در صفحه‌ی فروشگاه: از ۸۵+ به ۲ رسید.
===================================================== */
/* =====================================================
   پس‌زمینه کل سایت
===================================================== */
body {
    background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 55%, #e2e8f0 100%) !important;
    /* background-attachment: fixed حذف شد — باعث لگ اسکرول می‌شد */
}
/* =====================================================
   منوی ثابت موبایل
===================================================== */
.sticky-mobile-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    -webkit-box-shadow: 0 -8px 29px 12px rgba(15, 23, 42, 0.25);
    box-shadow: 0 -8px 29px 12px rgba(15, 23, 42, 0.25);
}
.sticky-mobile-menu .icon-box-center .icon-box-img {
    margin: 0 auto 4px;
}
@media (max-width: 549px) {
    #footer {
        margin-bottom: 90px;
    }
}
/* =====================================================
   بخش‌های تیره قالب
===================================================== */
.dark,
.dark p,
.dark td {
    color: #f1f5f9;
}
.dark .nav-vertical li li.menu-item-has-children > a,
.dark .nav-vertical-fly-out > li > a,
.dark .nav-vertical > li > ul li a,
.dark .nav > li.html,
.dark .nav > li > a,
.nav-dark .is-outline,
.nav-dark .nav > li > a,
.nav-dark .nav > li > button,
.nav-dropdown.dark .nav-column > li > a,
.nav-dropdown.dark > li > a {
    color: #f1f5f9;
}
.dark .button,
.dark input[type="button"],
.dark input[type="reset"],
.dark input[type="submit"] {
    color: #fff;
}
/* =====================================================
   استایل عمومی دکمه‌ها
===================================================== */
.button,
input[type="button"].button,
input[type="reset"].button,
input[type="submit"],
input[type="submit"].button {
    background-color: #111827;
    border-color: #111827;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 4px 14px rgba(17, 24, 39, 0.25);
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}
.button:not(.is-outline):not(:disabled):not(.disabled):hover,
input[type="button"].button:not(:disabled):hover,
input[type="reset"].button:not(:disabled):hover,
input[type="submit"]:not(:disabled):hover {
    background-color: #1f2937;
    border-color: #1f2937;
    color: #fff;
    box-shadow: 0 6px 18px rgba(17, 24, 39, 0.35);
    transform: translateY(-1px);
}
/* =====================================================
   فیلدها و فرم‌ها
===================================================== */
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    background-color: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
    color: #0f172a;
    font-size: 1em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 0.75em;
    padding-left: 0.75em;
    transition:
        color 0.3s,
        border 0.3s,
        background 0.3s,
        opacity 0.3s;
    vertical-align: middle;
    width: 100%;
}
/* =====================================================
   تنظیمات عمومی
===================================================== */
*,
*::after,
*::before,
html {
    box-sizing: border-box;
}
/* =====================================================
   قیمت محصولات
===================================================== */
span.amount {
    color: #0f172a;
    font-weight: 700;
    white-space: nowrap;
}
.yith-wcpb-product-bundled-item-data__price .price ins {
    font-weight: bold;
    color: #1f2937;
    line-height: 1.7;
    padding: 5px;
}
h3.yith-wcpb-product-bundled-item-data__title a,
.single-product h3.yith-wcpb-product-bundled-item-data__title a {
    text-decoration: none;
    padding: 5px;
}
/* =====================================================
   دکمه‌های هدر
===================================================== */
.header-main .current-dropdown .cart-icon strong,
.header-main .header-button > .button:hover,
.header-main .header-button > .button:hover i,
.header-main .header-button > .button:hover span {
    color: #111827 !important;
}
/* =====================================================
   نشان فروش ویژه
===================================================== */
.badge-inner.on-sale {
    background-color: #e2e8f0;
    color: #111827;
}
.badge-inner {
    color: #111827;
}
/* =====================================================
   فیلد کشور صورت‌حساب
===================================================== */
#billing_country_field {
    display: none;
}
/* =====================================================
   محتوای پایین صفحات دسته‌بندی
   (دو تعریف متضاد قبلی در یکی ادغام شد)
===================================================== */
.custom-category-bottom-content {
    margin-top: 40px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.82);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.45);
    font-size: 16px;
    line-height: 1.6;
    color: #0f172a;
    text-align: justify;
}
.custom-category-bottom-content h2 {
    font-size: 22px;
    color: #111827;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}
.custom-category-bottom-content p {
    text-align: justify;
    margin-bottom: 12px;
}
.custom-category-bottom-content a {
    color: #1f2937;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease-in-out;
}
.custom-category-bottom-content a:hover {
    color: #111827;
    text-decoration: underline;
}
/* =====================================================
   منوی کشویی هدر
===================================================== */
.header-nav .nav-dropdown {
    left: auto !important;
}
/* =====================================================
   قیمت عادی و قیمت فروش ویژه
===================================================== */
.woocommerce-page .price del {
    text-decoration: line-through;
    color: #94a3b8;
}
.woocommerce-page .price ins {
    font-weight: bold;
    font-size: 1.2em;
    color: #1f2937;
}
/* =====================================================
   دکمه اصلی افزودن به سبد خرید
===================================================== */
.single_add_to_cart_button {
    background-color: #111827 !important;
    color: #fff !important;
    font-size: 15px !important;
    padding: 0 30px !important;
    border-radius: 10px !important;
    border: 1px solid #111827 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
    width: auto !important;
    display: inline-block !important;
    cursor: pointer !important;
    text-align: center !important;
    opacity: 1 !important;
    box-shadow: 0 4px 14px rgba(17, 24, 39, 0.28) !important;
}
.single_add_to_cart_button:not(:disabled):not(.disabled):hover {
    background-color: #1f2937 !important;
    color: #fff !important;
    border-color: #1f2937 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(17, 24, 39, 0.38) !important;
}
/* =====================================================
   افزودن به سبد خرید در حالت غیرفعال
===================================================== */
.single_add_to_cart_button:disabled,
.single_add_to_cart_button.disabled,
.single_add_to_cart_button.wc-variation-selection-needed {
    background-color: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
}
.single_add_to_cart_button:disabled:hover,
.single_add_to_cart_button.disabled:hover,
.single_add_to_cart_button.wc-variation-selection-needed:hover {
    background-color: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
    box-shadow: none !important;
    transform: none !important;
}
/* =====================================================
   دکمه‌های مثبت و منفی تعداد
===================================================== */
.quantity .button.plus,
.quantity button.plus {
    background-color: #111827 !important;
    border-color: #111827 !important;
    border-radius: 8px 0 0 8px !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(17, 24, 39, 0.2) !important;
}
.quantity .button.minus,
.quantity button.minus {
    background-color: #111827 !important;
    border-color: #111827 !important;
    border-radius: 0 8px 8px 0 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(17, 24, 39, 0.2) !important;
}
.quantity .button.plus:hover,
.quantity .button.minus:hover,
.quantity button.plus:hover,
.quantity button.minus:hover {
    background-color: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #fff !important;
    transform: none !important;
}
.quantity input[type="number"],
.quantity input.qty {
    background-color: #fff !important;
    border-color: #cbd5e1 !important;
    border-radius: 0 !important;
    color: #0f172a !important;
}
/* =====================================================
   نوار ناموجود در صفحه محصول
   (backdrop-filter نگه داشته شد: حداکثر ۱ عدد در هر صفحه)
===================================================== */
.single-product.outofstock
.woocommerce-product-gallery__wrapper
.woocommerce-product-gallery__image:first-child {
    position: relative !important;
}
.single-outofstock-banner {
    position: absolute;
    top: 38%;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(12px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
    color: #111827;
    padding: 14px 0;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    z-index: 9999;
    pointer-events: none;
}
/* =====================================================
   نوار ناموجود در فروشگاه و دسته‌بندی
   backdrop-filter حذف شد: می‌تواند روی ده‌ها کارت هم‌زمان
   ظاهر شود و همان مشکل کارت‌های محصول را تکرار کند.
===================================================== */
.archive-outofstock-banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #111827;
    padding: 11px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.5px;
    z-index: 10;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    pointer-events: none;
}
.product.outofstock .box-image {
    position: relative;
}
/* =====================================================
   دکمه محصولات فروشگاه، دسته‌بندی و محصولات مشابه
===================================================== */
body .product-small a.button,
body .product-small a.tinvwl-button,
body .product-small a.add_to_cart_button,
body .product-small a.product_type_variable,
body .product-small a.product_type_simple,
body .related-products-wrapper a.button,
body .related-products-wrapper a.tinvwl-button,
body .related-products-wrapper a.add_to_cart_button,
body .related .products a.button,
body .related .products a.add_to_cart_button,
body .upsells .products a.button,
body .upsells .products a.add_to_cart_button,
body .cross-sells .products a.button,
body .cross-sells .products a.add_to_cart_button,
body.woocommerce .products .product .add_to_cart_button,
body.woocommerce-page .products .product .add_to_cart_button,
body.woocommerce .products .product a.button.alt,
body.woocommerce-page .products .product a.button.alt,
body.woocommerce .products .product a.button.primary,
body.woocommerce-page .products .product a.button.primary {
    background-color: #111827 !important;
    border: 1px solid #111827 !important;
    border-radius: 10px !important;
    color: #fff !important;
    opacity: 1 !important;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.22) !important;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}
body .product-small a.button:hover,
body .product-small a.tinvwl-button:hover,
body .product-small a.add_to_cart_button:hover,
body .product-small a.product_type_variable:hover,
body .product-small a.product_type_simple:hover,
body .related-products-wrapper a.button:hover,
body .related-products-wrapper a.tinvwl-button:hover,
body .related-products-wrapper a.add_to_cart_button:hover,
body .related .products a.button:hover,
body .upsells .products a.button:hover,
body .cross-sells .products a.button:hover {
    background-color: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(17, 24, 39, 0.32) !important;
    transform: translateY(-1px) !important;
}
/* =====================================================
   فوکوس دکمه‌ها
===================================================== */
.button:focus-visible,
input[type="submit"]:focus-visible,
.single_add_to_cart_button:focus-visible,
.products .product a.button:focus-visible,
.product-small a.button:focus-visible,
.quantity button:focus-visible {
    outline: 3px solid rgba(17, 24, 39, 0.3) !important;
    outline-offset: 2px !important;
}
/* =====================================================
   کارت محصولات  ← مهم‌ترین تغییر عملکردی
   -----------------------------------------------------
   backdrop-filter از اینجا و از .box-text حذف شد.
   قبلاً: ۴۰ کارت × ۲ لایه = ۸۰ لایه blur در هر صفحه.
   پشت کارت‌ها فقط یک گرادیان نرم است و blur چیزی برای محو
   کردن نداشت، پس ظاهر تقریباً بدون تغییر می‌ماند.
===================================================== */
.products .product-small,
.related .product-small,
.upsells .product-small,
.cross-sells .product-small {
    overflow: visible !important;
}
body .products .product-small > .col-inner,
body .related-products-wrapper .product-small > .col-inner,
body .related .product-small > .col-inner,
body .upsells .product-small > .col-inner,
body .cross-sells .product-small > .col-inner {
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08) !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease !important;
}
/* بخش پایین کارت + جداکننده بین عکس و اطلاعات */
body .products .product-small .box-text,
body .related .product-small .box-text,
body .upsells .product-small .box-text,
body .cross-sells .product-small .box-text {
    background: rgba(255, 255, 255, 0.72) !important;
    padding-top: 16px !important;
    padding-bottom: 18px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.04) !important;
}
/* گوشه بالای تصویر */
body .products .product-small > .col-inner .box-image,
body .related-products-wrapper .product-small > .col-inner .box-image,
body .related .product-small > .col-inner .box-image {
    border-radius: 18px 18px 0 0 !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.15) !important;
}
/* حذف کامل border دور عکس‌ها */
.product-small .box,
.product-small .box-image,
.product-small .box-image img,
.product-small .image-none,
.product-small .image-none img,
.product-small .image-cover,
.product-small .image-inner,
.woocommerce ul.products li.product .box-image,
.woocommerce ul.products li.product .box-image img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
/* مخفی کردن حاشیه داخلی عکس‌ها */
.product-small .box-image img,
.product-small .image-none img,
.woocommerce ul.products li.product .box-image img {
    transform: scale(1.03) !important;
    transform-origin: center center !important;
}
/* هاور کارت */
@media (hover: hover) {
    body .products .product-small > .col-inner:hover,
    body .related-products-wrapper .product-small > .col-inner:hover,
    body .related .product-small > .col-inner:hover,
    body .upsells .product-small > .col-inner:hover,
    body .cross-sells .product-small > .col-inner:hover {
        background: rgba(255, 255, 255, 0.95) !important;
        box-shadow: 0 12px 40px rgba(17, 24, 39, 0.12) !important;
        transform: translateY(-5px) !important;
    }
}
@media (max-width: 549px) {
    body .products .product-small > .col-inner,
    body .related-products-wrapper .product-small > .col-inner,
    body .related .product-small > .col-inner {
        border-radius: 16px !important;
        box-shadow: 0 4px 18px rgba(15, 23, 42, 0.07) !important;
    }
}
/* =====================================================
   هماهنگ کردن بج با گوشه گرد کارت
===================================================== */
.badge-container,
.badge {
    overflow: hidden;
    border-radius: 0 18px 0 18px !important;
}
.badge-inner {
    border-radius: 0 14px 0 14px !important;
}
.box-image .badge-container {
    top: 0;
    right: 0;
    border-radius: 0 18px 0 0 !important;
}
/* =====================================================
   پس‌زمینه مودال دیجتس
===================================================== */
.digits_secure_modal_box,
.digits_ui,
.digits_secure_modal_box *,
.digits_ui * {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: subpixel-antialiased;
    background-color: rgba(226, 232, 240, 0.55);
}
/* =====================================================
   دکمه داخل کارت محصول
===================================================== */
.box-text .button {
    margin-top: 1em;
    width: 100%;
    font-family: iransans;
    overflow: hidden;
    padding: inherit;
}
/* =====================================================
   Flatsome — گلس‌مورفیسم هدر و منوها
   (اینجا backdrop-filter عمداً نگه داشته شد: فقط چند المان
   است، نه ده‌ها تا، و بیشترین تأثیر بصری را دارد)
===================================================== */
/* ---------- ۱) نسخه‌ی شیشه، فقط یک‌جا تعریف می‌شود ---------- */
:root{
    --glass-bg:      rgb(255 255 255 / .60);
    --glass-bg-solid:rgb(255 255 255 / .93); /* حالت بدون پشتیبانی blur */
    --glass-blur:    18px;
    --glass-border:  rgb(255 255 255 / .45);
    --glass-shadow:  0 8px 32px rgb(15 23 42 / .08);
    --glass-radius:  16px;
    --brand-1:#111827;
    --brand-2:#1f2937;
    --brand-3:#374151;
    --ink:#334155;
    --ink-soft:#94a3b8;
}
/* ---------- ۲) سطح شیشه‌ای هدر ----------
   نکته‌ی کلیدی: فیلتر روی ::before است نه روی خود المان،
   تا فرزندان (مگامنو/زیرمنو) backdrop خودشان را از دست ندهند.
   این تکنیک فقط روی .header-inner.container اعمال می‌شود، چون
   خودِ فلت‌سام هیچ position ای روی این المان تعریف نکرده.        */
.header-inner.container{
    position: relative;
    z-index: 1;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: var(--glass-radius);
}
.header-inner.container::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius: inherit;
    background: var(--glass-bg);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(140%);
    backdrop-filter: blur(var(--glass-blur)) saturate(140%);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
    pointer-events:none;
}
/* ---------- ۲ب) دراپ‌داون و منوی عمودی — بدون دست‌زدن به position!
   باگ واقعی پیدا و رفع شد (۱۴۰۵/۰۵/۱۲): فلت‌سام خودش .nav-dropdown و
   .header-vertical-menu__fly-out را با position:absolute مخفی/نمایش
   می‌دهد (وقتی بسته‌اند: absolute + right:-99999px تا از جریان صفحه
   خارج شوند). چون قانون قبلی همین‌جا هم position:relative ست می‌کرد
   با specificity برابر و بدون !important، فقط ترتیب لود تصمیم می‌گرفت
   و چون فایل قالب فرزند بعد از فلت‌سام لود می‌شود، این قانون برنده
   می‌شد — یعنی منوهای بسته دیگر absolute نبودند، در جریان صفحه
   می‌ماندند و روی سایر عناصر هدر می‌افتادند (هم‌پوشانی گزارش‌شده).
   راه‌حل: به‌جای ساخت context جدید با position، همان جلوه‌ی شیشه‌ای
   مستقیم روی background/backdrop-filter خودشان اعمال می‌شود —
   backdrop-filter برای کار کردن نیازی به position:relative ندارد. */
/* پس‌زمینه‌ی این دو منو عمداً کدرتر (--glass-bg-solid) از هدره، نه
   شفاف‌تر (--glass-bg). دلیل: روی مرورگرهایی که backdrop-filter رو
   support می‌کنن ولی به هر دلیلی (context تودرتوی position/z-index
   همین منوها) واقعاً رندرش نمی‌کنن، @supports نمی‌تونه این حالت رو
   تشخیص بده و fallback را فعال کند؛ نتیجه یه پس‌زمینه‌ی ۶۰٪ شفاف و
   بدون بلور می‌مونه که محتوای پشتش (کادر جستجو و غیره) واضح و
   بی‌محو از پشتش دیده می‌شه و شبیه هم‌پوشانی به نظر می‌رسه (دقیقاً
   همین اتفاق در فایرفاکس افتاد). با کدرتر کردن پایه، حتی بدون بلور
   هم تمیز می‌مونه؛ جایی که بلور واقعاً کار کنه، فقط کمی لطافت اضافه
   می‌کنه، نه اینکه تنها راه خوانا بودن باشه. */
.nav-dropdown,
.header-vertical-menu__fly-out{
    background: var(--glass-bg-solid) !important;
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(140%) !important;
    backdrop-filter: blur(var(--glass-blur)) saturate(140%) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    border-radius: var(--glass-radius) !important;
}
/* ---------- ۳) هدر ---------- */
.header-inner.container{
    margin-top: 25px;
    max-width: 1680px;
    border-radius: 20px;
    padding: 0 20px;
}
.header-main{ padding: 0 10px; }
.header-wrapper.stuck,
.header-shadow .header-wrapper,
.layout-shadow #wrapper{
    box-shadow: none !important;
}
/* انیمیشن چسبیدن هدر transform دارد و لحظه‌ای blur را می‌پراند */
.header-wrapper.stuck{ animation: none !important; }
/* ---------- ۴) دراپ‌داون و مگامنوی منوی افقی ---------- */
.nav-dropdown{
    padding: 10px !important;
}
/* هرچه داخل دراپ‌داون است باید شفاف بماند، وگرنه روی شیشه سفیدِ تخت می‌نشیند */
.nav-dropdown .row,
.nav-dropdown .col,
.nav-dropdown .col-inner,
.nav-dropdown .section,
.nav-dropdown .section-bg,
.nav-dropdown .ux-section,
.nav-dropdown .container,
.nav-dropdown .ux-menu,
.nav-dropdown .ux-menu-link{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
/* فلش سفید بالای دراپ‌داون با شیشه جور نیست */
.nav-dropdown-has-arrow li.has-dropdown:before,
.nav-dropdown-has-arrow li.has-dropdown:after{ display:none !important; }
.nav-dropdown li a,
.nav-dropdown .ux-menu-link__link{
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 8px !important;
    margin: 2px 4px !important;
    padding: 8px 12px !important;
    transition: background .2s ease, color .2s ease !important;
}
.nav-dropdown li a:hover,
.nav-dropdown .ux-menu-link__link:hover{
    background: rgb(17 24 39 / .08) !important;
    color: var(--brand-1) !important;
}
.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown .ux-menu-title{
    color: var(--brand-1) !important;
    font-weight: 700 !important;
}
/* ---------- ۵) منوی عمودی دسته‌بندی محصولات ---------- */
.header-vertical-menu__fly-out{
    padding: 8px !important;
}
.header-vertical-menu__fly-out .ux-nav-vertical-menu,
.header-vertical-menu__fly-out .section,
.header-vertical-menu__fly-out .section-bg,
.header-vertical-menu__fly-out .ux-section,
.header-vertical-menu__fly-out .row,
.header-vertical-menu__fly-out .col-inner{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}
.header-vertical-menu__fly-out li > a{
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 8px !important;
    margin: 2px 4px !important;
    padding: 9px 12px !important;
    transition: background .2s ease, color .2s ease !important;
}
.header-vertical-menu__fly-out li > a:hover,
.header-vertical-menu__fly-out li.current-dropdown > a{
    background: rgb(17 24 39 / .08) !important;
    color: var(--brand-1) !important;
}
.header-vertical-menu__fly-out .button{
    background: linear-gradient(135deg, var(--brand-1), var(--brand-2)) !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.header-vertical-menu__fly-out .button:hover{
    background: linear-gradient(135deg, var(--brand-2), var(--brand-3)) !important;
    color: #fff !important;
}
/* ---------- ۷) دکمه‌های هدر ---------- */
.header-main .header-button > .button,
.header-vertical-menu__opener{
    background: linear-gradient(135deg, var(--brand-1), var(--brand-2)) !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgb(17 24 39 / .25) !important;
    transition: background .25s ease, box-shadow .25s ease, transform .25s ease !important;
    min-width: auto !important;
    padding: 8px 16px !important;
}
.header-main .header-button > .button:hover,
.header-vertical-menu__opener:hover{
    background: linear-gradient(135deg, var(--brand-2), var(--brand-3)) !important;
    box-shadow: 0 6px 16px rgb(17 24 39 / .35) !important;
    transform: translateY(-1px) !important;
}
.header-main .header-button > .button,
.header-main .header-button > .button *,
.header-vertical-menu__opener,
.header-vertical-menu__opener *{ color:#fff !important; }
/* ---------- ۸) کادر جستجو ---------- */
.header-search .searchform,
.header-main .search-form{
    background: rgb(255 255 255 / .55) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgb(15 23 42 / .06) !important;
}
.header-search input[type="search"],
.header-search input[type="text"]{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #1e293b !important;
    padding: 10px 14px !important;
}
.header-search input::placeholder{ color: var(--ink-soft) !important; }
.header-search button{
    background: linear-gradient(135deg, var(--brand-1), var(--brand-2)) !important;
    border: 0 !important;
    color: #fff !important;
    padding: 0 14px !important;
}
.header-search button:hover{
    background: linear-gradient(135deg, var(--brand-2), var(--brand-3)) !important;
}
/* ---------- ۹) مرورگرهای بدون backdrop-filter ----------
   نکته: .nav-dropdown و .header-vertical-menu__fly-out دیگه لازم
   نیست اینجا تکرار بشن، چون از قبل به‌طور پیش‌فرض کدر (--glass-bg-solid)
   هستن (بالاتر، بخش ۲ب) — فقط هدر با @supports فرق می‌کنه چون
   عمداً شفاف‌تره (--glass-bg) تا جلوه‌ی شیشه‌ای واقعی داشته باشه. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
    .header-inner.container::before{ background: var(--glass-bg-solid) !important; }
    .off-canvas .mfp-content{ background-color: var(--glass-bg-solid) !important; }
}
/* =====================================================
   سایدبار
   backdrop-filter هم از خود سایدبار و هم از ویجت‌ها حذف شد.
   به‌جایش پس‌زمینه‌ی سفید غلیظ‌تر گذاشته شد تا ظاهر حفظ شود.
===================================================== */
/* خود سایدبار */
#secondary,
.sidebar-wrapper,
.widget-area,
aside.sidebar,
.shop-sidebar {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08) !important;
    padding: 20px !important;
}
/* ویجت‌های داخل سایدبار */
.widget {
    background: rgba(255, 255, 255, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
}
/* عنوان ویجت‌ها (بدون بک‌گراند) */
.widget-title,
.widget h2,
.widget h3,
.widget .widgettitle,
.widget .wp-block-heading {
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.15) !important;
    background: none !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}
/* لینک‌های داخل سایدبار */
.widget a {
    color: #334155 !important;
    transition: color 0.2s ease !important;
}
.widget a:hover {
    color: #111827 !important;
}
/* فیلتر قیمت و چک‌باکس‌ها */
.widget .price_slider_wrapper,
.widget .woocommerce-widget-layered-nav,
.widget ul {
    background: transparent !important;
}
/* ========== کادر جستجوی سایدبار ==========
   backdrop-filter حذف شد (هم‌راستا با حذف blur از کل سایدبار) */
.widget_search .search-form,
.widget_product_search .woocommerce-product-search,
.widget .searchform {
    display: flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06) !important;
}
.widget_search input[type="search"],
.widget_product_search input[type="search"],
.widget .searchform input[type="text"],
.widget .searchform input[type="search"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    width: 100% !important;
    height: auto !important;
}
.widget_search input[type="search"]::placeholder,
.widget_product_search input[type="search"]::placeholder {
    color: #94a3b8 !important;
}
.widget_search button,
.widget_product_search button,
.widget .searchform button {
    background: #111827 !important;
    border: none !important;
    color: #fff !important;
    padding: 0 16px !important;
    height: 100% !important;
    border-radius: 0 !important;
    transition: background 0.25s ease !important;
}
.widget_search button:hover,
.widget_product_search button:hover {
    background: #1f2937 !important;
}
body {
    font-family: 'IRANSansX', sans-serif;
}
/* استایل برای فیلد کد رهگیری */
.tracking-code-wrapper {
    margin-top: 20px;
    background-color: #f3f4f6; /* پس‌زمینه روشن */
    padding: 20px;
    border-radius: 10px; /* گوشه‌های گرد */
    border: 1px solid #e0e0e0; /* مرز نرم */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}
/* استایل برای برچسب (Label) */
.tracking-code-wrapper label {
    font-weight: bold;
    color: #333;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
/* استایل برای فیلد ورودی کد رهگیری */
.tracking-code-wrapper input[type="text"] {
    width: 80%; /* عرض فیلد ورودی */
    padding: 12px 15px; /* فاصله داخلی */
    border-radius: 8px; /* گوشه‌های گرد */
    border: 1px solid #ccc; /* مرز کمرنگ */
    font-size: 14px; /* اندازه فونت */
    margin-top: 8px; /* فاصله از بالا */
    transition: all 0.3s ease-in-out; /* انیمیشن روان هنگام تغییر */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}
/* تغییر رنگ و سایه فیلد ورودی هنگام فوکوس */
.tracking-code-wrapper input[type="text"]:focus {
    border-color: #4CAF50; /* تغییر رنگ مرز به سبز */
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.4); /* سایه سبز ملایم */
}
/* استایل برای دکمه ویرایش */
.tracking-code-wrapper button {
    margin-left: 10px; /* فاصله از فیلد */
    padding: 8px 15px; /* فاصله داخلی */
    background-color: #4CAF50; /* رنگ پس‌زمینه سبز */
    color: white; /* رنگ متن سفید */
    border-radius: 5px; /* گوشه‌های گرد */
    border: none; /* بدون مرز */
    cursor: pointer; /* نشانگر دست */
    font-size: 14px; /* اندازه فونت */
    transition: background-color 0.3s ease-in-out; /* انیمیشن تغییر رنگ */
}
/* تغییر رنگ دکمه هنگام هاور */
.tracking-code-wrapper button:hover {
    background-color: #45a049; /* رنگ پس‌زمینه تیره‌تر هنگام هاور */
}
/* توضیحات زیر فیلد */
.tracking-code-wrapper .description {
    font-size: 13px;
    color: #888; /* رنگ خاکی برای توضیحات */
    margin-top: 8px; /* فاصله از فیلد */
}
.copy-right {
  display: flex;
  justify-content: space-between;
  display: none;
}
.button_about_plugin_letmeknow_sbp {
  cursor: pointer;
  border: #7dc825 solid 2px;
  color: #7dc825;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  font-family: "iranYekan", sans-serif !important;
  display: none;
}
.button_link_other_products_letmeknow_sbp {
  border: #c84b25 solid 2px;
  color: #c84b25;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  font-family: "iranYekan", sans-serif !important;
  display: none;
}


/* آکولاد اضافه‌ی بی‌جا که اینجا بود حذف شد */

.woo-acc-dashboard-rtl{direction:rtl;font-family:inherit;color:#222}
.woo-acc-dashboard-rtl .button{border-radius:12px;padding:.55em 1em}
.woo-acc-dashboard-rtl .button.small{padding:.35em .75em;font-size:.9em}
.woo-acc-dashboard-rtl .button.outline{background:#fff;border:1px solid #e5e7eb}
.woo-acc-dashboard-rtl .button.alert{background:#e11d48;color:#fff}
.wad-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #eee;padding:14px 0;margin-bottom:12px}
.wad-user{display:flex;align-items:center;gap:12px}
.wad-avatar{width:40px;height:40px;border-radius:50%}
.wad-user-hi{font-size:.9rem;color:#6b7280}
.wad-user-name{font-weight:600}
.wad-actions .button{margin-inline-start:8px}
.wad-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.wad-card{display:flex;gap:12px;align-items:center;border:1px solid #eee;border-radius:16px;padding:14px;background:#fff;transition:.2s}
.wad-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.04)}
.wad-card-icon{font-size:22px;background:#f3f4f6;border-radius:12px;padding:10px}
.wad-card-label{font-size:.9rem;color:#6b7280}
.wad-card-val{font-weight:700}
.wad-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}
.wad-panel{background:#fff;border:1px solid #eee;border-radius:18px}
.wad-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:14px 16px}
.wad-title{font-weight:700}
.wad-link{font-size:.92rem;color:#2563eb}
.wad-products{padding:8px 16px}
.wad-product{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #f2f2f2}
.wad-product:last-child{border-bottom:0}
.wad-product img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.wad-product-title{font-weight:600;font-size:.95rem}
.wad-product-sku{font-size:.8rem;color:#6b7280}
.wad-product-actions{display:flex;align-items:center;gap:8px}
.wad-badge{background:#eef2ff;color:#3730a3;border-radius:999px;padding:.15em .6em;font-size:.78rem}
.wad-price{font-weight:700;white-space:nowrap}
.wad-orders{padding:12px 16px}
.wad-order{display:flex;align-items:center;justify-content:space-between;border:1px solid #eee;border-radius:12px;padding:10px 12px;margin-bottom:10px}
.wad-order:last-child{margin-bottom:0}
.wad-order-id{font-weight:600}
.wad-order-date{font-size:.82rem;color:#6b7280}
.wad-chip{background:#ecfeff;color:#155e75;border-radius:999px;padding:.2em .6em;font-size:.78rem;margin-inline-end:8px}
.wad-info{padding:12px 16px;display:grid;gap:10px}
.wad-info > div span{color:#6b7280;margin-inline-end:6px}
.wad-info-actions{display:flex;gap:8px;margin-top:6px}
@media (max-width: 992px){
  .wad-grid{grid-template-columns:1fr}
  .wad-stats{grid-template-columns:1fr 1fr}
}
@media (max-width: 600px){
  .wad-stats{grid-template-columns:1fr}
  .wad-topbar{flex-direction:column;align-items:flex-start}
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}