@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//pushakhuria.ir/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.3") format("woff2");
}

:root {
	--wd-text-font: "Iran-Sans-edited", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Iran-Sans-edited", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Iran-Sans-edited", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Iran-Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Iran-Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Iran-Sans-edited", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(84,28,177);
	--wd-alternative-color: rgb(255,179,255);
	--wd-link-color: rgb(30,115,190);
	--wd-link-color-hover: rgb(0,80,242);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(253,251,248);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(237,239,247);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgba(84,28,177,0.06);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-placeholder-color: rgb(135,135,135);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 5px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Iran-Sans-edited";
	src: url("//pushakhuria.ir/wp-content/uploads/2025/07/IRANSans-Edit.woff2") format("woff2"), 
url("//pushakhuria.ir/wp-content/uploads/2025/07/IRANSans-Edit.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Iran-Sans-Bold";
	src: url("//pushakhuria.ir/wp-content/uploads/2025/07/IRANSansBold-Edit.woff2") format("woff2"), 
url("//pushakhuria.ir/wp-content/uploads/2025/07/IRANSansBold-Edit.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/*------------------------------------------ تعریف متغیرهای عمومی ---------------------------------------------- */


		:root {
    		--font-main: 'Iran-Sans-Edited', sans-serif;
				--font-heading: 'iran-Sans-Bold' , sans-serif ;
    		--color-purple: #541cb1;
    		--color-pink: #ffb3ff;
    		--color-bg: #0f1424;

    		--h1-size: 34px;
    		--h2-size: 30px;
    		--h3-size: 24px;
    		--h4-size: 18px;
			
			  /* اتصال رنگ‌های سراسری به متغیرهای برندت */
  --primary:   var(--color-purple);  /* رنگ اصلی تم (بنفش برند) */
  --secondary: var(--color-pink);    /* رنگ فرعی/اکسنت */

  /* سطوح و کادرها (نسخهٔ روشن) */
  --surface:        #ffffff;
  --surface-weak:   #fffafe;
  --surface-ghost:  #f8f5ff;
  --stroke:         #e8e2f4;

  /* رنگ متن‌ها */
  --ink:   #1e2230;  /* متن اصلی */
  --muted: #5b6172;  /* متن ثانویه/توضیحات */

  /* سایه‌ها (برای کارت‌ها و چیپ‌ها در نسخهٔ روشن) */
  --shadow:         0 8px 22px rgba(32,18,65,.08);
  --shadow-strong:  0 12px 28px rgba(32,18,65,.10);
			
			 --container-pad: 24px;
  --chip-pad-y: 12px;
  --chip-pad-x: 16px;

}


/* تنظیم فونت پیش‌فرض برای کل سایت */
		body {
    		font-family: var(--font-main) !important;
}


/*تغییر فونت هدر ها*/
		h1, h2, h3, h4, h5, h6 {
    		font-family: var(--font-heading) !important;
}


/* هدرها
		h1 {
    		font-size: var(--h1-size) !important;
}
		h2 {
    		font-size: var(--h2-size) !important;
}
		h3 {
    		font-size: var(--h3-size) !important;
}
		h4 {
    		font-size: var(--h4-size) !important;
}
*/

/*نمایش دادن صحیح عکس ها در همه ابعاد*/
		img {
    		max-width: 100%;
    		height: auto;
    		display: block; /* برای جلوگیری از فاصله ناخواسته زیر تصویر */
}


/* breakpoint تبلت: <= 992px */
@media (max-width: 992px){
  :root{
    --h1-size: 23px;
    --h2-size: 21px;
    --h3-size: 19px;
    --h4-size: 17px;

    --container-pad: 20px;
    --chip-pad-y: 11px;
    --chip-pad-x: 14px;
  }
}

/* breakpoint موبایل: <= 768px */
@media (max-width: 768px){
  :root{
    --h1-size: 21px;
    --h2-size: 19px;
    --h3-size: 18px;
    --h4-size: 16px;

    --container-pad: 16px;
    --chip-pad-y: 10px;
    --chip-pad-x: 12px;
  }
}

/* موبایل کوچک: <= 480px */
@media (max-width: 480px){
  :root{
    --h1-size: 20px;
    --h2-size: 18px;
    --h3-size: 17px;
    --h4-size: 15px;

    --container-pad: 12px;
    --chip-pad-y: 9px;
    --chip-pad-x: 10px;
  }
}


/* نمونه استفاده از رنگ‌ها در هر جای دیگر 
.button-purple {
    background-color: var(--color-purple) !important;
    color: #fff !important;
}*/


/*------------------------------------------ پایان متغیرهای عمومی ---------------------------------------------- */


/*------------------------------------------ تغییرات صفحه اصلی --------------------------------------------------------*/


/* سفید رنگ شدن آیکون های وودمارت مانند حساب کاربری سبد خرید علاقه مندی ها و ... */

/*رنگ بک گراند صفحه اصلی*/ .page .wd-page-content { background-color: var(--color-bg) !important; }
/*تغییر رنگ بک گراند صفحه اصلی*/ body.home { --wd-main-bgcolor: rgb(15,20,36) !important ; }


/*------------------------------------------------ استایل های هدر پیش فرض وودمارت ---------------------------*/
/* رنگ آیکون‌های ابزار فقط در هدرِ صفحه اصلی 
body.home header.whb-header .wd-tools-icon{
  color: black;
}

 فهرست سفید فقط در هدرِ صفحه اصلی (نه منوی موبایل) 
body.home header.whb-header .wd-header-nav .nav-link-text{
  color: black;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 0 40px !important;
}

 خط جداکننده بین آیتم‌های فهرست — فقط فهرستِ هدر 
body.home header.whb-header .wd-header-nav .wd-nav:is(.wd-style-bordered, .wd-style-separated) > li:not(:last-child)::after{
  border-right: 1px solid rgba(0,0,0,.5) !important;
  content: '';
  display: inline-block;
  height: 20px;
  margin: 0 10px;
}
body:not(.home) header.whb-header .wd-header-nav .wd-nav:is(.wd-style-bordered, .wd-style-separated) > li:not(:last-child)::after{
  border-right: 1px solid rgba(0,0,0,.105) !important;
}

 دکمهٔ سرچ هدر (ذره‌بین) — فقط داخل فرم سرچ هدر 
body.home header.whb-header .wd-header-search-form .searchform .searchsubmit{
   --btn-bgcolor: white !important;  اگر خواستی مربع دور آیکن رو برگردونی 
  --btn-color: black !important;
}

 بوردرهای باکس سرچ — فقط فرم سرچ هدر 
body.home header.whb-header .whb-color-dark [class*="wd-header-search-form"] :is(.wd-style-default,.wd-style-with-bg-2){
  --wd-form-brd-color: rgba(0,0,0,.5) !important;
  --wd-form-brd-color-focus: rgba(15,15,15,.5) !important;
}

 رنگ ضربدر پاک‌کردن — فقط سرچ هدر 
header.whb-header .wd-header-search-form .wd-clear-search{
  color: red !important;
}

 رنگ متنِ تایپ‌شده در سرچ — فقط سرچ هدرِ صفحه اصلی 
body.home header.whb-header .wd-header-search-form input[type='text']{
  color: black !important;
}

 placeholder — فقط سرچ هدرِ صفحه اصلی 
body.home header.whb-header .wd-header-search-form ::placeholder{
  color: rgba(0,0,0,.5) !important;
}

 متن ابزارک‌ها (سلام نام کاربری و …) — فقط در هدرِ صفحه اصلی 
body.home header.whb-header .wd-tools-text{
  color: black !important;
}

 رنگ/گرادیان هدر وقتی scrolled می‌شود — فقط ردیف پایین هدر 
header.whb-header .whb-header-bottom.scrolled{
   اگر با JS کلاس scrolled اضافه می‌کنی، این‌ها اعمال می‌شن 
  background: linear-gradient(90deg, #0f1424, #1a2140 55%, #0f1424) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 8px 22px rgba(0,0,0,.32);
}
header.whb-header .whb-header-bottom.scrolled .wd-header-nav .menu > li > a{
  color:#fff !important; font-weight:600;
}
header.whb-header .whb-header-bottom.scrolled .wd-header-nav .menu > li > a:hover{
  box-shadow: inset 0 -2px 0 #28e7ff;  accent 
}

 (رفع تایپی) کلاس خالیِ هدر پایین — اگه بعداً لازم شد این‌جا استایل بده 
.whb-header-bottom{}



*/
/*--------------------------------------------------------*/

/*-------------------------------- استایل آیکون حساب کاربری که با کد php  و شورت کد در هدر ایجاد شده -------------------------*/
/* MyAccount dropdown — Optimized + Fullscreen Backdrop */
.header-my-account{
  --moh-icon-size: 2.1em;
  --moh-gap: .5rem;
  --moh-menu-min: 220px;
  --moh-backdrop: rgba(16,18,27,.45);
  --moh-t: .18s;
  /* رنگ آیکن (قابل تغییر) */
  --moh-icon-color: #69727d;
  --moh-icon-color-hover: #5d6670;

  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: auto;
}

/* لینک و آیکن */
.header-my-account .wd-account-toggle{
  display: inline-flex;
  align-items: center;
  gap: var(--moh-gap);
  text-decoration: none;
  line-height: 1;
}
.header-my-account .wd-tools-icon{
  width: var(--moh-icon-size);
  height: var(--moh-icon-size);
  display: inline-block;
  flex: 0 0 auto;
  /* آیکن تک‌رنگ با ماسک */
  -webkit-mask: center/contain no-repeat url('https://pushakhuria.ir/wp-content/uploads/2025/10/User-icon-header.svg');
          mask: center/contain no-repeat url('https://pushakhuria.ir/wp-content/uploads/2025/10/User-icon-header.svg');
  background-color: var(--moh-icon-color);
}
.header-my-account:hover .wd-tools-icon{ background-color: var(--moh-icon-color-hover); }
.header-my-account .wd-tools-icon::before{ content: none !important; }

/* متن سلام/نام کاربر */
.header-my-account .wd-tools-text{ color:#000 !important; }

/* پل 10px برای قطع‌نشدن هاور */
.header-my-account::after{
  content:"";
  position:absolute; top:100%; right:0; left:0; height:10px;
  pointer-events:none;
}

/* روکش تمام‌صفحه */
.header-my-account::before{
  content:"";
  position:fixed; inset:0;
  background: var(--moh-backdrop);
  opacity:0; visibility:hidden; pointer-events:none;
  transition: opacity var(--moh-t) ease, visibility var(--moh-t) ease;
  z-index:1;
}

/* حالت فعال (Hover/Focus/Open) */
.header-my-account:is(:hover, :focus-within, .is-open){ z-index:10000; }
.header-my-account:is(:hover, :focus-within, .is-open)::before{
  opacity:1; visibility:visible;
}
/* فقط در حالت کلیکی، روکش کلیک‌ها را بگیرد */
.header-my-account.is-open::before{ pointer-events:auto; }

/* منوی بازشونده */
.header-my-account .wd-dropdown{
  position:absolute;
  top:20px;                /* حفظ تنظیم شما */
  right:-50px;             /* حفظ تنظیم شما (RTL) */
  min-width: var(--moh-menu-min);
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  opacity:0; visibility:hidden; pointer-events:none;
  transition: opacity var(--moh-t) ease, visibility var(--moh-t) ease;
  z-index:2;               /* بالاتر از روکش (1) */
}
.header-my-account:is(:hover, :focus-within, .is-open) .wd-dropdown{
  opacity:1; visibility:visible; pointer-events:auto;
}

/* آیتم‌ها */
.header-my-account .wd-sub-menu{ list-style:none; margin:0; padding:.5rem 0; }
.header-my-account .wd-sub-menu a{
  display:block; padding:.6rem .9rem; text-decoration:none; color:inherit; border-radius:6px;
}
.header-my-account .wd-sub-menu a:hover{ background:#f6f7f9; }

/* دسترسی‌پذیری */
.header-my-account .wd-account-toggle:focus-visible,
.header-my-account .wd-sub-menu a:focus-visible{
  outline:2px solid #0ea5e9; outline-offset:2px;
}

/* کاهش انیمیشن */
@media (prefers-reduced-motion: reduce){
  .header-my-account .wd-dropdown,
  .header-my-account::before{ transition:none; }
}

/* جلوگیری از کلیپ‌شدن منو (مدرن + fallback اختیاری) */
.elementor-widget-shortcode:has(.header-my-account),
header:has(.header-my-account),
.site-header:has(.header-my-account){ overflow: visible; }
/* Fallback:
.site-header, header, .elementor-widget-shortcode{ overflow: visible; } */

/* موبایل: فقط آیکن + عدم نمایش منو/روکش */
@media (max-width: 767.98px){
  .header-my-account{ --moh-gap:0; --moh-icon-size:2.4em; }
  .header-my-account .wd-tools-text{ display:none !important; }
  .header-my-account .wd-account-toggle{
    padding:.4rem; min-width:44px; min-height:44px; line-height:1; touch-action: manipulation;
  }

	.header-my-account .wd-tools-icon{
  width: 2rem;
  height: 2rem;
	}
		
  /* حتی اگر کلاس is-open ست شد، منو/روکش نشان داده نشوند */
  .header-my-account:is(:hover, :focus-within, .is-open)::before{
    opacity:0 !important; visibility:hidden !important; pointer-events:none !important;
  }
  .header-my-account:is(:hover, :focus-within, .is-open) .wd-dropdown{
    opacity:0 !important; visibility:hidden !important; pointer-events:none !important;
  }
}

/*--------------------- پایان استایل آیکون حساب کاربری که با کد پی اچ پی  و شورت کد در هدر ایجاد شده -----------------------*/


/*-------------------------- بخش دسته بندی های پوشاک حوریا (نوزادی - بچگانه - زنانه) -------------------*/
/* ===== خواناتر کردن تیتر/توضیح/دکمه روی هر سه کارت ======= */

/* پایهٔ کارت‌ها */
.hu-ho-no .elementor-cta,
.hu-ho-ba .elementor-cta,
.hu-ho-za .elementor-cta{
  position: relative;
  min-height: 420px;        /* با نسبت 3:4 تصاویر هماهنگ است */
  border-radius: 18px;
  overflow: hidden;
}

.hu-ho-no h3 , .hu-ho-za h3 , .hu-ho-ba h3 {
    font-size: 28px !important;
}

/* خود محتوا همیشه بالاتر از اوورلی باشد */
.hu-ho-no  .elementor-cta__content,
.hu-ho-ba  .elementor-cta__content,
.hu-ho-za  .elementor-cta__content{
  position: relative !important;
  z-index: 2;
  padding: clamp(14px,2.4vw,22px);
  color: #fff;
}

/* بک‌گراند نیمه‌شفاف برای تیتر و توضیح (بدون تغییر چیدمان) */
.hu-ho-no  .elementor-cta__title,
.hu-ho-no  .elementor-cta__description,
.hu-ho-ba  .elementor-cta__title,
.hu-ho-ba  .elementor-cta__description,
.hu-ho-za  .elementor-cta__title,
.hu-ho-za  .elementor-cta__description{
  display: inline-block;
  margin: 0 0 8px;
  padding: 4px 10px;
  border-radius: 10px;
  background: rgba(0,0,0,.45);
  -webkit-backdrop-filter: blur(2px) saturate(1.1);
  backdrop-filter: blur(2px) saturate(1.1);
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
}


.hu-ho-no  .elementor-cta__button:hover,
.hu-ho-ba  .elementor-cta__button:hover,
.hu-ho-za  .elementor-cta__button:hover{
  transform: translateY(-1px);
  background: color-mix(in oklab, var(--primary), #fff 14%);
}

/* ========= Section Wrapper (huria-category) + Heading ========= */
.huria-category{
  position: relative;
  direction: rtl;
  /* فاصله‌ها */
  padding: clamp(18px,3vw,32px) var(--container-pad);
  margin-block: clamp(8px,2.2vw,24px);
  border-radius: 26px;
  overflow: hidden;
}

/* چیدمان داخلی مادر: کمی فاصله بین هدر و گرید */
.huria-category > .e-con-inner{
  display: grid;
  row-gap: clamp(10px,1.8vw,16px);
}

/* ===== Heading: «دسته بندی محصولات فروشگاه» ===== */
.huria-category [data-id="43b830a"] .elementor-widget-container{
  display:flex; justify-content:center;
}

.huria-category .elementor-heading-title{
  font-family: var(--font-heading);
  font-size: clamp(20px,3.2vw,34px);
  line-height: 1.6;
  color: var(--surface);
  text-align:center;
  letter-spacing: .2px;
  margin: 0;
  position: relative;
  padding-bottom: clamp(8px,1vw,14px);
  text-shadow: 0 2px 12px rgba(0,0,0,.25);
}

/* آندرلاین گرادیانی + گلو (glow) زیر هدر */
.huria-category .elementor-heading-title::after{
  content:"";
  position:absolute; left:50%; transform:translateX(-50%);
  bottom: 0;
  width: clamp(96px, 30vw, 370px);
  height: 3px;
  background: linear-gradient(90deg, var(--secondary), var(--primary));
  border-radius: 999px;
  box-shadow: 0 0 18px color-mix(in oklab, var(--secondary), #fff 25%),
              0 2px 12px rgba(0,0,0,.24);
}

/* فاصله‌ی بالای گرید سه‌تایی نسبت به هدر */
.huria-category [data-id="dc69acb"]{
  margin-top: clamp(8px,1.6vw,14px);
}


/*------------------------- پایان بخش دسته بندی های پوشاک حوریا (نوزادی - بچگانه - زنانه) -------------------*/


/*-------------------- بخش تب بندی های سه تایی (پرفروش ترین ها ، و ...) در صفحه اصلی -------------------*/
/* ریشه‌ی اسکوپ */
.hu-ca-ta-cont{
  /* تم تاریک و متغیرهای قابل تنظیم */
  --radius: 16px;
  --chip: rgba(255,255,255,.06);
  --chip-border: 1px solid rgba(255,255,255,.10);
  --card-border: 1px solid rgba(255,255,255,.08);
  --text-1: #eef6fb;
  --text-2: #c8d6de;
  --muted-2: #8a99a3;
  --card-bg: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  --accent: var(--primary, #541CB1);
  --accent-ghost: rgba(84,28,177,.25);
  --accent-ghost-2: rgba(255,179,255,.18);
  --secondary: var(--secondary, #FF69B4);
  --card-aspect: 2 / 3;

  background: var(--color-bg, transparent); /* حذف بک‌گراند */
  font-family: var(--font-main, inherit);
}

/* سفید شدن المان های فهرست  */
	body.home .hu-ca-ta .nav-link-text  {
  			color: white;
}

/* حذف بک‌گراند کانتینر بزرگ (اگر قالب چیزی تزریق کرد) */
.hu-ca-ta-cont{ background: transparent !important; }

/* حذف فرم‌های وارییشن داخل کارت‌ها/کوئیک‌شاپ فقط در این ویجت */
.hu-ca-ta-cont :is(.variations_form,.single_variation_wrap,.woocommerce-variation-add-to-cart,.quantity){
  display: none !important;
}

/* کارت محصول */
.hu-ca-ta-cont .wd-product .product-wrapper{
  border-radius: var(--radius);
  border: var(--card-border);
  background: var(--card-bg);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.hu-ca-ta-cont .wd-product .product-wrapper:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0,0,0,.45);
}

/* نوار اکشن پایین کارت */
.hu-ca-ta-cont .na-card-actions{ display:flex; gap:8px; padding-top:8px; }

/* گروه تب‌ها */
.hu-ca-ta-cont .wd-nav-tabs-wrapper .wd-nav{ /* می‌تونی استایل‌های گروهی رو اینجا اضافه کنی */ }

/* تب‌ها به شکل چیپ */
.hu-ca-ta-cont .wd-nav li .wd-nav-link{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:8px 1px; border-radius:12px;
  color:var(--text-2); background:transparent; line-height:1;
  border:1px solid transparent; transition: .25s ease;
}
.hu-ca-ta-cont .wd-nav li:hover .wd-nav-link{
  background: var(--accent-ghost-2);
  color: var(--text-1);
}
.hu-ca-ta-cont .wd-nav li.wd-active .wd-nav-link{
  background: var(--accent-ghost);
  border-color: rgba(255,255,255,.14);
  color:#fff;
  box-shadow: 0 8px 22px rgba(84,28,177,.22);
}

/* فاصله تب‌ها در هوم */
body.home .hu-ca-ta .wd-nav-tabs{ --nav-gap:5px !important; }

/* دکمه‌ها (Add to Cart و …) */
.hu-ca-ta-cont :is(.wd-add-btn a.button,.single_add_to_cart_button.button){
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  border-radius:14px; padding:1px 5px; font-weight:900;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(84,28,177,.22); color:#fff; transition:.2s ease;
}
.hu-ca-ta-cont :is(.wd-add-btn a.button:hover,.single_add_to_cart_button.button:hover){
  background: rgba(84,28,177,.32);
  box-shadow:0 8px 22px rgba(84,28,177,.28);
}

/* فلش‌های کاروسل */
.hu-ca-ta-cont .wd-nav-arrows .wd-btn-arrow{
  width:40px; height:40px; border-radius:12px;
  background:var(--chip); border:var(--chip-border);
  backdrop-filter: blur(6px);
  transition:.2s ease;
}
.hu-ca-ta-cont .wd-nav-arrows .wd-btn-arrow:hover{
  background: var(--accent-ghost);
  border-color: rgba(255,255,255,.18);
}

/* نقاط (pagination bullets) */
.hu-ca-ta-cont .wd-nav-pagin .wd-nav-pagin-item span{
  width:8px; height:8px; border-radius:999px; background:rgba(255,255,255,.25);
}
.hu-ca-ta-cont .wd-nav-pagin .wd-nav-pagin-item.wd-active span{
  background: var(--secondary);
  box-shadow: 0 0 0 6px rgba(255,179,255,.14);
}

/* تایپوگرافی داخل کارت */
.hu-ca-ta-cont .product-element-bottom{ padding:12px 14px 14px; }
.hu-ca-ta-cont .wd-entities-title a{
  color:var(--text-1); font-weight:800; font-size:15px;
}
.hu-ca-ta-cont .wd-entities-title a:hover{ color:#fff; text-decoration:none; }
.hu-ca-ta-cont :is(.price,.price bdi){ color:var(--text-1); font-weight:900; }

/* ================
   Woodmart Carousel — Equal Height Cards + Single-line Title
   ============== */

/* ستون‌بندی کارت‌ها با ارتفاع برابر */
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-carousel-item > .wd-product{
  display:flex; flex-direction:column; height:100%;
}

/* تصویر محصول: نسبت ثابت و کراپ یکنواخت */
.hu-ca-ta-cont .wd-carousel.wd-grid .product-element-top{ position:relative; margin-bottom:10px; }
.hu-ca-ta-cont .wd-carousel.wd-grid .product-element-top .product-image-link{
  display:block; width:100%; aspect-ratio: var(--card-aspect);
  position:relative; overflow:hidden; border-radius:14px;
}
.hu-ca-ta-cont .wd-carousel.wd-grid .product-element-top .product-image-link img{
  width:100% !important; height:100% !important;
  object-fit:cover; object-position:center; display:block;
}
/* اگر داخل کارت اسلایدر گرید فعال است */
.hu-ca-ta-cont .wd-carousel.wd-grid :is(.wd-product-grid-slider,.wd-product-grid-slide){ aspect-ratio: var(--card-aspect); }
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-product-grid-slide img{
  width:100% !important; height:100% !important; object-fit:cover;
}
/* ناوبری اسلایدر روی تصویر بماند */
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-product-grid-slider-nav{
  position:absolute; inset:0; pointer-events:none;
}

/* لیبل‌ها و اکشن‌های شناور روی عکس */
.hu-ca-ta-cont .wd-carousel.wd-grid .product-labels{
  position:absolute; top:8px; inset-inline-start:8px; z-index:3;
}
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-buttons{
  position:absolute; top:8px; inset-inline-end:8px; z-index:3;
}

/* عنوان: تک‌خط با ... و ارتفاع ثابت */
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-entities-title{
  margin:8px 0 6px; min-height:1.5em; line-height:1.5;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-entities-title a{
  display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  color:var(--surface, var(--text-1));
}

/* قیمت/تماس بگیرید: تک‌خط + ارتفاع رزرو */
.hu-ca-ta-cont .wd-carousel.wd-grid .price{
  width:100%; min-height:1.6em; line-height:1.6;
  display:flex; align-items:center; gap:.5rem;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/* اگر تخفیف نبود => مرکز چین */
.hu-ca-ta-cont .wd-carousel.wd-grid .price:not(:has(del)):not(:has(ins)){
  justify-content:center; text-align:center;
}
/* اگر تخفیف بود => چین پیش‌فرض */
.hu-ca-ta-cont .wd-carousel.wd-grid .price:has(del),
.hu-ca-ta-cont .wd-carousel.wd-grid .price:has(ins){
  justify-content:flex-start; text-align:start;
}
/* ظریف: محتوای حالت بدون تخفیف قشنگ وسط بنشیند */
.hu-ca-ta-cont .wd-carousel.wd-grid .price:not(:has(del)):not(:has(ins)) > *{
  display:inline-block;
}

/* دکمه: بچسبد به کف کارت */
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-add-btn{
  margin-top:auto; display:flex;
}
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-add-btn .button{
  width:100%; min-height:40px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:12px;
}

/* فرم‌های انتخاب متغیر داخل لیست ارتفاع نسازند (Quick Shop) – بک‌آپ */
.hu-ca-ta-cont .wd-carousel.wd-grid .variations_form.cart{ display:none !important; }

/* فاصله‌های یکنواخت بین بلوک‌های سطح اول کارت */
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-product > *{ margin-bottom:6px; }
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-product > *:last-child{ margin-bottom:0; }

/* قیمت‌های تخفیف‌دار در یک خط */
.hu-ca-ta-cont .wd-carousel.wd-grid .price del,
.hu-ca-ta-cont .wd-carousel.wd-grid .price ins{
  display:inline-block; vertical-align:middle;
}
.hu-ca-ta-cont .wd-carousel.wd-grid .price del{
  opacity:.7; margin-inline-end:6px;
}

/* سازگاری عمومی: اگر تصویر خیلی بلند/کوتاه بود، کارت هم‌قد می‌ماند */
.hu-ca-ta-cont .wd-carousel.wd-grid .wd-carousel-item{ height:auto; }

/* دسترسی: کاهش موشن برای کاربرانی که ترجیح می‌دهند */
@media (prefers-reduced-motion: reduce){
  .hu-ca-ta-cont *{
    transition: none !important;
  }
}

/*-------------------- پایان بخش تب بندی های سه تایی -----------------------------------*/

/*--------------------- بخش بنر فصلی و محصولاتش ----------------------------------------*/
/* قاب شیشه‌ای سبک با بوردر گرادینتی */
.hu-ban-cont{
  background:linear-gradient(180deg, rgb(255 255 255 / 28%), rgb(255 255 255 / 17%)) padding-box, linear-gradient(135deg, #541cb117, #ffb3ff59) border-box;
}
/*دکمه مشاهده*/
.huh-ban-but .elementor-button{
  font-family: var(--font-heading);
  border:1px solid transparent;
  background:linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04)) padding-box, linear-gradient(135deg, var(--primary), #7343c8) border-box;
  color:#fff;
  box-shadow: var(--shadow);
}

/*کارت محصولش و آیتم حلقه در این بخش */
/* ================== Product Loop — Dark Glass, Uniform & Aligned (scoped) ================== */
.hu-ban-cont{
  /* Theme tokens */
  --glass-1: rgba(20,24,40,.25);
  --glass-2: rgba(12,14,22,.25);
  --stroke: rgba(255,255,255,.10);
  --ink:    #000000;
  --muted:  #35373d;
  --accent1: var(--primary, #541cb1);
  --accent2: var(--secondary, #ffb3ff);

  /* Layout + UI */
  --radius: 18px;
  --gap: 10px;
  --title-line-h: 1.35em;
  --divider-h: 14px;
  --price-row-h: 28px;
  --badge-offset: 12px;

  /* Typography & colors */
  --title-fs: 16px;
  --price-regular: #000000;            /* رنگ قیمت اصلی وقتی تخفیف نیست */
  --price-regular-on-sale: var(--muted); /* رنگ قیمت اصلی وقتی تخفیف هست */
  --price-sale: #000000;               /* رنگ قیمت تخفیف */
  --price-sale-size: 1.06rem;

  /* Divider gradient */
  --divider-grad: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.28) 20%,
    rgba(255,255,255,.92) 50%,
    rgba(255,255,255,.28) 80%,
    rgba(255,255,255,0) 100%
  );
}

/* --- Card (dark glass) & layering --- */
.hu-ban-cont .hu-pro-cart{
  position: relative; isolation: isolate; z-index: 0;
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  color: var(--ink);
  overflow: hidden;
  background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
  backdrop-filter: blur(10px) saturate(1.15);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hu-ban-cont .hu-pro-cart:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(10,8,25,.38);
  border-color: rgba(255,255,255,.16);
}
.hu-ban-cont .hu-pro-cart::before{
  content:""; position:absolute; inset:-30%; z-index:0; pointer-events:none;
  background:
    radial-gradient(40% 35% at 100% 0%, color-mix(in srgb, var(--accent1) 25%, transparent), transparent 70%),
    radial-gradient(40% 35% at 0% 100%, color-mix(in srgb, var(--accent2) 22%, transparent), transparent 70%);
  filter: blur(30px); opacity:.75;
}
.hu-ban-cont .hu-pro-cart > .e-con-inner{ position: relative; z-index: 1; }

/* --- Grid to unify heights --- */
.hu-ban-cont .hu-pro-cart > .e-con-inner{
  display: grid;
  grid-template-rows:
    auto                 /* image */
    var(--title-line-h)  /* title */
    var(--divider-h)     /* divider */
    var(--price-row-h)   /* regular */
    var(--price-row-h);  /* sale */
  row-gap: var(--gap);
  align-content: start;
}

/* --- Image uniformity --- */
.hu-ban-cont .hu-pro-cart-pic{ width:100%; aspect-ratio: 2 / 3; }
.hu-ban-cont .hu-pro-cart-pic img{
  width:100%; height:100%; display:block; object-fit:cover;
  border-radius: 14px; border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
  transition: transform .32s ease, box-shadow .32s ease;
}


/* --- Title: centered single-line with ellipsis --- */
.hu-ban-cont .hu-pro-cart-tit,
.hu-ban-cont .hu-pro-cart-tit .elementor-widget-container,
.hu-ban-cont .hu-pro-cart-tit .elementor-heading-title{ text-align:center; }
.hu-ban-cont .hu-pro-cart-tit .elementor-heading-title{
  line-height: var(--title-line-h);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-weight: 800; color: var(--ink); letter-spacing:.2px;
  font-size: var(--title-fs) !important;
}

/* --- Prices (centered & conditional colors) --- */
.hu-ban-cont .hu-pro-cart-pr,
.hu-ban-cont .hu-pro-cart-takh{
  display:flex; align-items:center; justify-content:center; text-align:center;
}
/* پایه: قیمت اصلی (بدون تخفیف) سفید */
.hu-ban-cont .hu-pro-cart-pr :is(.elementor-shortcode,.price,.amount){
  color: var(--price-regular); text-decoration:none; font-weight:700;
}
/* قیمت تخفیف: سفید و کمی برجسته‌تر */
.hu-ban-cont .hu-pro-cart-takh :is(.elementor-shortcode,.price,.amount){
  color: var(--price-sale); font-weight:800; font-size: var(--price-sale-size); letter-spacing:.2px;
}
/* وقتی تخفیف وجود دارد: قیمت اصلی طوسی و خط‌خورده (رنگ سفید برای قیمت تخفیف حفظ می‌شود) */
.hu-ban-cont .e-loop-item.sale .hu-pro-cart-pr .amount,
.hu-ban-cont .hu-pro-cart:has(.hu-pro-cart-takh .elementor-shortcode:not(:empty)) .hu-pro-cart-pr .amount{
  color: var(--price-regular-on-sale);
  text-decoration: line-through;
}
/* وقتی تخفیف نیست: سطر دوم مخفی و قیمتِ تکی وسطِ دو ردیف قرار گیرد */
.hu-ban-cont .hu-pro-cart-takh .elementor-shortcode:empty{ display:none; }
.hu-ban-cont .hu-pro-cart:has(.hu-pro-cart-takh .elementor-shortcode:empty) .hu-pro-cart-pr{
  grid-row: 4 / 6; display:flex; align-items:center; justify-content:center;
}
/* Woo markup compatibility (del/ins) */
.hu-ban-cont .hu-pro-cart-pr del{
  color: var(--price-regular-on-sale); text-decoration: line-through; opacity:1;
}
.hu-ban-cont .hu-pro-cart-pr ins{ color: var(--price-sale); text-decoration:none; }
.hu-ban-cont .hu-pro-cart-takh del{ display:none; }

/* --- Discount badge ([wc_discount_badge]) --- */
.hu-ban-cont .hu-pro-cart-baj{
  position: absolute !important;
  inset: var(--badge-offset) var(--badge-offset) auto auto !important; /* top-right */
  z-index: 2 !important; pointer-events:none;
}
.hu-ban-cont .hu-pro-cart-baj .elementor-shortcode:empty{ display:none; }
.hu-ban-cont .wc-badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border-radius:999px; font-weight:800; line-height:1; color:#fff;
  background: linear-gradient(135deg, var(--accent1), #7a4cff);
  box-shadow: 0 10px 28px rgba(122,76,255,.35), inset 0 0 0 1px rgba(255,255,255,.16);
  backdrop-filter: saturate(1.2) blur(6px);
}
.hu-ban-cont .wc-badge--discount::before{
  content:"٪"; font-size:.8em; transform: scaleY(-1) rotate(180deg); opacity:.7;
}

/* --- Slider arrows (scoped) --- */
.hu-ban-cont .elementor-swiper-button{
  width:42px; height:42px; border-radius:14px;
  background: rgba(15,20,36,.78); color:#fff;
  box-shadow: 0 10px 28px rgba(10,8,25,.35);
  transition: transform .2s, background .2s, box-shadow .2s;
}
.hu-ban-cont .elementor-swiper-button:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--accent1), #7a4cff);
  box-shadow: 0 14px 36px rgba(10,8,25,.45);
}
.hu-ban-cont .elementor-swiper-button svg{ width:18px; height:18px; margin:10px;}
.hu-ban-cont .elementor-swiper-button svg path{ fill: currentColor; }

/* --- Responsive & reduced motion --- */
@media (max-width:1024px){ .hu-ban-cont{ --price-row-h: 26px; } }
@media (max-width:767px){
  .hu-ban-cont{ --radius:16px; }
  .hu-ban-cont .hu-pro-cart-pic img{ border-radius:12px; }
}
@media (prefers-reduced-motion: reduce){
  .hu-ban-cont .hu-pro-cart, .hu-ban-cont .hu-pro-cart *{ transition: none !important; }
}


/*--------------------- پایان بخش بنر فصلی و محصولاتش ----------------------------------------*/


/*-------------------- بخش تخفیفات ویژه در صفحه اصلی ---------------------------------*/

/* کانتینر اصلی (پس‌زمینه جشنواره/حراج) */
.hi-co-ha{
  /* پالت اختصاصی همین سکشن */
  --sale1:#ff2d8c;      /* صورتی نئونی */
  --sale2:#6a3cec;      /* بنفش برقی */
  --sale3:#ffc8ff;      /* صورتی روشن جهت هایلایت */
  --sale-bg:#0b0918;
  --sale-ink:#ffffff;

  position: relative;
  isolation: isolate;
  border-radius: 24px;
  padding: clamp(16px,2.6vw,32px);
  color: var(--sale-ink);
  background:
    radial-gradient(1200px 600px at 110% -20%, rgba(106,60,236,.25), transparent 60%),
    radial-gradient(900px 450px at -10% 120%, rgba(255,45,140,.22), transparent 55%),
    linear-gradient(135deg, #0f1024 0%, #140b2f 55%, #0b0918 100%);
  box-shadow: 0 20px 60px rgba(22, 10, 46, .35);
  overflow: hidden;
}

/* افکت ذرات لطیف */
.hi-co-ha::before{
  content:"";
  position:absolute; inset:-10%;
  background:
    radial-gradient(6px 6px at 20% 30%, rgba(255,255,255,.12) 40%, transparent 41%) repeat,
    radial-gradient(5px 5px at 70% 60%, rgba(255,255,255,.10) 40%, transparent 41%) repeat;
  background-size: 180px 180px, 220px 220px;
  filter: blur(.5px);
  opacity:.35;
  pointer-events:none;
}

/* ---------- تایمر (ستون راست) ---------- */
.hi-co-haa{
  backdrop-filter: blur(6px);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  padding: clamp(8px,0.8vw,10px);
  box-shadow: 0 8px 28px rgba(0,0,0,.25);
}

.hi-co-haa .wd-countdown-timer{
  color:#fff;
}

.hi-co-haa .wd-timer{
  display:flex; gap: clamp(8px,1.2vw,12px); justify-content:center; align-items:stretch;
  flex-wrap:wrap;
}

/* باکس هر واحد زمان */
.hi-co-haa .wd-timer>span{
  display:inline-flex; flex-direction:column; align-items:center; justify-content:center;
  min-width: clamp(35px, 4vw, 55px);
  border-radius: 16px;
  padding: 6px 6px;
  line-height:1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)) padding-box,
    linear-gradient(120deg, var(--sale2), var(--sale1)) border-box;
  border:1.5px solid transparent;
  box-shadow: 0 6px 20px rgba(106,60,236,.25), inset 0 -10px 18px rgba(10,8,25,.35);
  position: relative;
  overflow:hidden;
}

.hi-co-haa .wd-timer>span::after{
  /* برق ملایم */
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.18), transparent 45%);
  mix-blend-mode: screen; pointer-events:none;
}

.hi-co-haa .wd-timer-value{
  font-family: var(--font-heading), sans-serif !important;
  font-size: clamp(28px, 4.5vw, 44px);
  font-weight: 800;
  letter-spacing: .5px;
}

.hi-co-haa .wd-timer-text{
  margin-top:8px;
  font-size: clamp(11px,1.5vw,13px);
  opacity:.85;
}

/*بخش کارت محصولاتش*/
/* ===================== Product Carousel — Scoped to .hu-ma-ca ===================== */
.hu-ma-ca{
  /* tokens */
  --radius: 16px;
  --chip: rgba(255,255,255,.06);
  --chip-border: 1px solid rgba(255,255,255,.10);
  --card-border: 1px solid rgba(255,255,255,.08);
  --text-1: #eef6fb;
  --text-2: #c8d6de;
  --muted-2: #8a99a3;
  --card-bg: linear-gradient(180deg, rgb(178 178 178 / 40%), rgb(79 79 79 / 40%));
  --accent: #00C2A8;          /* پیش‌فرض (Mint) */
  --accent-ghost: rgba(0,194,168,.22);
  --accent-ghost-2: rgba(0,194,168,.16);
  --secondary: #7EE081;
  --badge-bg: rgba(255,255,255,.08);
  --badge-text: #fff;
  --card-aspect: 2 / 3;

  background: transparent !important;
  font-family: var(--font-main, inherit);
}

/* ---------- تم‌ها (فقط با افزودن کلاس روی خودِ .hu-ma-ca) ---------- */
.hu-ma-ca.theme-mint{
  --accent:#00C2A8; --secondary:#7EE081;
  --card-bg: linear-gradient(180deg, rgba(0,194,168,.10), rgba(0,194,168,.04));
}
.hu-ma-ca.theme-sunset{
  --accent:#FF7A59; --secondary:#FFD66B;
  --card-bg: linear-gradient(180deg, rgba(255,122,89,.10), rgba(255,214,107,.05));
}
.hu-ma-ca.theme-mono{
  --accent:#7DD3FC; --secondary:#A5B4FC;
  --card-bg: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}

/* ---------- کارت محصول ---------- */
.hu-ma-ca .wd-product .product-wrapper{
  border-radius: var(--radius);
  border: var(--card-border);
  background: var(--card-bg);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hu-ma-ca .wd-product .product-wrapper:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0,0,0,.45);
  border-color: rgba(255,255,255,.14);
}

/* ---------- تصویر با نسبت ثابت ---------- */
.hu-ma-ca .product-element-top{ position:relative; margin-bottom:10px; }
.hu-ma-ca .product-element-top .product-image-link{
  display:block; width:100%; aspect-ratio: var(--card-aspect);
  position:relative; overflow:hidden; border-radius:14px;
}
.hu-ma-ca .product-element-top .product-image-link img{
  width:100% !important; height:100% !important;
  object-fit:cover; object-position:center; display:block;
}
/* اگر اسلایدر داخلی گرید فعال است */
.hu-ma-ca :is(.wd-product-grid-slider,.wd-product-grid-slide){ aspect-ratio: var(--card-aspect); }
.hu-ma-ca .wd-product-grid-slide img{ width:100% !important; height:100% !important; object-fit:cover; }
.hu-ma-ca .wd-product-grid-slider-nav{ position:absolute; inset:0; pointer-events:none; }

/* ---------- لیبل تخفیف/ناموجود ---------- */
.hu-ma-ca .product-labels{ position:absolute; top:8px; inset-inline-start:8px; z-index:3; }
.hu-ma-ca .product-labels .product-label{
  background: var(--badge-bg);
  color: var(--badge-text);
  border-radius: 10px;
  backdrop-filter: blur(4px);
  padding: 4px 8px;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,.16);
}

/* ---------- اکشن‌های شناور (مقایسه/سریع/ویش‌لیست) ---------- */
.hu-ma-ca .wd-buttons{ position:absolute; top:8px; inset-inline-end:8px; z-index:3; }
.hu-ma-ca .wd-action-btn a{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:10px;
  background: var(--chip); border: var(--chip-border);
  backdrop-filter: blur(6px);
  transition: .18s ease;
}
.hu-ma-ca .wd-action-btn a:hover{
  background: var(--accent-ghost);
  border-color: rgba(255,255,255,.18);
}

/* ---------- تایپوگرافی و پایین کارت ---------- */
.hu-ma-ca .product-element-bottom{ padding:12px 14px 14px; }
.hu-ma-ca .wd-entities-title{ margin:8px 0 6px; min-height:1.5em; line-height:1.5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.hu-ma-ca .wd-entities-title a{ color:var(--text-1); font-weight:800; font-size:15px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.hu-ma-ca .wd-entities-title a:hover{ color:#fff; text-decoration:none; }

/* قیمت */
.hu-ma-ca .wrap-price{ margin: 0 0 8px; }
.hu-ma-ca :is(.price,.price bdi){ color:var(--text-1); font-weight:900; }
.hu-ma-ca .price del{ opacity:.7; margin-inline-end:6px; }
.hu-ma-ca .price{ width:100%; min-height:1.6em; line-height:1.6; display:flex; align-items:center; gap:.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hu-ma-ca .price:not(:has(del)):not(:has(ins)){ justify-content:center; text-align:center; }

/* ---------- دکمه‌ها ---------- */
.hu-ma-ca :is(.wd-add-btn a.button,.single_add_to_cart_button.button){
  width:100%; min-height:40px;
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  border-radius:12px; padding:0; font-weight:900;
  border:1px solid rgba(255,255,255,.14);
  background: var(--accent-ghost); color:#fff; transition:.18s ease;
	margin-top: 20px;
}
.hu-ma-ca :is(.wd-add-btn a.button:hover,.single_add_to_cart_button.button:hover){
  background: color-mix(in srgb, var(--accent) 40%, transparent);
  box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 35%, transparent);
}

/* ---------- کاروسل: فلش‌ها و نقاط ---------- */
.hu-ma-ca .wd-nav-arrows .wd-btn-arrow{
  width:40px; height:40px; border-radius:12px;
  background:var(--chip); border:var(--chip-border);
  backdrop-filter: blur(6px);
  transition:.18s ease;
}
.hu-ma-ca .wd-nav-arrows .wd-btn-arrow:hover{
  background: var(--accent-ghost);
  border-color: rgba(255,255,255,.18);
}
.hu-ma-ca .wd-nav-pagin .wd-nav-pagin-item span{
  width:8px; height:8px; border-radius:999px; background:rgba(255,255,255,.25);
}
.hu-ma-ca .wd-nav-pagin .wd-nav-pagin-item.wd-active span{
  background: var(--secondary);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--secondary) 30%, transparent);
}

/* ---------- ارتفاع برابر کارت‌ها ---------- */
.hu-ma-ca .wd-carousel.wd-grid .wd-carousel-item > .wd-product{
  display:flex; flex-direction:column; height:100%;
}
.hu-ma-ca .wd-carousel.wd-grid .wd-add-btn{ margin-top:auto; display:flex; }

/* ---------- فرم‌های وارییشن (اختیاری: اگر نمی‌خوای تو لیست دیده بشه) ---------- */
.hu-ma-ca :is(.variations_form,.single_variation_wrap,.woocommerce-variation-add-to-cart,.quantity){
  display: none !important;
}

/* ---------- ظریف‌کاری‌ها ---------- */
.hu-ma-ca .wd-carousel.wd-grid .wd-carousel-item{ height:auto; }
@media (prefers-reduced-motion: reduce){
  .hu-ma-ca *{ transition: none !important; }
}

/* ---------- تزئینی: بک‌گراند نرم پشت تصویر (div.content-product-imagin) ---------- */
.hu-ma-ca .content-product-imagin{
  position:absolute; inset:0 0 auto 0; height:24%; z-index:0;
  background: radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 70%);
  filter: blur(18px); opacity:.7; pointer-events:none;
}
.hu-ma-ca .product-element-top{ z-index:1; }

/* وقتی قیمت «تماس بگیرید» است (strong داخل .price) */
.hu-ma-ca .price strong{
  display:inline-block; padding:0 .4rem; border-radius:8px;
  background: rgba(255,255,255,.08);
  font-weight:900; color:#fff;
}
/* --- Layout for title, prices and CTA (inside .product-element-bottom) --- */
.hu-ma-ca{
  --gap:10px;
  --title-fs:15px;
  --title-line-h:1.5em;
  --divider-h:10px;
  --price-row-h:1.6em;
  --price-regular:#d7e2e9;
  --price-regular-on-sale:#a9bac7;
  --price-sale:#ffffff;
  --price-sale-size:1.06em;
  --stroke: rgba(255,255,255,.12);
  --ink:#fff;
}

/* بدنه پایین کارت را گرید می‌کنیم تا سطرها یکدست شوند */
.hu-ma-ca .product-element-bottom{
  display:grid;
  grid-template-rows:
     var(--title-line-h) /* عنوان */
     var(--divider-h)    /* جداکننده */
     var(--price-row-h)  /* قیمت اصلی */
     var(--price-row-h)  /* قیمت تخفیف */
     auto;               /* دکمه */
  row-gap: var(--gap);
  align-content:start;
}

/* --- Title (تک‌خط با ellipsis و وسط‌چین) --- */
.hu-ma-ca .wd-entities-title{ grid-row:1; margin:0; }
.hu-ma-ca .wd-entities-title,
.hu-ma-ca .wd-entities-title .elementor-widget-container,
.hu-ma-ca .wd-entities-title a{ text-align:center; }
.hu-ma-ca .wd-entities-title a{
  line-height: var(--title-line-h);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-weight: 800; letter-spacing:.2px;
  font-size: var(--title-fs) !important;
  color: var(--text-1);
}

/* --- Divider (سطر دوم) --- */
.hu-ma-ca .product-element-bottom::before{
  content:""; grid-row:2;
  align-self:center; justify-self:center;
  width: 70%; height:1px; border-radius:999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
}

/* --- Prices: دو سطر منظم (del بالا، ins پایین) --- */
.hu-ma-ca .wrap-price{
  grid-row:3 / 5;
  display:grid;
  grid-template-rows: var(--price-row-h) var(--price-row-h);
  align-content:center;
}
.hu-ma-ca .wrap-price .price{ display:contents; }

/* قیمت «اصلی» وقتی تخفیف داریم */
.hu-ma-ca .wrap-price del{
  grid-row:1; justify-self:center; align-self:center;
  color: var(--price-regular-on-sale) !important;
  text-decoration: line-through; opacity:1;
}
/* قیمت «تخفیف‌خورده» */
.hu-ma-ca .wrap-price ins{
  grid-row:2; justify-self:center; align-self:center;
  color: var(--price-sale);
  text-decoration:none; font-size: var(--price-sale-size); font-weight:800;
}
/* وقتی تخفیف نداریم: تک قیمت وسطِ هر دو سطر */
.hu-ma-ca .wrap-price .price:not(:has(del)):not(:has(ins)){
  grid-row:1 / span 2;
  display:flex; align-items:center; justify-content:center;
}
.hu-ma-ca .wrap-price .price:not(:has(del)):not(:has(ins)) 
  :is(.woocommerce-Price-amount,.amount, strong){ color: var(--price-sale); font-weight:800; }

.hu-ma-ca .wd-product.wd-hover-fw-button .wrap-price {
    justify-content: center !important;
}

/* «تماس بگیرید» (strong) به‌صورت چیپ */
.hu-ma-ca .price strong{
  display:inline-block; padding:0 .4rem; border-radius:8px;
  background: rgba(255,255,255,.08);
  font-weight:900; color:#fff;
}

/* --- CTA (دکمه) در ردیف آخر و تمام‌عرض --- */
.hu-ma-ca .wd-add-btn{ grid-row:5; }
.hu-ma-ca .wd-add-btn .button{ width:100%; }

/* --- بج تخفیف موجود در Woodmart را به استایل سفارشی نزدیک می‌کنیم --- */
.hu-ma-ca .product-labels{ inset-inline-start:auto; inset-inline-end:8px; top:8px; }
.hu-ma-ca .product-labels .onsale{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; font-weight:800; line-height:1;
  color:#fff; background: linear-gradient(135deg, var(--accent), #7a4cff);
  box-shadow: 0 10px 24px rgba(122,76,255,.30), inset 0 0 0 1px rgba(255,255,255,.16);
  border:none;
}
.hu-ma-ca .product-labels .onsale::before{
  content:"٪"; font-size:.8em; transform: scaleY(-1) rotate(180deg); opacity:.7;
}

/* بهبود کوچک RTL برای ارقام */
[dir="rtl"] .hu-ma-ca .wrap-price bdi{ letter-spacing:.1px; }




/*--------------------- پایان بخش تخفیفات ویژه در صفحه اصلی-----------------------------------*/
/*------------------------------------------------- پایان بخش تغییرات صفحه اصلی -------------------------------------------------------------*/


/*------------------------------------------ شروع بخش تغییرات صفحه محصول تکی --------------------------------------------------------*/


/*تغییر سایز تصویر اصلی صفحه محصول تکی*/
		.wp-post-image {
  			width: 370px !important;
  			height: 555px !important;
			  object-fit: cover; /* یا contain بسته به نیاز */
}


/*مربوط یه بخش دسته بندی و شناسه محصول*/
		.product_meta {
  			color: #38393E !important;
}
		.product_meta a {
 			 color: #4E4F56 !important;
				font-size: 14px;
}
		.product_meta .meta-label {
 			 color: #38393E !important;
}
		.product_meta .sku {
 			 color: #4E4F56 !important;
				font-size : 14px;
}
/*وقتی روی دسته بندی ها در صفحه محصول هاور میکنیم رنگشون تغییر کنه*/
		.posted_in a:hover {
  			color: black !important;
}


/*خط وسط شناسه محصول و دسته بندی*/
		.product_meta .sku_wrapper::after {
 			 content: "|";
 			 margin: 0 2px;
  		 color: rgba(0, 0, 0, 0.8);
 			 font-weight: normal;
}


/*نامرئی کردن بخش رنگ در فیلتر محصول به دلیل تداخل با  خود محصول ووکامرس*/
		.cfvsw-swatches-container[swatches-attr="attribute_pa_color"] {
  			display: none !important;
}


/*فاصله سایزبندی ها از بالا*/
		.single-product .cfvsw-hidden-select + .cfvsw-swatches-container {
  			margin: 0px 0 0px 0 !important;
}


/*فاصله طرح بندی از بالا و پایین*/
		table.variations tr:last-child .cell {
    			padding: 8px 0 !important;
}


/* استایل‌دهی به دکمه افزودن به سبد خرید */
		.single_add_to_cart_button {
			  background-color: #541CB1 !important;
 				color: white !important;
			  border-radius: 8px !important;
  			padding: 10px 20px !important;
  			font-weight: bold !important;
  			transition: all 0.3s ease !important;
}
/* حالت هاور*/
		.single_add_to_cart_button:hover {
			  background-color: #311065 !important;
}


/*رنگ بوردر دور مثبت و منفی تعداد خرید محصول*/
		body.single-product
		div.quantity input[type="button"] {
  		  border: 1px solid #808080 !important;
}


/*ادامه تغییر رنگ بالایی چون بوردر دو بخش رنگ میگیره*/
body.single-product input[type='email'],input[type='date'],input[type='search'],input[type='number'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],:root
textarea,:root select {
    		border: 1px solid #808080;
}


/*رنگ تعداد محصول و مثبت و منفی*/
		div.quantity :is(input[type="number"],input[type="text"],input[type="button"]) {
    		color: black !important ;
}


/*رنگ بک گراند مثبت و منفی تعداد محصول وقتی هاور میشه روش*/
		div.quantity input[type="button"]:hover {
    		background-color: #d5d5d5 !important;
}


/*جایگاه و رنگ پیامی که بعد از انتخاب کردن فیلتر ها ظاهر میشه*/
		.reset_variations {
  			position: absolute !important;
				font-size: 15px !important ;
}

/* MOBILE ONLY */
@media (max-width: 767px) {

  /* 1) کوچیک‌تر کردن تصویر اصلی */
  .single-product .woocommerce-product-gallery .wd-gallery-images {
    max-width: 87% !important;   /* دلخواه: 80–92% */
    margin: 0 auto;
  }
  .single-product .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
  }

  /* 2) کوچیک‌تر کردن بندانگشتی‌ها */
  .single-product .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item {
    width: 64px !important;      /* دلخواه: 56–80px */
  }
  .single-product .woocommerce-product-gallery .wd-gallery-thumb img {
    width: 100% !important;
    height: auto !important;
  }

  /* 3) فاصله و چیدمان ردیفی بندانگشتی‌ها */
  .single-product .woocommerce-product-gallery.thumbs-position-bottom
  .wd-gallery-thumb .wd-carousel-wrap {
    gap: 5px;                    /* فاصله بین آیتم‌ها */
  }
}

/*------------------------------------------ پایان بخش تغییرات صفحه محصول تکی --------------------------------------------------------*/


/*------------------------------------------ شروع بخش تغییرات صفحه سبد خرید  --------------------------------------------------------*/


/*نام کلاس این صفحه .woocommerce-cart است */


/*جانمایی و فیکس کردن جایگاه تیتر های خلاصه خرید مانند قیمت و تعداد و ...*/
		.woocommerce-cart th.product-price {
				padding-right: 22px !important; 
}
		.woocommerce-cart th.product-quantity{
				padding-right: 22px !important ;
}
		.woocommerce-cart th.product-subtotal{
				padding-left:35px !important;
}


/*جدا کردن قیمت کل و مبلغ قیمت در اولین سطر از جمع کل سبد خرید*/
		.woocommerce-cart tr.cart-subtotal {
   		 display: flex !important;
   		 justify-content: space-between !important;
 		   direction: rtl !important;
}
		.woocommerce-cart tr.cart-subtotal th {
   		 text-align: right !important;
  		  width: 100% !important;
}
		.woocommerce-cart tr.cart-subtotal td {
 		   text-align: left !important;
  		  width: 100% !important;
}


/*اندازه قسمت محاسبه حمل و نقل*/
		.woocommerce-cart .cart-totals-inner .shipping-calculator-button {
				font-size: 15px !important;
}


/*فاصله دکمه ادامه جهت تسویه حساب از بالا*/
		.woocommerce-cart .elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button {
				margin-top: 30px;
}


/*تغییر درصد سایز باکس های کد تخفیف و نمایش محصول با جمع کل*/
		.woocommerce-cart .elementor-widget-woocommerce-cart .e-cart__container {
    			grid-template-columns: 75% auto !important;

}


/* تغییر اندازه تعییندکمه اعمال تخفیف و فیلد وارد کردن کد تخفیف */
		.woocommerce-cart .coupon-col {
  			  display: flex  !important;
  			  align-items: center  !important;
}
		.woocommerce-cart .coupon-col-start {
  			  flex: 3 !important; /* سهم بیشتر از فضا برای فیلد */
}
		.woocommerce-cart .coupon-col-end {
   			 flex: 1 !important; /* سهم کمتر از فضا برای دکمه */
}


/*بزرگ تر کردن نام محصول نسبت به باقی اجزا*/
		.woocommerce-cart .product-name > a {
   			 font-size: 17px !important;
}


/*تغییر رنگ کلمه قیمت کل و قیمت جلوش*/
		.woocommerce-cart .cart-subtotal  *:before{
 			 color: #595959 !important;
}
		.woocommerce-cart tr.cart-subtotal td .woocommerce-Price-amount {
				color: #595959 !important;
}


/*مخفی کردن حساب کردن هزینه حمل و نقل در صفحه cart*/
		.woocommerce-cart .woocommerce-shipping-totals {
				display : none !important ;
}


/*------------------------------------------ پایان بخش تغییرات صفحه سبد خرید  --------------------------------------------------------*/


/*------------------------------------------ شروع بخش تغییرات صفحه پرداخت  --------------------------------------------------------*/


/*باکس مشخصات شما*/
		.woocommerce-checkout .woocommerce-billing-fields{
				box-shadow : 0px 0px 10px 0px rgba(0,0,0,0.5) !important ;
	  		padding : 20px !important;
				border-radius: 8px ;
				background-color: white ;
}


/*فاصله دادن فیلد ادرس از کد پستی*/
		.woocommerce-checkout .woocommerce .custom-spacing {
    			margin-bottom: 30px !important;
}


/*حذف متن سفارشی زیر فیلد ایمیل*/
		.woocommerce-checkout .wd-data-consent {
    			display: none !important;
}


/*حذف بخش privecy در اخر ثبت سفارش برای تایید مشتری*/
		.woocommerce-checkout .woocommerce-privacy-policy-text{
				display: none !important ;
}


/*تغییر رنگ و مدل خط چین اخر صفحه بالای شرایط و قوانین*/
		.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
   			 border-top: 1px dashed #8C8C8C !important;
}


/*فاصله بخش محموع و قیمت از بالا*/
		.woocommerce-checkout .order-total{
				margin-top: 20px !important;
}
/*تغییر کلمه مجموع در بخش پرداخت*/
		.woocommerce-checkout tr.order-total th {
    			font-size: 20px !important;
}
/*تغییر قیمت جلوی مجموع در بخش پرداخت*/
		.woocommerce-checkout .order-total .woocommerce-Price-amount bdi {
  			font-size: 20px !important;
}


/*تغییر رنگ قیمت جلو قیمت کل*/
		.woocommerce-checkout .cart-subtotal .woocommerce-Price-amount bdi {
  			color: #767676 !important;
				font-size: 15px !important ;
}


/*تغییر رنگ بک گراند توضیحات روش های پرداخت*/
		.woocommerce-checkout #payment .payment_methods .payment_box {
				background-color : #cbcbcb8a  !important ;
}


/*تغییر رنگ جدا کننده زیر محصولات خریداری شده*/
		.woocommerce-checkout .elementor-9 .elementor-element.elementor-element-a399d0c {
    			--order-summary-items-divider-color: #ababab !important;
}


/* و تغییر فونتشون تغییر رنگ انتخاب شهر و استان وقتی هاور میشه روشون*/
		.woocommerce-checkout .select2-results__option{
				font-family: var(--font-main) !important;
}
		.woocommerce-checkout .select2-results__option:hover {
   			 background-color: #007BFF !important; /* رنگ آبی دلخواه */
}


/*مخفی کردن فیلد کشور*/
		#billing_country_field {
    		display: none !important;
}


