.elementor-12014 .elementor-element.elementor-element-4d32d72{--display:flex;--position:absolute;--min-height:30px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-evenly;top:0px;}body:not(.rtl) .elementor-12014 .elementor-element.elementor-element-4d32d72{left:0px;}body.rtl .elementor-12014 .elementor-element.elementor-element-4d32d72{right:0px;}.elementor-12014 .elementor-element.elementor-element-0a82b39{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:15px;}.elementor-12014 .elementor-element.elementor-element-0a82b39:not(.elementor-motion-effects-element-type-background), .elementor-12014 .elementor-element.elementor-element-0a82b39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-12014 .elementor-element.elementor-element-0a82b39.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12014 .elementor-element.elementor-element-f9402ca.elementor-element{--align-self:center;}.elementor-12014 .elementor-element.elementor-element-f9402ca img{width:60%;}.elementor-12014 .elementor-element.elementor-element-8fafb33{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-12014 .elementor-element.elementor-element-8fafb33.e-con{--align-self:center;}.elementor-12014 .elementor-element.elementor-element-dc647d2 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--top-level,
							.elementor-12014 .elementor-element.elementor-element-dc647d2 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--top-level{font-family:"IRANSans", Sans-serif;font-size:15px;font-weight:300;letter-spacing:0px;word-spacing:0px;}.elementor-12014 .elementor-element.elementor-element-dc647d2{--jmm-top-item-title-color:#FFFFFF;--jmm-top-hover-item-title-color:#4646F2;}.elementor-12014 .elementor-element.elementor-element-1ccdd70{--display:flex;--min-height:0px;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;}.elementor-12014 .elementor-element.elementor-element-1ccdd70.e-con{--order:-99999 /* order start hack */;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-12014 .elementor-element.elementor-element-4d32d72{--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-12014 .elementor-element.elementor-element-0a82b39{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12014 .elementor-element.elementor-element-0a82b39.e-con{--align-self:center;}.elementor-12014 .elementor-element.elementor-element-8fafb33{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12014 .elementor-element.elementor-element-dc647d2.elementor-element{--align-self:center;}.elementor-12014 .elementor-element.elementor-element-1ccdd70{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-12014 .elementor-element.elementor-element-1ccdd70.e-con{--order:-99999 /* order start hack */;}.elementor-12014 .elementor-element.elementor-element-4f1ed89.elementor-element{--align-self:flex-start;}}@media(min-width:768px){.elementor-12014 .elementor-element.elementor-element-4d32d72{--content-width:100%;}.elementor-12014 .elementor-element.elementor-element-0a82b39{--width:20%;}.elementor-12014 .elementor-element.elementor-element-8fafb33{--width:60%;}}/* Start custom CSS for shortcode, class: .elementor-element-4f1ed89 *//* استایل کلی هماهنگ با سبد خرید */
.header-user-status {
    display: inline-block;
    direction: rtl;
}

.user-header-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px; /* فاصله بین متن و آیکون */
    padding: 6px 10px;
    background: transparent; /* حذف پس‌زمینه سفید */
    border: none; /* حذف کادر دور دکمه */
    color: #ffffff; /* رنگ متن همرنگ سبد خرید */
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.25s ease;
}

/* استایل آیکون */
.user-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff; /* رنگ آیکون سفید */
    transition: color 0.25s ease;
}

/* افکت هاور (تغییر رنگ به نارنجی ملایم یا خاکستری روشن موقع رفتن موس روی آن) */
.user-header-btn:hover {
    color: #f0a500; /* رنگ نارنجی موقع هاور - می‌توانید کد رنگ دلخواهتان را بگذارید */
}

.user-header-btn:hover .user-header-icon {
    color: #f0a500; /* تغییر رنگ آیکون به نارنجی موقع هاور */
}

/* تراز کردن متن */
.user-header-text {
    line-height: 1;
    white-space: nowrap;
}

