.elementor-29433 .elementor-element.elementor-element-622608f{--display:flex;--min-height:321px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-29433 .elementor-element.elementor-element-622608f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29433 .elementor-element.elementor-element-96c1901{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-96c1901 > .elementor-widget-container{position:relative;}.elementor-29433 .elementor-element.elementor-element-96c1901 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-29433 .elementor-element.elementor-element-15561b6b > .elementor-container{min-height:150px;}.elementor-29433 .elementor-element.elementor-element-15561b6b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-29433 .elementor-element.elementor-element-15561b6b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29433 .elementor-element.elementor-element-7d881eb0 img{width:125px;border-radius:10px 10px 10px 10px;}.elementor-29433 .elementor-element.elementor-element-7d881eb0{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-7d881eb0 > .elementor-widget-container{position:absolute;top:-65px;left:20%;}.elementor-29433 .elementor-element.elementor-element-346af255{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-346af255 > .elementor-widget-container{position:absolute;top:-50px;left:-50px;}.elementor-29433 .elementor-element.elementor-element-885ab6a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-29433 .elementor-element.elementor-element-885ab6a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-29433 .elementor-element.elementor-element-885ab6a{--e-icon-list-icon-size:14px;position:relative;min-height:1px;--icon-vertical-offset:0px;}.elementor-29433 .elementor-element.elementor-element-885ab6a > .elementor-widget-container{position:relative;}.elementor-29433 .elementor-element.elementor-element-885ab6a .elementor-icon-list-text{transition:color 0.3s;}.elementor-29433 .elementor-element.elementor-element-7160e0b8{box-shadow:0px 0px 4px 0px #cccccc;}.elementor-29433 .elementor-element.elementor-element-7388667c{padding:25px 25px 25px 25px;border-style:solid;border-width:0px 01px 0px 0px;border-color:#efefef;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5:hover{background-color:rgba(255,255,255,0.55);}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5{margin:25px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:0px 0px 0px 5px;--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;position:relative;min-height:1px;--icon-vertical-offset:0px;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5 > .elementor-widget-container{position:relative;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-29433 .elementor-element.elementor-element-6cf9ae72{padding:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-29433 .elementor-element.elementor-element-96c1901{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-96c1901 > .elementor-widget-container{position:relative;}.elementor-29433 .elementor-element.elementor-element-7d881eb0{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-7d881eb0 > .elementor-widget-container{position:absolute;top:-93px;}.elementor-29433 .elementor-element.elementor-element-346af255{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-346af255 > .elementor-widget-container{position:absolute;top:-100px;left:0;}.elementor-29433 .elementor-element.elementor-element-885ab6a{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-885ab6a > .elementor-widget-container{position:relative;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5 > .elementor-widget-container{position:relative;}}@media(min-width:769px){.elementor-29433 .elementor-element.elementor-element-622608f{--width:106.306%;}}@media(max-width:768px){.elementor-29433 .elementor-element.elementor-element-622608f{--min-height:30px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-29433 .elementor-element.elementor-element-622608f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29433 .elementor-element.elementor-element-96c1901{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-96c1901 > .elementor-widget-container{position:relative;}.elementor-29433 .elementor-element.elementor-element-15561b6b > .elementor-container{min-height:250px;}.elementor-29433 .elementor-element.elementor-element-7d881eb0{text-align:center;position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-7d881eb0 > .elementor-widget-container{position:absolute;top:-160px;left:27%;}.elementor-29433 .elementor-element.elementor-element-346af255{text-align:center;position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-346af255 > .elementor-widget-container{position:relative;top:0px;left:0;}.elementor-29433 .elementor-element.elementor-element-885ab6a{position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-885ab6a > .elementor-widget-container{position:relative;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;position:relative;min-height:1px;}.elementor-29433 .elementor-element.elementor-element-1fe8c7f5 > .elementor-widget-container{position:relative;}}/* Start custom CSS for wcfmem-store-banner, class: .elementor-element-96c1901 *//* تمام عرض کردن بنر (فیکس موبایل و دسکتاپ) */
#store-banner {
    width: 100vw !important;
    max-width: 100vw !important;
    
    /* فرمول طلایی برای وسط چین کردن المان تمام‌عرض داخل باکس محدود */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    
    /* حذف پوزیشن‌های قبلی که باعث خرابی موبایل می‌شد */
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    
    padding: 0 !important;
    overflow: hidden !important;
    
    /* ارتفاع در دسکتاپ */
    height: 350px !important;
    max-height: 350px !important;
}

/* تنظیمات عکس داخل بنر */
#store-banner img {
    width: 100% !important;
    height: 100% !important; /* پر کردن ارتفاع والد */
    display: block !important;
    object-fit: cover !important; /* برش استاندارد عکس */
    object-position: center center !important;
}

/* تنظیمات مخصوص موبایل */
@media (max-width: 768px) {
    #store-banner {
        /* در موبایل ارتفاع کمتر باشد */
        height: 250px !important;
        max-height: 250px !important;
    }
}

/* حذف اسکرول افقی مزاحم */
body, html {
    overflow-x: hidden !important;
}/* End custom CSS */
/* Start custom CSS for wcfmem-store-info, class: .elementor-element-885ab6a *//* ==================================================
   استایل نهایی و هوشمند اطلاعات تماس (بدون خرابی تب‌ها)
   ================================================== */

/* ۱. کانتینر اصلی (فقط برای اطلاعات تماس، نه تب‌ها) */
/* نکته مهم: :not(.wcfmem-store-tabs) باعث میشه تب‌ها خراب نشن */
.wcfmem-store-info:not(.wcfmem-store-tabs) ul.elementor-icon-list-items .elementor-icon-list-item {
    display: flex !important;
    align-items: center !important; 
    justify-content: flex-start !important;
    
    /* استایل کارت مدرن */
    background-color: #ffffff !important;
    border-radius: 12px !important; 
    padding: 12px 15px !important;
    margin-bottom: 12px !important;
    
    /* سایه و کادر ملایم */
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    border: 1px solid #f2f2f2 !important; 
    
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    width: 100% !important; /* اطمینان از عرض کامل */
}

/* ۲. آیکون (دایره‌ای رنگی) */
.wcfmem-store-info:not(.wcfmem-store-tabs) .elementor-icon-list-icon {
    flex: 0 0 46px !important; 
    height: 46px !important;
    
    background-color: #eff2f9 !important; /* آبی یخی */
    border-radius: 50% !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    margin-left: 15px !important; 
    margin-right: 0 !important;
    
    color: #4a5d75 !important; 
    font-size: 18px !important;
    
    transition: all 0.3s ease !important;
}

/* ۳. متن (مرتب) */
.wcfmem-store-info:not(.wcfmem-store-tabs) .elementor-icon-list-text {
    flex-grow: 1 !important;
    text-align: right !important;
    
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ۴. لینک‌ها (شماره تماس و ایمیل) */
.wcfmem-store-info:not(.wcfmem-store-tabs) .elementor-icon-list-text a {
    color: #222 !important; 
    font-weight: 700 !important; 
    font-size: 15px !important; 
    text-decoration: none !important;
    display: block !important;
    transition: color 0.2s ease !important;
}

/* ۵. افکت هاور (حرکت نرم) */
.wcfmem-store-info:not(.wcfmem-store-tabs) .elementor-icon-list-item:hover {
    transform: translateY(-2px); 
    box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important; 
    border-color: #e0e0e0 !important;
}

.wcfmem-store-info:not(.wcfmem-store-tabs) .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background-color: #36384c !important; 
    color: #ffffff !important; 
    transform: scale(1.05);
}

.wcfmem-store-info:not(.wcfmem-store-tabs) .elementor-icon-list-item:hover .elementor-icon-list-text a {
    color: #0088cc !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d866350 *//* ==================================================
   استایل نهایی سوشال مدیا: لوگوهای لوکال + اسکرول افقی
   ================================================== */

/* ۱. کانتینر اصلی (حالت اسکرول افقی) */
.wcfmem-store-social.my-custom-socials {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* جلوگیری از شکستن خط */
    overflow-x: auto !important; /* فعال سازی اسکرول افقی */
    overflow-y: hidden !important;
    
    align-items: center !important;
    justify-content: flex-start !important; /* شروع از سمت راست */
    
    width: 100% !important;
    padding: 10px 5px 15px 5px !important; /* فضا برای سایه */
    margin-top: 15px !important;
    
    /* مخفی کردن اسکرول بار زشت */
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
.wcfmem-store-social.my-custom-socials::-webkit-scrollbar {
    display: none;
}

/* ۲. استایل دکمه‌ها */
.wcfmem-store-social.my-custom-socials a.social-btn {
    flex: 0 0 auto !important; /* ثابت نگه داشتن سایز */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    width: 48px !important; /* کمی بزرگتر و خوش‌دست‌تر */
    height: 48px !important;
    margin-left: 10px !important; /* فاصله بین دکمه‌ها */
    
    border-radius: 50% !important; /* دایره کامل */
    background-color: #eee;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
}

/* ۳. استایل آیکون‌های داخلی */
.wcfmem-store-social.my-custom-socials i {
    font-size: 24px !important;
    color: #fff !important; /* سفید کردن همه آیکون‌ها */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* ۴. هاور (وقتی موس میره روش) */
.wcfmem-store-social.my-custom-socials a.social-btn:hover {
    transform: translateY(-5px) scale(1.05) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
}

/* ==================================================
   ۵. رنگ‌بندی برندها
   ================================================== */
.my-custom-socials a.telegram { background-color: #0088cc !important; }
.my-custom-socials a.whatsapp { background-color: #25D366 !important; }
.my-custom-socials a.youtube { background-color: #FF0000 !important; }
.my-custom-socials a.instagram { 
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important; 
}
/* رنگ دکمه‌های ایرانی */
.my-custom-socials a.aparat { background-color: #EA1D5D !important; } /* صورتی */
.my-custom-socials a.eitaa { background-color: #FF7900 !important; }  /* نارنجی */
.my-custom-socials a.rubika { background-color: #9332CC !important; } /* بنفش */


/* --- آپارات --- */
.my-custom-socials a.aparat i:before {
    content: '' !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    
    /* تکنیک ماسک برای سفید کردن تضمینی */
    background-color: #fff !important; /* رنگ آیکون سفید */
    -webkit-mask-image: url('https://ilbano.com/wp-content/uploads/2026/02/icon-color-black@32px.png') !important;
    mask-image: url('https://ilbano.com/wp-content/uploads/2026/02/icon-color-black@32px.png') !important;
    
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    
    /* حذف پس‌زمینه معمولی */
    background-image: none !important; 
}



/* ==================================================
   راه حل نهایی: حذف آیکون و چسباندن عکس به خود دکمه
   ================================================== */

/* ۱. ایتا (Eitaa) */
/* مرحله اول: مخفی کردن آیکون مزاحم وسط دکمه */
.my-custom-socials a.eitaa i {
    display: none !important;
}

/* مرحله دوم: تنظیم عکس پس‌زمینه روی خود دکمه دایره‌ای */
.my-custom-socials a.eitaa {
    /* لینک عکس ایتا */
    background-image: url('https://ilbano.com/wp-content/uploads/2026/02/logo-eitaa-app-download-png-vector-Toranjlogo-1.png') !important;
    
    /* تنظیمات جایگذاری عکس */
    background-size: 24px !important; /* سایز لوگو داخل دایره */
    background-repeat: no-repeat !important;
    background-position: center center !important;
    
    /* رنگ پس‌زمینه دکمه (نارنجی) */
    background-color: #FF7900 !important;
    
    /* سفید کردن لوگوی ایتا (اگر لوگو رنگی است) */
    /* نکته: چون عکس روی پس‌زمینه نارنجی میاد، باید لوگو سفید بشه */
    background-blend-mode: overlay !important; /* ترکیب برای نمایش بهتر */
}
/* ترفند ویژه برای سفید کردن عکس در این حالت */
.my-custom-socials a.eitaa {
     /* این خط عکس را سفید نمی‌کند، بلکه کل دکمه را مدیریت میکند. 
        اگر عکس ایتا رنگی است و روی نارنجی دیده نمی‌شود، 
        بهترین کار استفاده از روش زیر (ماسک) روی خود دکمه است */
}


/* ۲. روبیکا (Rubika) */
/* مخفی کردن آیکون */
.my-custom-socials a.rubika i {
    display: none !important;
}

/* تنظیم عکس روی دکمه */
.my-custom-socials a.rubika {
    background-image: url('https://ilbano.com/wp-content/uploads/2026/02/minimal.png') !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    
    background-color: #9332CC !important; /* بنفش روبیکا */
}/* End custom CSS */
/* Start custom CSS for wcfmem-store-tabs, class: .elementor-element-1fe8c7f5 *//* ==================================================
   استایل نهایی: فیکس کامل بریدگی + حذف فلش طوسی
   ================================================== */

/* ۱. کانتینر اصلی */
.wcfmem-store-tabs ul.elementor-icon-list-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    align-items: center !important;

    margin: 0 !important;
    width: 100% !important;
    
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.wcfmem-store-tabs ul.elementor-icon-list-items::-webkit-scrollbar {
    display: none;
}

/* ۲. فاصله دکمه‌ها */
.wcfmem-store-tabs .elementor-icon-list-item {
    flex: 0 0 auto !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

/* ۳. استایل دکمه (حالت عادی) */
.wcfmem-store-tabs a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    background-color: #f7f8fa !important;
    border: 1px solid transparent !important;
    border-radius: 50px !important;
    
    padding: 8px 16px !important; 
    
    color: #666 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    
    /* حذف خط دور آبی پیش‌فرض مرورگر */
    outline: none !important; 
    -webkit-tap-highlight-color: transparent !important;
}

/* ۴. آیکون‌ها */
.wcfmem-store-tabs .elementor-icon-list-icon {
    margin-left: 6px !important;
    margin-right: 0 !important;
    color: #aab2bd !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
}

/* ۵. ✅ جلوگیری از طوسی شدن موقع کلیک (Focus/Active/Hover) */
.wcfmem-store-tabs a:hover,
.wcfmem-store-tabs a:focus,
.wcfmem-store-tabs a:active {
    background-color: #ffffff !important; /* همیشه سفید */
    color: #333 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    transform: translateY(-1px);
}

/* ==================================================
   ۶. حالت فعال (Active Tab)
   ================================================== */

.wcfmem-store-tabs .elementor-icon-list-item.active-tab a {
    background-color: #ffffff !important; /* سفید خالص */
    color: #36384c !important; /* متن سرمه‌ای */
    border: 1px solid #36384c !important;
    box-shadow: 0 5px 15px rgba(54, 56, 76, 0.15) !important;
}

/* سایز آیکون فعال */
.wcfmem-store-tabs .elementor-icon-list-item.active-tab i,
.wcfmem-store-tabs .elementor-icon-list-item.active-tab svg {
    font-size: 14px !important; 
}/* End custom CSS */
/* Start custom CSS for wcfmem-store-tab-contents, class: .elementor-element-6cf9ae72 */.elementor-widget-wrap #wcfmmp-store{box-shadow:none;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40d97a0 */<style>
/* استایل باکس "محصولی یافت نشد" */
.wd-empty-search-box {
    text-align: center;
    padding: 60px 20px;
    background: #fff;
    border: 2px dashed #e1e1e1; 
    border-radius: 15px;
    margin: 20px auto; /* وسط چین */
    width: 100%;
    max-width: 800px; /* که خیلی عریض نشه */
}

/* آیکون */
.wd-empty-search-box .wd-empty-icon svg {
    margin-bottom: 20px;
    stroke: #ccc;
}

/* تیتر */
.wd-empty-search-box h3 {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
}

/* متن */
.wd-empty-search-box p {
    color: #777 !important;
    font-size: 14px !important;
    margin-bottom: 25px !important;
}

/* دکمه */
.wd-empty-search-box .wd-clear-search-btn {
    display: inline-block;
    padding: 12px 30px;
    background-color: #36384c; /* رنگ برند */
    color: #fff !important;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
}

.wd-empty-search-box .wd-clear-search-btn:hover {
    background-color: #D1604D;
    box-shadow: 0 5px 15px rgba(209, 96, 77, 0.3);
}

/* اصلاح چیدمان */
.wd-show-empty-msg {
    display: block !important;
    width: 100% !important;
    min-height: 300px; /* ارتفاع حداقلی */
}
</style>/* End custom CSS */
/* Start custom CSS *//* =========================================================
   نسخه نهایی: پروفایل تمام عرض، بنر دارک و لوگوی شناور
   ========================================================= */

/* 1. تنظیمات پیشرفته بنر (تمام عرض + دارک) */
.elementor-widget-wcfmem-store-banner img {
    /* --- تمام عرض کردن تصویر (شکستن کادر) --- */
    width: 100vw !important; /* عرض به اندازه کل ویو‌پورت */
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important; /* ترفند وسط چین کردن تمام عرض */
    margin-right: calc(50% - 50vw) !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    transform: translateX(-50%) !important;
    
    /* --- استایل ظاهری --- */
    height: 400px !important; /* ارتفاع بلندتر برای دسکتاپ */
    object-fit: cover !important; /* برش استاندارد */
    object-position: center center !important;
    display: block !important;
    
    /* --- افکت دارک و لبه‌ها --- */
    filter: brightness(80%) !important; /* ۲۰ درصد تاریک‌تر برای لوکس شدن */
    border-radius: 0 0 50px 50px !important; /* گردی لبه پایین بیشتر شد */
    
    /* سایه نرم زیر بنر */
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
}

/* 2. تنظیمات لوگو (شناور و برجسته) */
.elementor-widget-wcfmem-store-logo {
    margin-top: -110px !important; /* لوگو بیشتر بیاد بالا */
    position: relative !important;
    z-index: 99 !important; /* حتما روی بنر باشه */
    text-align: center !important;
    margin-bottom: 20px !important;
    pointer-events: none; /* جلوگیری از کلیک اشتباه */
}

.elementor-widget-wcfmem-store-logo img {
    width: 170px !important; /* لوگو کمی بزرگتر */
    height: 170px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    /* کادر سفید ضخیم‌تر برای دیده شدن روی بنر تاریک */
    border: 6px solid #ffffff !important; 
    box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important;
    background-color: #fff !important;
    padding: 3px !important;
    pointer-events: auto; /* خود لوگو قابل کلیک باشه */
}

/* 3. استایل نام فروشگاه */
.wcfmem-store-name {
    margin-top: 15px !important;
    position: relative;
    z-index: 10;
}
.wcfmem-store-name h1 {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #2d2d2d !important;
    letter-spacing: -0.5px !important;
}

/* =========================================================
   تنظیمات موبایل (ریسپانسیو حرفه‌ای)
   ========================================================= */
@media (max-width: 768px) {
    
    /* ارتفاع بنر در موبایل (بزرگتر طبق خواسته شما) */
    .elementor-widget-wcfmem-store-banner img {
        height: 260px !important; /* ارتفاع مناسب برای موبایل */
        border-radius: 0 0 30px 30px !important; /* گردی کمتر در موبایل */
    }

    /* تنظیم جایگاه لوگو در موبایل */
    .elementor-widget-wcfmem-store-logo {
        margin-top: -90px !important; 
        display: flex !important;
        justify-content: center !important;
    }

    /* سایز لوگو در موبایل */
    .elementor-widget-wcfmem-store-logo img {
        width: 130px !important; /* کمی بزرگتر از قبل */
        height: 130px !important;
        border-width: 4px !important;
    }

    /* متن‌ها وسط چین */
    .wcfmem-store-name, 
    .wcfmem-store-info,
    .elementor-widget-wcfmem-store-info ul {
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .wcfmem-store-name h1 {
        font-size: 22px !important;
    }
}
/* ==================================================
   مخفی کردن فیلترها و مرتب‌سازی در صفحه فروشگاه
   ================================================== */

/* ۱. مخفی کردن دکمه "فیلتر ها" */
.wd-filter-buttons {
    display: none !important;
}

/* ۲. مخفی کردن منوی کشویی "مرتب سازی" */
.woocommerce-ordering {
    display: none !important;
}

/* ۳. اگر فضای خالی زشتی باقی ماند، این را هم بزن: */
.shop-loop-head {
    display: none !important;
}
/* ==================================================
   استایل نهایی فرم نظرات (مدرن و کاربرپسند)
   ================================================== */

/* ۱. کادر کلی فرم */
.reviews_add_area {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 25px;
    margin-top: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

/* ۲. تیتر "یک نظر بنویسید" */
.reviews_heading {
    font-size: 18px;
    font-weight: 800;
    color: #333;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* لینک انصراف */
.reviews_heading a.cancel_review_add {
    font-size: 13px;
    color: #ff4d4d;
    text-decoration: none;
    background: #fff0f0;
    padding: 5px 10px;
    border-radius: 6px;
}

/* ۳. چیدمان عکس و فرم */
.write_review {
    display: flex;
    gap: 20px;
}

/* عکس کاربر */
.review_photo img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #f0f0f0;
}

/* بخش اصلی فرم */
.review_text {
    flex-grow: 1;
    width: 100%;
}

/* ۴. بخش ستاره‌های امتیازدهی (مرتب‌سازی) */
.rating_area {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    background-color: #f9fbfc;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px dashed #dce1e6;
}

.rating_box {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #555;
    flex-basis: 45%; /* دو ستونه کردن در دسکتاپ */
}

/* ستاره‌ها */
.rating_box ul.stars {
    margin: 0 0 0 10px !important;
    padding: 0;
    display: flex;
}
.rating_box ul.stars li {
    margin-right: 2px;
}
.rating_box .wcfmfa.fa-star {
    font-size: 16px;
    color: #ccc; /* رنگ ستاره خاموش */
    transition: color 0.2s;
}
/* ستاره روشن (طلایی) */
.rating_box .star.selected .wcfmfa.fa-star,
.rating_box .star:hover .wcfmfa.fa-star {
    color: #ffb400 !important;
}

/* ۵. جعبه متن (قسمت اصلی درخواست شما) */
#wcfmmp_store_review_comment {
    width: 100% !important;
    min-height: 150px !important;
    
    /* استایل کادر */
    border: 2px solid #e1e1e1 !important;
    border-radius: 10px !important;
    background-color: #fcfcfc !important;
    padding: 15px !important;
    
    font-family: inherit;
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    
    transition: all 0.3s ease;
    outline: none !important;
}

/* وقتی کاربر کلیک میکنه روش */
#wcfmmp_store_review_comment:focus {
    border-color: #0088cc !important; /* آبی شدن کادر */
    background-color: #fff !important;
    box-shadow: 0 0 0 4px rgba(0, 136, 204, 0.1); /* سایه آبی دورش */
}

/* اضافه کردن متن راهنما بالای باکس */
.add_review_box::before {
    content: 'متن نظر خود را اینجا بنویسید:';
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 13px;
    color: #555;
}

/* ۶. دکمه ارسال (خوشگل و بزرگ) */
#wcfmmp_store_review_submit {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    margin-top: 15px;
    transition: all 0.3s;
    width: 100%; /* تمام عرض در موبایل */
}

#wcfmmp_store_review_submit:hover {
    background-color: #0088cc; /* آبی شدن در هاور */
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* ریسپانسیو (موبایل) */
@media (max-width: 768px) {
    .write_review {
        flex-direction: column;
    }
    .rating_box {
        flex-basis: 100%; /* تک ستونه در موبایل */
    }
    .review_photo {
        display: none; /* مخفی کردن عکس در موبایل برای سادگی */
    }
}/* End custom CSS */