/*تغییر اندازه و جایگاه المان های درون فیلد اطاعات پرداخت*/
/*توی خود بخش سی اس اس سفارشی المنتور تعریف شده*/
/*
		selector .e-checkout__container {
    		grid-template-columns: 60% auto;
}
		selector tr td:nth-child(2),
		selector tr th:nth-child(2) {
    		text-align: left;
}
		selector tr td,
		selector tr th {
    		padding: 8px 0 !important;
}
*/


/*------------------------------------------ پایان بخش تغییرات صفحه پرداخت  --------------------------------------------------------*/


/*------------------------------------------ شروع بخش تغییرات Mini Cart  --------------------------------------------------------*/


/* استایل کلی بک گراند و اندازه مینی کارت */
		.cart-widget-side {
    		background-color: #ffffff !important;
    		border-radius: 8px !important;
    		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    		padding: 15px !important;
    		max-width: 400px !important;
}


		.cart-widget-side .wd-heading {
    		display: flex !important;
    		justify-content: space-between !important;
				align-items: center !important;
   			border-bottom: 1px solid #cccccc !important;
    		margin-bottom: 15px !important;
}


/* کلمه "سبد خرید" فونت هدر و رنگش*/
		.cart-widget-side .wd-heading .title {
    		font-size: 18px !important;
    		font-weight: bold !important;
    		color: #333 !important;
}