/* بهینه‌سازی برای موبایل (مخفی کردن متن و باقی ماندن فقط آیکون) */
@media (max-width: 480px) {
    .user-header-text {
        display: none;
    }
    .user-header-btn {
        padding: 6px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d32d72 *//* =========================================================
   هدر شیشه‌ای فوق مینیمال (نسخه کالیبره‌شده)
   ========================================================= */

/* ۱. تنظیمات کانتینر اصلی هدر (4d32d72) */
.elementor-element-4d32d72 {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;

    /* ترفند اصلی: یک شیشه تاریک و مات، اما بسیار ملایم */
    background: rgba(15, 15, 17, 0.1) !important; /* فقط 10% تیرگی */
    backdrop-filter: blur(5px) !important; /* تاری بسیار کم (درخواست شما) */
    -webkit-backdrop-filter: blur(5px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* خط مرزی فوق ظریف */

    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.4s ease, backdrop-filter 0.4s ease !important;
    will-change: transform, background-color;
}

/* ۲. حالت چسبیده (Sticky) (رفع مشکل تیرگی) */
.elementor-element-4d32d72.header-sticky {
    position: fixed !important;
    
    /* به جای مشکی توپر، همان حس شیشه‌ای را حفظ می‌کنیم (مثل اپل) */
    background: rgba(18, 18, 18, 0.25) !important; /* تیرگی ملایم */
    backdrop-filter: blur(10px) !important; /* کمی تاری بیشتر در اسکرول */
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

/* ۳. انیمیشن‌های مخفی و ظاهر شدن */
.elementor-element-4d32d72.header-sticky.header-hide {
    transform: translateY(-100%) !important;
}
.elementor-element-4d32d72.header-sticky.header-show {
    transform: translateY(0) !important;
}

/* ۴. اجبار به استفاده از متن سفید برای منوهای اصلی */
.elementor-element-4d32d72 .elementor-nav-menu--main .elementor-item {
    color: #ffffff !important; /* سفید خالص برای حداکثر خوانایی */
    text-shadow: 0 1px 3px rgba(0,0,0,0.3); /* سایه بسیار ملایم برای دیده شدن روی نقاط روشن عکس */
}

/* ۵. هاور منوها: رنگ آبی برند */
.elementor-element-4d32d72 .elementor-nav-menu--main .elementor-item:hover {
    color: #5d78ff !important;
}


/* =========================================================
   استایل نهایی برای شورت‌کد حساب کاربری (ست‌شده با هدر جدید)
   ========================================================= */

.header-user-status {
    display: inline-flex;
    align-items: center;
}

.user-header-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08); /* پس‌زمینه شیشه‌ای */
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 18px;
    border-radius: 40px;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.33, 1);
}

.user-header-btn:hover {
    background: #5d78ff; /* آبی برند */
    border-color: #5d78ff;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(93, 120, 255, 0.35);
}

.user-header-text {
    font-size: 14px;
    font-weight: 600;
}

.user-header-icon {
    display: flex;
    align-items: center;
}

.user-header-icon svg {
    width: 18px;
    height: 18px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); 
}
/* =========================================================
   اصلاح و کالیبره کردن هدر برای نمای موبایل و تبلت
   ========================================================= */