/*کلمه "بستن" در هدر سبد خرید*/
		.cart-widget-side .close-side-widget a {
   	font-size: 14px !important;
  	color: #ff4d4f !important;
    text-decoration: none !important;
}


/*حاشیه پایینی هر محصول و فاصله محصولات در سبد خرید از همدیگه*/
		.cart-widget-side .woocommerce-mini-cart .cart_item {
    		display: flex !important;
    		align-items: center !important;
    		margin-bottom: 15px !important;
    		border-bottom: 1px solid #cccccc !important;
    		padding-bottom: 10px !important;
}


/*تصویر محصولات خریداری شده*/
		.cart-widget-side .woocommerce-mini-cart .product-thumbnail img {
    		width: 70px !important;
    		height: auto !important;
    		border-radius: 8px !important;
				margin-left: 10px !important;
				margin-right: -10px !important;
}


/*عنوان محصولات خریداری شده در سبد*/
		.cart-widget-side .woocommerce-mini-cart .product-name a {
    		font-size: 14px !important;
    		color: #333 !important;
    		text-decoration: none !important;
    		transition: color 0.3s ease !important;
}


/*اسم محصولات وقتی روشون هاور میشه*/
		.cart-widget-side .woocommerce-mini-cart .product-name a:hover {
    		color: #0073e6 !important;
}


/*متغیر های انتخاب شده در محصول*/
		.cart-widget-side .woocommerce-mini-cart .variation {
    		font-size: 12px !important;
    		color: #777 !important;
    		margin-top: 5px !important;
}


/*قیمت هر محصول و تعداد آن*/
		.cart-widget-side .woocommerce-mini-cart .product-price {
    		font-size: 14px !important;
    		font-weight: bold !important;
    		color: #000 !important;
}


/**/
		.cart-widget-side .woocommerce-mini-cart .product-remove a {
    		color: #ff4d4f !important;
    		font-size: 16px !important;
}


/*قیمت کل و عدد جلوش*/
		.cart-widget-side .elementor-menu-cart__subtotal {
				display: flex !important;
				justify-content: space-between !important;
    		font-size: 15px !important;
    		font-weight: bold !important;
				margin-top: 10px !important;
    		/* ایجاد یک خط بالای این فیلد
    		 * border-top: 1px solid #eee !important;
    		padding-top: 10px !important;
			*/
}


/*تغییر رنگ کلمه قیمت کل*/
		.cart-widget-side .elementor-menu-cart__subtotal strong{
				color : black !important;
}


/*دکمه تسویه حساب و سبد خرید*/
		.cart-widget-side .elementor-menu-cart__footer-buttons a {
    		display: inline-block !important;
    		width: 48% !important;
    		text-align: center !important;
    		padding: 10px 0 !important;
    		font-size: 14px !important;
    		border-radius: 6px !important;
				margin-top: 30px !important;
    		transition: background-color 0.3s ease !important;
}