@media (max-width: 768px) {
    /* ۱. قفل کردن کانتینر اصلی در حالت افقی */
    .elementor-element-4d32d72 {
        display: flex !important;
        flex-direction: row !important; /* جلوگیری از زیر هم افتادن */
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important; /* جلوگیری از شکستن خط */
        padding: 10px 15px !important;
    }

    /* ۲. محدود کردن عرض کانتینرهای داخلی (لوگو، منو، دکمه) */
    .elementor-element-4d32d72 > .e-con,
    .elementor-element-4d32d72 > .e-container,
    .elementor-element-4d32d72 > .elementor-widget {
        width: auto !important;
        max-width: fit-content !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ۳. تبدیل دکمه حساب کاربری به یک دایره‌ی مینیمال در موبایل */
    .user-header-text {
        display: none !important; /* مخفی کردن متن حساب کاربری برای خلوت شدن هدر */
    }
    
    .user-header-btn {
        padding: 10px !important;
        border-radius: 50% !important; /* تبدیل دکمه به دایره کامل */
        width: 40px !important;
        height: 40px !important;
    }

    .user-header-icon svg {
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
    }
}
/* =========================================================
   منوی موبایل شیشه‌ای و پریمیوم (مخصوص افزونه CZ Menu)
========================================================= */
@media (max-width: 768px) {
    
    /* ۱. استایل دکمه همبرگری (دقیقاً هم‌وزن دکمه پروفایل) */
    .elementor-widget-cz_menu .icon_mobile_cz_menu_default {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 42px !important;
        height: 42px !important;
        background: rgba(255, 255, 255, 0.08) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
        color: #ffffff !important;
        font-size: 18px !important;
        cursor: pointer;
        transition: all 0.3s ease !important;
        margin: 0 !important;
    }

    .elementor-widget-cz_menu .icon_mobile_cz_menu_default:active {
        background: #5d78ff !important;
        border-color: #5d78ff !important;
        transform: scale(0.95);
    }

    /* مخفی کردن متن‌های اضافه‌ای که افزونه تولید می‌کند */
    .elementor-widget-cz_menu .icon_mobile_cz_menu_default span {
        display: none !important;
    }

  /* ۲. استایل پنل کشویی (آپدیت برای انیمیشنِ نرمِ اپل‌گونه) */
    .elementor-widget-cz_menu ul.sf-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important; /* تا وقتی مخفی است کلیک نخورد */
        transform: translateX(-50%) translateY(-15px) !important; /* کمی بالاتر برای افکتِ افتادن */
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        display: flex !important; 
        
        position: absolute !important;
        top: 60px !important; 
        left: 50% !important;
        width: 220px !important; 
        background: rgba(20, 23, 28, 0.9) !important;
        backdrop-filter: blur(25px) !important;
        -webkit-backdrop-filter: blur(25px) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 18px !important;
        padding: 10px 15px !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
        z-index: 1000 !important;
    }

    /* کلاسی که با جاوااسکریپتِ خودمان اضافه می‌کنیم */
    .elementor-widget-cz_menu ul.sf-menu.noab-menu-active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(-50%) translateY(0) !important;
    }

    /* ۳. استایل آیتم‌های داخل منو در موبایل */
    .elementor-widget-cz_menu ul.sf-menu li {
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        margin: 0 !important;
    }

    /* حذف خطِ زیرین از آخرین آیتم */
    .elementor-widget-cz_menu ul.sf-menu li:last-child {
        border-bottom: none !important;
    }

    .elementor-widget-cz_menu ul.sf-menu li a {
        display: block !important;
        padding: 14px 10px !important;
        color: #e0e0e0 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        text-align: center !important; /* وسط‌چین کردن متن منوها برای زیبایی بیشتر */
        transition: all 0.3s ease !important;
    }

    /* افکت لمس در موبایل */
    .elementor-widget-cz_menu ul.sf-menu li a:active {
        color: #5d78ff !important;
        transform: scale(0.98) !important;
    }

    /* ۳. استایل آیتم‌های داخل منو در مو
    /* مخفی کردن آیکون بستن (ضربدر) پیش‌فرضِ زشتِ افزونه */
    .xtra-close-icon, 
    .czico-198-cancel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   انیمیشن Apple-Style با روش Scale (بدون گیر کردن در کادر المنتور)
   ========================================================= */

/* هدف قرار دادن لینک در صفحه فروشگاه */
body.post-type-archive-product .apple-hover-line a,
body.single-product .apple-hover-line a {
    position: relative !important;
    /* دیگر نیازی به مخفی کردنِ اضافات نیست! */
}

/* ساخت خط در حالت عادی (جمع شده در سمت چپ) */
body.post-type-archive-product .apple-hover-line a::after,
body.single-product .apple-hover-line a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -5px !important; /* فاصله خط از زیر کلمه */
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #5d78ff !important;
    
    /* ترفند اصلی: خط در حالت عادی روی نقطه سمت چپ جمع شده است */
    transform-origin: left center !important;
    transform: scaleX(0) !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* وقتی موس روی کلمه می‌رود (باز شدن از سمت راست) */
body.post-type-archive-product .apple-hover-line:hover a::after,
body.single-product .apple-hover-line:hover a::after {
    /* تغییر نقطه اتکا به راست: باعث می‌شود خط از راست به چپ رشد کند */
    transform-origin: right center !important;
    transform: scaleX(1) !important;
}/* End custom CSS */