/*دکمه مشاهده سبد خرید*/
		.cart-widget-side .elementor-button--view-cart {
    		background-color: #c9d0e8 !important;
    		color: #0F1424 !important;
}


/*دکمه مشاهده سبد خرید وقتی روش هاور میشه*/
		.cart-widget-side .elementor-button--view-cart:hover {
    		background-color: #e0e0e0 !important;
}


/*دکمه تسویه حساب*/
		.cart-widget-side .elementor-button--checkout {
    		background-color: #0F1424 !important;
    		color: #fff !important;
}


/* دکمه تسویه حساب وقتی روش هاور میشه*/
		.cart-widget-side .elementor-button--checkout:hover {
    		background-color: #005bb5 !important;
}


/* انیمیشن ظاهر شدن سبد خرید */
		.cart-widget-side {
  		opacity: 0 !important;
  		transform: translateX(-20px) !important;
  		transition: opacity 0.4s ease, transform 0.4s ease !important;
  		will-change: opacity, transform !important;
  		pointer-events: none !important; /* وقتی بسته است، کلیک نپذیرد */
}

/* وقتی باز است */
		.cart-widget-side.wd-opened {
  		opacity: 1 !important;
  		transform: translateX(0) !important;
  		pointer-events: auto !important;
}


/*------------------------------------------ پایان بخش تغییرات Mini Cart  --------------------------------------------------------*/


/*------------------------------------------ آغاز بخش فروشگاه  --------------------------------------------------------*/


/* ========= نگهبان تایپوگرافی عمومی ========== */
/* این‌ها سراسری نیستند؛ فقط در محدودهٔ تم‌های فروشگاه اعمال می‌شوند */
		.na-shop-dark, .na-shop-bg-light {
  			font-family: var(--font-main, 'Iran-Sans-Edited', sans-serif);
}


/* ============ سایدبار (Sidebar) — باکس فیلتر قیمت =========== */
/* ظرف اصلی ویجت فیلتر قیمت در سایدبارِ نسخهٔ روشن */
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter {
  direction: rtl;
  font-family: var(--font-main, 'Iran-Sans-Edited', sans-serif);
  padding: 20px;
  background: var(--surface, #ffffff);
  border-radius: 16px;
  border: 1px solid var(--stroke, #e8e2f4);
  box-shadow: var(--shadow, 0 8px 22px rgba(32,18,65,.08));
  min-width: 252px;
  color: var(--ink, #1e2230);
}

/* تیتر ویجت فیلتر قیمت */
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter h5 {
  font-family: var(--font-heading, 'iran-Sans-Bold', sans-serif);
  font-size: var(--h4-size, 18px);
  margin: 0 0 12px 0;
  color: var(--ink, #1e2230);
  border-bottom: 1px solid var(--stroke, #e8e2f4);
  padding-bottom: 10px;
}

/* بک‌گراند ریل قیمت */
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter .price_slider {
  background: linear-gradient(90deg, #ede7fb 0%, #f7f2ff 100%);
  height: 6px;
  border-radius: 999px;
  position: relative;
  margin: 15px 0;
  border: 1px solid var(--stroke, #e8e2f4);
}

/* محدودهٔ انتخاب‌شده روی اسلایدر قیمت */
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter .ui-slider-range {
  background: color-mix(in srgb, var(--primary, var(--color-purple, #541cb1)) 28%, #ffffff);
  border-radius: 999px;
  position: absolute;
	height: 8px;
	top: -1px;

}

/* دسته‌های کشیدن قیمت */
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter .ui-slider-handle {
  background: #ffffff;
  border: 2px solid var(--primary, var(--color-purple, #541cb1));
  height: 20px;
  width: 20px;
  border-radius: 50%;
  top: -6px;
  position: absolute;
  z-index: 5;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary, var(--color-purple, #541cb1)) 15%, transparent);
	margin-left: -10px !important;
}
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter .ui-slider-handle:hover { transform: scale(1.12); }

/* نمایش برچسب قیمت‌ها + دکمهٔ اعمال */
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter .price_slider_amount {
  margin-top: 15px;
  text-align: center;
}
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter .price_slider_amount .price_label {
  margin-top: 8px;
  font-size: 14px;
  color: color-mix(in srgb, var(--ink, #1e2230) 82%, #0000);
}
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter .price_slider_amount .button {
  margin-top: 12px;
  background: linear-gradient(180deg, #7e58d9 0%, var(--primary, var(--color-purple, #541cb1)) 100%) !important;
  color: #fff;
  border: 1px solid transparent;
  padding: 10px 16px;
  font-size: 15px;
  border-radius: 12px;
  cursor: pointer;
  width: 100%;
  font-weight: 800;
  display: inline-block;
  box-shadow: 0 8px 20px rgba(84,28,177,.16);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.na-shop-bg-light .na-sidebar .woocommerce.widget_price_filter .price_slider_amount .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(84,28,177,.22);
}

/* ==================  گرید محصولات ============== */
/* خنثی‌سازی Masonry و تبدیل به CSS Grid بدون پرش ارتفاع */
.na-shop-dark .products.wd-products {
  display: grid !important;
  grid-template-columns: repeat(var(--wd-col-lg, 4), minmax(0, 1fr));
  gap: var(--wd-gap-lg, 10px);
  position: static !important;
  height: auto !important;
  transition: none !important;
}

/* آیتم‌های درون گرید؛ از absolute خارج شوند تا Grid مدیریت کند */
.na-shop-dark .products.wd-products .product-grid-item,
.na-shop-dark .products.wd-products .wd-product {
  position: static !important;
  inset: auto !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0;
  justify-self: stretch;
  align-self: stretch;
  /* فقط افکت‌های ظاهری */
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

/* حذف margin/width‌های تزریقی وودمارت روی آیتم‌ها */
.na-shop-dark .wd-grid-f-col > .product-grid-item,
.na-shop-dark .elements-grid > .product-grid-item {
  width: auto !important;
  margin: 0 !important;
}


/* ========= کارت محصول ============ */
.na-shop-dark .product-wrapper {
  --radius: 16px;
  --card: #1a202c;
  --ink: #e8edf3;
  --accent: color-mix(in srgb, var(--secondary, var(--color-pink, #ffb3ff)) 55%, #ff7f50);
  --ok: #27c4a7;
  background: var(--card);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.na-shop-dark .product-wrapper:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
  border-color: rgba(255,255,255,.12);
  cursor: pointer; /* v1.1: نشانگر موس روی کارت */
}

/* قاب تصویر با نسبت ثابت (اسلایدر داخلی) */
.na-shop-dark .product-element-top {
  position: relative;
  aspect-ratio: 2 / 3; /* تصاویر 200x300 ⇒ 2:3 */
  overflow: hidden;
}
/* اسلایدر داخلی تمام‌کادر */
.na-shop-dark .product-element-top .wd-product-grid-slider {
  display: block !important;
  position: absolute; inset: 0;
  width: 100% !important;
  height: 100% !important;
}
/* اسلایدها و تصاویر */
.na-shop-dark .product-element-top .wd-product-grid-slider .wd-product-grid-slide,
.na-shop-dark .product-element-top img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  border-radius: 12px !important;
  transition: transform .35s ease;
  will-change: transform;
  transform: translateZ(0);
}
.na-shop-dark .product-wrapper:hover .product-element-top img { transform: scale(1.03); }

/* ناوبری اسلایدر (پیکان‌ها) */
.na-shop-dark .product-element-top .wd-product-grid-slider-nav {
  position: absolute; inset: 0;
  z-index: 4;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  opacity: 0;
  transition: opacity .2s ease;
}
.na-shop-dark .product-wrapper:hover .wd-product-grid-slider-nav { opacity: 1; }
.na-shop-dark .product-element-top .wd-product-grid-slider-nav .wd-prev,
.na-shop-dark .product-element-top .wd-product-grid-slider-nav .wd-next {
  width: 36px; height: 36px; border-radius: 999px;
  background: rgba(20,24,32,.65);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(6px);
  color: #fff;
}

/* دکمه‌های اکشن روی تصویر (مقایسه، علاقه‌مندی، مشاهده سریع، اطلاعات بیشتر) */
.na-shop-dark .wrapp-buttons {
  position: absolute; inset-inline: 10px; bottom: 10px; z-index: 3;
  display: flex; gap: 8px;
  opacity: 0; transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease;
}
.na-shop-dark .product-wrapper:hover .wrapp-buttons { opacity: 1; transform: translateY(0); }

.na-shop-dark .wd-action-btn a {
  display: inline-flex; align-items: center; justify-content: center;
  height: 40px; padding: 0 12px; gap: 8px;
  font-weight: 700; font-size: 12px;
  border-radius: 12px; color: #ffffff;
  background: #000000e3;
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}
.na-shop-dark .wd-action-btn a:hover { background: rgba(20,24,32,.85); }

/* بک‌گراند کپسول آیکن‌ها روی هاور کارت محصول (چهار المان) */
.na-shop-dark .wd-product.wd-hover-icons .wd-buttons {
  padding: 2px 7px !important;
  border-radius: 8px !important;
  background: #4141417d !important;
}

/* برچسب‌ها (Badge) مثل حراج/جدید */
.na-shop-dark .product-labels {
  position: absolute; top: 10px; inset-inline-start: 10px; z-index: 4;
  display: flex; gap: 6px;
}
.na-shop-dark .product-label {
  padding: 6px 10px; border-radius: 999px;
  font-weight: 800; font-size: 12px; color: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
}
.na-shop-dark .product-label.onsale { background: var(--accent, #ff8a65); }
.na-shop-dark .product-label.new { background: var(--ok, #27c4a7); }

/* متادیتای پایین کارت */
.na-shop-dark .product-element-bottom {
  padding: 12px 14px 16px;
  display: flex; flex-direction: column;
}
.na-shop-dark .wd-entities-title { margin: 0 0 6px;}
.na-shop-dark .wd-entities-title a {
   color: var(--ink, #e8edf3);
  font-size: 16px;  font-weight: 800;   
  overflow: hidden;
}
.na-shop-dark .price { color: #c7ffdf; font-weight: 900; font-size: 15px; }


/* در صورت نیاز، این دو خط را فعال نگه دار. اگر Quick Shop می‌خواهی، حذف کن. */
		.na-shop-dark .variations_form,
		.na-shop-dark .wd-quick-shop-2{
					display: none !important; 
}

/* =========  ریسپانسیو گرید محصولات ============== */
@media (max-width:1200px){
  .na-shop-dark .products.wd-products {
    grid-template-columns: repeat(var(--wd-col-md,3), minmax(0,1fr));
  }
}
@media (max-width:768px){
  .na-shop-dark .products.wd-products {
    grid-template-columns: repeat(var(--wd-col-sm,2), minmax(0,1fr));
  }
	.na-shop-dark .wd-entities-title a {
  font-size: 14px;
}
}
@media (max-width:480px){
  .na-shop-dark .products.wd-products { --wd-gap-lg: 14px; }
}


/* =========== نوار مرتب‌سازی (Order Bar) ============= */
/* ظرف کلی مرتب‌سازی + RTL */
.na-shop-bg-light .woocommerce-ordering,
.na-shop-dark .woocommerce-ordering { direction: rtl; }

/* استایل چیپ‌های مرتب‌سازی مشترک (پایه) */
.na-shop-bg-light .na-orderbar,
.na-shop-dark .na-orderbar {
  display: flex; align-items: start; gap: 12px; flex-wrap: wrap;
  background: color-mix(in srgb, #fff 3%, transparent);
  border: 1px solid color-mix(in srgb, #fff 12%, transparent);
  padding: 1px 1px; border-radius: 14px; backdrop-filter: blur(4px);
}
.na-shop-bg-light .na-orderbar .na-chip,
.na-shop-dark  .na-orderbar .na-chip {
  appearance: none;
  border: 1px solid color-mix(in srgb, #fff 16%, transparent);
  background: color-mix(in srgb, #fff 6%, transparent);
  color: var(--wd-text-color, #eaecef);
  padding: 8px 14px; border-radius: 999px;
  font-size: 14px; line-height: 1; cursor: pointer;
  transition: background .2s, transform .06s, box-shadow .2s, color .2s, border-color .2s;
}
.na-shop-bg-light .na-orderbar .na-chip:hover,
.na-shop-dark  .na-orderbar .na-chip:hover { transform: translateY(-1px); }
.na-shop-bg-light .na-orderbar .na-chip:focus,
.na-shop-dark  .na-orderbar .na-chip:focus {
  outline: none; box-shadow: 0 0 0 2px rgba(47,111,235,.35);
}
.na-shop-bg-light .na-orderbar .na-chip.active,
.na-shop-dark  .na-orderbar .na-chip.active {
  background: var(--primary, var(--color-purple, #541cb1));
  color: #fff; border-color: transparent;
}

/* پنهان‌سازی سِلکت پیش‌فرض در صورت استفاده از چیپ‌ها */
.na-shop-bg-light .woocommerce-ordering .orderby.na-hidden,
.na-shop-dark  .woocommerce-ordering .orderby.na-hidden { display: none !important; }


/* =========  تم روشن فروشگاه (Pastel Breeze) ======== */
/* ریشهٔ تم و متغیرهایش */
.na-shop-bg-light {
  --primary: var(--color-purple, #541cb1);
  --secondary: var(--color-pink, #ffb3ff);
  --surface: #ffffff;
  --surface-weak: #fffafe;
  --surface-ghost: #f8f5ff;
  --stroke: #e8e2f4;
  --ink: #1e2230;
  --muted: #5b6172;
  --shadow: 0 8px 22px rgba(32,18,65,.08);
  --shadow-strong: 0 12px 28px rgba(32,18,65,.10);
  background-color: #ffffff;
  background-image: linear-gradient(135deg, color-mix(in srgb, var(--secondary) 24%, #fff) 0%, color-mix(in srgb, var(--primary) 12%, #fff) 55%, #ffffff 100%);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

/* کارت محصول در نسخهٔ روشن */
.na-shop-bg-light .product-wrapper {
	background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--secondary, #ffb3ff) 18%, #fff) 0%,
    color-mix(in srgb, var(--primary,  #541cb1) 10%, #fff) 60%,
    #ffffff 100%
  ) !important;
  border: 1px solid var(--stroke);
  border-radius: 16px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.na-shop-bg-light .product-wrapper:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-strong);
  border-color: color-mix(in srgb, var(--primary) 18%, var(--stroke));
  cursor: pointer; /* v1.1: نشانگر موس روی کارت */
}

/* بخش پایین کارت در نسخهٔ روشن */
.na-shop-bg-light .product-element-bottom {
}
/* عنوان و قیمت در نسخهٔ روشن */
.na-shop-bg-light .wd-entities-title a {   color: black !important }
.na-shop-bg-light .price { color: #2e7b57; font-weight: 900; }

/* فریم/تصویر کارت در نسخهٔ روشن */
.na-shop-bg-light .product-element-top { border-bottom: 1px solid var(--color-bg); }
.na-shop-bg-light .product-element-top img { border-radius: 12px; }

/* سایدبارِ نسخهٔ روشن (کارت ویجت‌ها) */
.na-shop-bg-light .na-sidebar {
  background: var(--surface);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--shadow);
  color: var(--ink);
}
/* کانتینر داخلی ویجت‌ها */
.na-shop-bg-light .na-sidebar .elementor-widget-container > .woocommerce {
  background: var(--surface-ghost);
  border: 1px solid var(--stroke);
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 6px 18px rgba(32,18,65,.06);
}

/* نوار مرتب‌سازی در نسخهٔ روشن */
.na-shop-bg-light .na-orderbar {
  background: var(--surface);
  border: 1px solid var(--stroke);
  border-radius: 999px;
  padding: 6px;
  box-shadow: var(--shadow);
  gap: 6px;
}
.na-shop-bg-light .na-orderbar .na-chip {
  background: color-mix(in srgb, var(--primary) 8%, #fff);
  color: var(--primary);
  border: 1px solid var(--stroke);
  font-weight: 800;
  font-size: 13px;
  padding: 10px 14px;
}
.na-shop-bg-light .na-orderbar .na-chip:hover { box-shadow: 0 6px 16px rgba(32,18,65,.10); }
.na-shop-bg-light .na-orderbar .na-chip:focus {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 30%, transparent);
}
.na-shop-bg-light .na-orderbar .na-chip.active {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 70%, #ffffff) 0%, var(--primary) 100%);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(84,28,177,.20);
}

/* ناوبری اسلایدر (فلش‌ها) روی تصویر در نسخهٔ روشن */
.na-shop-bg-light .wd-product-grid-slider-nav > div { color: #fffcfc !important; }



/* ===========  بهینه‌سازی‌ها و جزئیات مشترک =============== */
/* لیبل «ناموجود» تیره با فونت روشن (اسکوپ هر دو تم) */
.na-shop-dark .product-label.out-of-stock,
.na-shop-bg-light .product-label.out-of-stock {
  background-color: #000 !important;
  color: #fff !important;
}

/* یکپارچه‌سازی گردی کارت‌ها با تصویر */
.na-shop-dark .wd-product .product-wrapper,
.na-shop-bg-light .wd-product .product-wrapper { border-radius: 12px !important; }

/* رنگ پیکان ناوبری اسلایدر (هر دو تم) */
.na-shop-dark .wd-product-grid-slider-nav > div,
.na-shop-bg-light .wd-product-grid-slider-nav > div { color: #fffcfc !important; }

/* رنگ دکمهٔ «افزودن به سبد» در حالت آیکنی روی کارت (هر دو تم) */
.na-shop-dark .wd-action-btn.wd-style-icon .button,
.na-shop-bg-light .wd-action-btn.wd-style-icon .button {
  background-color: #159413 !important;
}


/* ---------- Sidebar Woo Widgets — Pushakhuria Style ---------- */
.elementor-widget-container .woocommerce.widget_layered_nav,
.elementor-widget-container .woocommerce.widget_product_categories{
  font-family: var(--font-main);
  background: var(--surface-ghost);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: 14px;
  margin-block: 14px;
}

/* Heading */
.elementor-widget-container .woocommerce.widget_layered_nav h5,
.elementor-widget-container .woocommerce.widget_product_categories h5{
  font-family: var(--font-heading);
  font-size: var(--h4-size);
  color: var(--ink);
  margin: 0 0 12px 0;
  position: relative;
  line-height: 1.4;
  letter-spacing: .2px;
}
.elementor-widget-container .woocommerce.widget_layered_nav h5::after,
.elementor-widget-container .woocommerce.widget_product_categories h5::after{
  content:"";
  display:block;
  height: 3px;
  border-radius: 3px;
  margin-top: 8px;
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  opacity: .9;
}

/* ---------- Layered Nav (Filter by Color) as "chips" ---------- */
.elementor-widget-container .woocommerce-widget-layered-nav-list{
  list-style:none;
  padding: 4px;
  margin: 0;
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}

.elementor-widget-container .woocommerce-widget-layered-nav-list__item{
  margin: 0;
}

.elementor-widget-container .woocommerce-widget-layered-nav-list__item a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  background: var(--surface);
  border: 1px solid var(--stroke);
  border-radius: 999px;
  text-decoration:none;
  color: var(--ink);
  font-size: 14px;
  line-height: 1;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.elementor-widget-container .woocommerce-widget-layered-nav-list__item a:hover,
.elementor-widget-container .woocommerce-widget-layered-nav-list__item a:focus-visible{
  transform: translateY(-1px);
  border-color: color-mix(in oklab, var(--primary) 50%, var(--stroke));
  box-shadow: 0 6px 16px rgba(32,18,65,.10);
}

/* Count badge */
.elementor-widget-container .woocommerce-widget-layered-nav-list__item .count{
  margin-inline-start: 4px;
  padding: 2px 7px;
  font-size: 12px;
  line-height: 18px;
  background: var(--surface-ghost);
  border: 1px solid var(--stroke);
  border-radius: 999px;
  color: var(--muted);
}

/* Active (chosen) state */
.elementor-widget-container .woocommerce-widget-layered-nav-list__item.chosen a{
  background: linear-gradient(135deg, color-mix(in oklab, var(--primary) 86%, white), var(--primary));
  color: #fff;
  border-color: transparent;
  box-shadow: var(--shadow-strong);
}
.elementor-widget-container .woocommerce-widget-layered-nav-list__item.chosen .count{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.26);
  color:#fff;
}

/* Tiny color swatch dot before text */
.elementor-widget-container .woocommerce-widget-layered-nav-list__item a::before{
  content:"";
  inline-size: 10px;
  block-size: 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
}

/* Map slug → swatch color (ویرایش کن اگر نام اسلاگ‌ها فرق دارد) */
.elementor-widget-container .woocommerce-widget-layered-nav-list__item a[href*="filter_color=blue"]::before { background:#3b82f6; }
.elementor-widget-container .woocommerce-widget-layered-nav-list__item a[href*="filter_color=yellow"]::before{ background:#eab308; }
.elementor-widget-container .woocommerce-widget-layered-nav-list__item a[href*="filter_color=green"]::before { background:#22c55e; }
.elementor-widget-container .woocommerce-widget-layered-nav-list__item a[href*="filter_color=pink"]::before  { background:#ec4899; }
.elementor-widget-container .woocommerce-widget-layered-nav-list__item a[href*="filter_color=black"]::before { background:#0b0b0b; }

/* ---------- Product Categories (Accordion-like) ---------- */
/* ===== Product Categories — Parent vs Children ===== */

/* ظرف کلی */
.elementor-widget-container .product-categories{
  list-style: none;
  padding: 6px;
  margin: 0;
	direction: rtl;
}

/* هر آیتم سطح اول */
.elementor-widget-container .product-categories > li{
  position: relative;
  margin-block: 8px;
}

/* لینک سر‌دسته (Parent) — کارت برجسته با نوار گرادیان کناری */
.elementor-widget-container .product-categories > li > a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  background: linear-gradient(0deg, color-mix(in oklab, var(--primary) 6%, #fff), #fff);
  border: 1px solid var(--stroke);
  border-radius: 14px;
  color: var(--ink);
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .1px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

/* نوار گرادیان در کنار سر‌دسته (سمت راست در RTL) */
.elementor-widget-container .product-categories > li > a::before{
  content:"";
  position:absolute;
  inset-inline-start:-1px;
  top:-1px; bottom:-1px;
  width: 4px;
  border-radius: 14px 0 0 14px;
  background: linear-gradient(180deg, var(--primary), var(--secondary));
  opacity:.9;
}

/* Hover سر‌دسته */
.elementor-widget-container .product-categories > li > a:hover,
.elementor-widget-container .product-categories > li > a:focus-visible{
  transform: translateY(-1px);
  border-color: color-mix(in oklab, var(--primary) 40%, var(--stroke));
  box-shadow: 0 8px 20px rgba(32,18,65,.10);
}

/* اگر از قبل چِورون روی <a> داشتیم، حذفش کن چون Toggle جدا داریم */
.elementor-widget-container .product-categories > li.cat-parent > a::after{
  content: none;
}

/* دکمه‌ی باز/بستن (از همان .wd-cats-toggle استفاده می‌کنیم) */
.elementor-widget-container .product-categories > li.cat-parent{
  padding-inline-end: 34px; /* جا برای دکمه */
}
.elementor-widget-container .product-categories > li.cat-parent .wd-cats-toggle{
  position:absolute;
  inset-inline-end: 8px; top: 50%;
  transform: translateY(-50%);
  width: 26px; height: 26px;
  border: 1px solid var(--stroke);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: var(--shadow);
  cursor: pointer;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.elementor-widget-container .product-categories > li.cat-parent .wd-cats-toggle:hover{
  border-color: color-mix(in oklab, var(--primary) 35%, var(--stroke));
  box-shadow: var(--shadow-strong);
}
/* آیکن چِورون داخل دکمه */
.elementor-widget-container .product-categories > li.cat-parent .wd-cats-toggle::before{
  content:"⌵";
  display:block;
  font-size: 14px;
  line-height: 26px;
  text-align:center;
  color: var(--muted);
  transition: transform .2s ease, color .2s ease;
}
.elementor-widget-container .product-categories > li.wd-active-parent .wd-cats-toggle::before{
  transform: rotate(180deg);
  color: var(--primary);
}

/* ظرف زیر‌دسته‌ها — درخت با خط‌چین راست (RTL) + انیمیشن ارتفاع */
.elementor-widget-container .product-categories > li > .children{
  list-style: none;
  margin: 10px 0 0 0;
  padding: 10px 10px 10px 0;
  border-inline-start: 2px dashed var(--stroke);
  overflow: hidden;
  max-height: 0;                    /* پیش‌فرض: بسته */
  transition: max-height .25s ease; /* انیمیشن آکاردئون */
	  text-align: right;                 /* متن و آیتم‌ها راست‌چین */
}
.elementor-widget-container .product-categories > li.wd-active-parent > .children{
  max-height: 800px; /* به‌اندازه کافی بزرگ تا محتوا جا شود */
}

/* هر زیر‌دسته */
.elementor-widget-container .product-categories .children > li{
  position: relative;
  margin: 6px 0;
}

/* لینک زیر‌دسته — چیپ باریک با نقطه‌ی رنگی */
.elementor-widget-container .product-categories .children > li > a{
  position: relative;
  display:flex;
  align-items:center;
  justify-content: flex-start;
  gap:10px;
  padding: 8px 10px;
  margin-inline-start: 10px;   /* فاصله از خط‌چین راست (RTL-aware) */
  border-radius: 10px;
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.elementor-widget-container .product-categories .children > li > a:hover{
  background: var(--surface-weak);
  color: var(--ink);
  transform: translateY(-1px);
}

/* نقطه‌ی نشانگر برای زیر‌دسته‌ها */
.elementor-widget-container .product-categories .children > li > a::before{
  content:"";
  inline-size: 8px; block-size: 8px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--primary) 75%, white);
  box-shadow: 0 0 0 2px var(--surface), 0 0 0 3px var(--stroke);
}

/* حالت‌های فعال */
.elementor-widget-container .product-categories .current-cat > a,
.elementor-widget-container .product-categories .current-cat-parent > a{
  background: linear-gradient(135deg, color-mix(in oklab, var(--primary) 86%, white), var(--primary));
  color: #fff;
  border-color: transparent;
  box-shadow: var(--shadow-strong);
}
.elementor-widget-container .product-categories .current-cat > a::before,
.elementor-widget-container .product-categories .current-cat-parent > a::before{
  background: #fff;
  box-shadow: 0 0 0 2px rgba(255,255,255,.25), 0 0 0 4px rgba(255,255,255,.35);
}

/* موبایل */
@media (max-width: 480px){
  .elementor-widget-container .product-categories > li.cat-parent{
    padding-inline-end: 30px;
  }
  .elementor-widget-container .product-categories > li > a{
    padding: 10px 12px;
  }
}





/*حذف تعداد مخصولات در هر رنگ*/
.elementor-widget-container .woocommerce-widget-layered-nav-list__item .count{
  display: none !important;
}


/*------------------------------------------ پایان بخش فروشگاه  --------------------------------------------------------*/


/*------------------------------------------ شروع بخش تشکر از خرید --------------------------------------------------------*/


/*باکس بالایی در صفحه تشکر از خرید*/
		.woocommerce-order-received .e-con-inner .woocommerce-order-overview {
				padding: 20px 100px 0px 0px !important;
				background-color: white !important ;
				box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) !important;
				border-radius:8px !important;
				text-align:center !important;
}


/*باکس جزئیات سفارش*/
		.woocommerce-order-received .responsive-table{
				box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) !important;
				border-radius : 8px !important ;
}


/*فاصله اجزای باکس جزئیات سفارش از لبه های باکس*/
		.woocommerce-order-received .responsive-table table th,
		.woocommerce-order-received .responsive-table table td {
    				padding: 20px !important;
						font-family: var(--font-main) !important;

}


/*------------------------------------------ پایان بخش تشکر از خرید --------------------------------------------------------*/


/*------------------------------------------ شروع بخش صفحه ورود login --------------------------------------------------------*/


/* استایل کلی فرم ورود */
		.woocommerce form.login {
    		background: #ffffff !important;
    		padding: 25px 30px !important;
    		border-radius: 12px !important;
    		box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    		max-width: 400px !important;
    		margin: auto !important;
    		direction: rtl !important;
    		text-align: right !important;
				font-family : var(--font-main) !important ;
}


/* عنوان ورود */
		.wd-login-title {
    		text-align: center !important;
    		font-size: var(--h1-size) !important;
    		font-weight: bold !important;
    		color: #333 !important;
    		margin-bottom: 20px !important;
}


/* لیبل‌ها */
		.woocommerce form.login label {
    		font-size: 14px !important;
    		color: #555 !important;
    		font-weight: 500 !important;
				margin-bottom : 10px !important ;
}


/* فیلدهای ورودی */
		.woocommerce form.login input.input-text {
    		width: 100% !important;
    		padding: 10px 14px !important;
    		border: 1px solid #ddd !important;
    		border-radius: 8px !important;
    		background: #f9f9f9 !important;
    		transition: all 0.3s ease !important;
    		font-size: 14px !important;
}


/* افکت هنگام فوکوس */
		.woocommerce form.login input.input-text:focus {
    		border-color: var(--color-pink) !important;
    		background: #fff !important;
    		box-shadow: 0 0 8px rgba(255,122,0,0.2) !important;
    		outline: none !important;
}


/* دکمه ورود */
		.woocommerce form.login button.button {
    		width: 100% !important;
    		background: var(--color-purple) !important;
    		color: #fff !important;
    		padding: 12px !important;
				margin-bottom : 10px !important ;
    		font-size: 15px !important;
    		border-radius: 8px !important;
    		border: none !important;
    		cursor: pointer !important;
    		transition: background 0.3s ease !important;
}
		.woocommerce form.login button.button:hover {
    		background: var(--color-pink) !important;
}


/* لینک فراموشی رمز */
		.login-form-footer a {
    		color: var(--color-purple) !important;
    		font-size: 13px !important;
    		transition: color 0.3s !important;
}
		.login-form-footer a:hover {
    		color: #e56a00 !important;
}


/* چک‌باکس مرا به خاطر بسپار */
		.woocommerce-form-login__rememberme {
    		font-size: 13px !important;
    		color: #555 !important;
}


/* واکنش‌گرا */
@media (max-width: 480px) {
		.woocommerce form.login {
        padding: 20px !important;
    }
}

@media (max-width: 576px) {
	/*-------------- در ابعاد موبایل اون فلشی که مارو منتقل میکنه به بالای صفحه با دکمه های چسبان پایین تداخل داشت اوردمش بالا تر -------*/
.scrollToTop.button-show {
    margin-bottom: 80px;
}

/*-------------------------------------------- تغییرات باتم بار در سایز موبایل و منوی اصلی --------------------------------------------------*/

		.hu-but-cont .hu-but-sec .elementor-icon-box-content .elementor-icon-box-title a , .hu-but-cont .hu-but-bas .elementor-icon-box-content .elementor-icon-box-title a {
				color : black ;
}


.hu-but-cont .hu-but-bas .elementor-widget-icon-box .elementor-icon-box-content {
    margin-top: 10px;
}

/*----------------------------------------- پایان تغییرات باتم بار در سایز موبایل و منوی اصلی ---------------------------------------------*/


/*----------------------------------------- فروشگاه در ابعاد موبایل ---------------------------------------------*/

/*بخش محبوب ترین ارزان ترین و ... در ابتدای صفحه فروشگاه برای سورت کردن محصولات*/
/*مربوط به پدینگ چیپ ها برای جای گیری در یک خط در موبایل*/
.na-shop-bg-light .na-orderbar .na-chip {
  padding: 10px 5px;
}
/*----------------------------------------- پایان فروشگاه در ابعاد موبایل ---------------------------------------------*/

}