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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//mikada.ir/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//mikada.ir/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//mikada.ir/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//mikada.ir/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//mikada.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//mikada.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//mikada.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//mikada.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Vazirmatn", 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: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Vazirmatn", 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: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 17px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(192,17,87);
	--wd-alternative-color: #fbbc34;
	--btn-default-font-family: "Vazirmatn", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Vazirmatn", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 500;
	--btn-accented-bgcolor: rgb(192,17,87);
	--btn-accented-bgcolor-hover: rgb(183,0,61);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgb(192,17,87);
}
.product-labels .product-label.new {
	background-color: rgb(192,17,87);
}
.product-labels .product-label.featured {
	background-color: rgb(242,21,21);
}
.product-labels .product-label.out-of-stock {
	background-color: rgba(0,0,0,0.19);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-cat-brd-radius: 5px;
}

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


.wd-page-title {
background-color: #0a0a0a;
}

/*-#1-------------Header-Style-And-Curve---------------*/
@media (min-width: 1025px) {
  .whb-column9 {
    background-color: #ffffff;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 85px;
    box-shadow: -1px 0 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 0px;
		margin-left: 40px;  /* فاصله قوس منوی هدر از آیکون‌های اصلی هدر */

    /* اصلاحاتی که انجام دادیم */
    overflow: visible !important;
    position: static !important;
    z-index: 9 !important;
  }

  .whb-column8 {
    box-shadow:
      0 0px 0px 0px rgba(0, 0, 0, 0.07),
      0 20px 16px -15px rgba(0, 0, 0, 0.07);
    background-color: #fff !important;
    margin-bottom: 0px;

    /* اصلاحات */
    overflow: visible !important;
    position: static !important;
    z-index: 10 !important;
  }

  .whb-column8 *,
  .whb-column8::before,
  .whb-column8::after {
    box-shadow: none !important;
  }
	
/* هدف قرار دادن اختصاصی ستون منحنی هدر */
.whb-column.whb-column9 {
    position: relative !important;
    overflow: visible !important; /* برای اینکه سایه از کادر بیرون بزند و دیده شود */
}


/* ۲. تنظیمات دارک مد و درخشش صورتی اختصاصی برای قوس هدر (بدون تاثیر بر لوگو) */
html[data-wp-dark-mode-active] .whb-column9 {
    box-shadow: -15px 5px 30px rgba(192, 17, 87, 0.45) !important;
    border-left: 2px solid rgba(192, 17, 87, 0.6) !important;
}

	/* ۲. تنظیمات دارک مد و درخشش صورتی اختصاصی برای لوگو ) */
html[data-wp-dark-mode-active] .whb-column8 {
    box-shadow: 0 20px 16px -15px rgba(192, 17, 87, 0.45) !important;
}
}

/*---#2----------------- Main------Menu-----Items-------and------Divider-----------*/

#menu-mika-main .woodmart-nav-link .nav-link-text {
  display: inline-block !important;
  transition: transform 0.3s ease-in-out !important;
}

#menu-mika-main .woodmart-nav-link:hover .nav-link-text {
  transform: scale(1.2) !important;
}

#menu-mika-main {
  display: flex;
  gap: 0; /* کنترل کامل با margin در آیتم‌ها */
}

#menu-mika-main > li {
  position: relative;
  padding: 0 20px; /* فاصله متقارن چپ و راست */
}

/* خطوط جداکننده سمت راست */
#menu-mika-main > li:not(:first-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #ccc;
}

/*---#3---------------------Logo-Ease-in-and-out------------------*/

.wd-main-logo img {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.wd-main-logo:hover img {
  transform: scale(1.15);
}

/*---#4-------------------Containers Style------------------*/


/*Class name chose inside Elementor Pro on the containers ooption,
cats-panel for right and slide-panel for large container*/


/* === Safe panels (no child z-index hacks) === */
.elementor-element.cats-panel,
.elementor-element.slide-panel{
  position: relative !important;
  isolation: isolate;                  /* یک استکینگ‌کانتکست امن بساز */
  background: none !important;
  overflow: hidden;
  border-radius: 18px;
  /* اگر مرز می‌خواهی این را باز کن: */
  /* border: 1px solid rgba(0,0,0,.06); */
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  padding: 20px;
  transition: transform .25s ease, box-shadow .25s ease;
}

/* لوگوی تزیینی، پشتِ محتوا */
.elementor-element.cats-panel::after{
  content: "";
  position: absolute;
  inset: 0;
  background: url('/wp-content/uploads/2025/08/Logo-ContainerBack.png') center/80% no-repeat;
  opacity: .32;
  pointer-events: none;
  z-index: -1;                         /* ← دیگر نیازی نیست به بچه‌ها z-index بدهیم */
}

/* هاور دسکتاپ */
.elementor-element.cats-panel:hover,
.elementor-element.slide-panel:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* موبایل */
@media (max-width: 768px){
  .elementor-element.cats-panel,
  .elementor-element.slide-panel{
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transform: none;
  }
  .elementor-element.cats-panel::after{
    background-size: 65%;
    opacity: .14;
  }
}


/*---#5-----------Right Container Menu---------------*/


/*---#6-----------Slider Container Menu--------------*/



/*---#7----------------Circle Categories------------------*/

/* ===== Mika Cats Grid (Updated Size & Gap) ===== */
.mika-cats {
  --mika-orange: #c01157; 
  --mika-text: #111;
  --mika-text-dark: #f1f1f1;
  --mika-ring: rgba(192,17,87,.35);
  direction: rtl;
}

/* کانتینر: چیدمان فلکس، وسط‌چین، چند ردیفه با فاصله کم */
.mika-cats .cat-circles{
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* کل ردیف‌ها وسط */
  column-gap: 40px;         /* فاصله افقی */
  row-gap: 8px;            /* فاصله عمودی */
  padding: 0;
  margin: 0 auto;
  text-align: center;
  direction: rtl;
}

/* هر آیتم دقیقاً به پهنای دایره */
.mika-cats .cat{
  width: 200px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;   /* محتوا وسط */
  gap: 6px;              /* فاصله بین دایره و عنوان */
  text-decoration: none;
  outline: none;
}


/* دایره */
.mika-cats .thumb{
  width: 200px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 2px solid var(--mika-orange);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  margin: 0;            /* خنثی‌کردن margin پیش‌فرض figure */
}


.mika-cats .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.001);
  transition: transform .35s ease;
}

.mika-cats .title {
  display: block;
  width: 100%;             /* تمام عرض آیتم */
  max-width: 300px;        /* دقیقاً اندازه دایره */
  margin: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--mika-text);
  text-align: center;      /* متن وسط */
  word-wrap: break-word;   /* اگر کلمه خیلی بلند بود بشکند */
}


.mika-cats .cat:hover .thumb {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 12px 28px var(--mika-ring);
  border-color: var(--mika-orange);
}
.mika-cats .cat:hover .thumb img {
  transform: scale(1.07);
}
.mika-cats .cat:hover .title {
  color: var(--mika-orange);
  transform: translateY(-1px);
}

.mika-cats .thumb::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  box-shadow: 0 0 0 0 var(--mika-ring);
  opacity: 0;
  transition: opacity .25s ease, box-shadow .25s ease;
  pointer-events: none;
}
.mika-cats .cat:hover .thumb::after {
  opacity: 1;
  box-shadow: 0 0 0 6px var(--mika-ring);
}

/* رسپانسیو */
@media (max-width: 1024px){
  .mika-cats .cat-circles { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .mika-cats .thumb { width: 180px; }
}
@media (max-width: 767px){
  .mika-cats .cat-circles { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 10px; }
  .mika-cats .thumb { width: 150px; }
  .mika-cats .title { font-size: 15px; }
}

.wp-dark-mode-active .mika-cats .title { color: var(--mika-text-dark); }
.wp-dark-mode-active .mika-cats .thumb {
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  border-color: rgba(255,255,255,.25);
}
.wp-dark-mode-active .mika-cats .cat:hover .title {
  color: var(--mika-orange);
}

/*---#8------------------Header Icons Count Font Style and Colors--------------------*/

/* انتخابگر مشترک برای هر دو آیکون جهت کاهش حجم کد */
.whb-row .wd-header-wishlist .wd-tools-count,
.whb-row .wd-header-cart .wd-cart-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* تنظیمات ابعاد و فونت */
    font-size: 15px !important;
    font-weight: 800 !important;
    min-width: 22px !important;
    height: 22px !important;
    line-height: 1 !important; /* حذف فاصله خطی برای تراز بهتر */
    
    /* استایل بصری */
    background-color: #f52079 !important; /* رنگ شاخص دکمه‌ها */
    color: #ffffff !important;
    border-radius: 50% !important;
    
    /* تنظیم موقعیت دقیق روی آیکون */
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    z-index: 5 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; /* ایجاد سایه ملایم برای عمق */
}

/* حذف متون اضافی و بهینه‌سازی فضای سبد خرید */
.wd-cart-number span {
    display: none !important;
}

/* اطمینان از موقعیت نسبی والد برای جابجایی صحیح عدد */
.wd-tools-element .wd-tools-icon {
    position: relative !important;
}

/*---#9-------------------Header Tooltips-----------------------*/

/* ۱. تنظیم مرجع برای تمام المان‌های هدر */
.wd-header-search, .wd-header-wishlist, 
.wd-header-cart, .wd-header-my-account, .wp-darkmode {
    position: relative !important;
}

/* ۲. کد جامع برای تول‌تیپ با اصلاح فاصله و انیمیشن محو شونده */
.wd-header-search:hover:after, 
.wd-header-wishlist:hover:after, 
.wd-header-cart:hover:after, 
.wd-header-my-account:hover:after,
.wp-darkmode:hover:after {
    content: attr(data-tooltip); /* استفاده از ویژگی داینامیک در صورت نیاز */
    position: absolute;
    bottom: -40px; /* فاصله اصلاح شده برای عدم تداخل با عدد ۳ سبد خرید */
    right: 50%;
    transform: translateX(50%);
    background-color: #ffffff !important;
    color: #EB157C !important;
    border: 1px solid #e1e1e1 !important;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 18px;
    white-space: nowrap;
    z-index: 99999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    display: flex !important;
    pointer-events: none; /* جلوگیری از بلاک کردن کلیک توسط تول‌تیپ */
    
    /* انیمیشن محو شونده هوشمند: بعد از ۱.۵ ثانیه محو می‌شود */
    animation: fadeOutTooltip 0.3s forwards;
    animation-delay: 2s; 
}

/* ۳. اصلاح نمایش فلش (Arrow) بالای تول‌تیپ */
.wd-header-search:hover:before, 
.wd-header-wishlist:hover:before, 
.wd-header-cart:hover:before, 
.wd-header-my-account:hover:before,
.wp-darkmode:hover:before {
    content: "" !important;
    position: absolute;
    bottom: -9px; /* تنظیم دقیق روی لبه تول‌تیپ */
    right: 50%;
    transform: translateX(50%);
    display: block !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #EB157C; /* رنگ هماهنگ با حاشیه */
    z-index: 100000;
    
    /* انیمیشن هماهنگ با تول‌تیپ */
    animation: fadeOutTooltip 0.3s forwards;
    animation-delay: 2s;
}

/* ۴. تعریف متون تول‌تیپ‌ها */
.wd-header-search:hover:after      { content: "جستجو"; }
.wd-header-wishlist:hover:after    { content: "محصولات مورد علاقه"; }
.wd-header-cart:hover:after        { content: "سبد خرید"; }
.wd-header-my-account:hover:after { content: "حساب کاربری"; }
.wp-darkmode:hover:after { content: "حالت شب | روز"; }

/* تعریف انیمیشن محو شدن */
@keyframes fadeOutTooltip {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

/*---#10------------------Cart Hover---------------------*/

/* ۱. استایل کادر اصلی سبد خرید در حالت هاور */
.wd-dropdown-cart {
    border-radius: 12px !important;
    width: 380px !important;
    border: 1px solid #e1e1e1 !important;
    padding: 25px !important;
	border-radius: 25px !important;
    overflow: visible !important;
}


/* ۱. حذف فیزیکی نوار اسکرول در فایرفاکس */
.wd-dropdown-cart .widget_shopping_cart_content,
.wd-dropdown-cart .cart_list {
    scrollbar-width: none !important; /* مخصوص فایرفاکس برای مخفی کردن نوار اسکرول */
    overflow-y: hidden !important; /* اجبار به عدم نمایش اسکرول عمودی */
    max-height: none !important;
    height: auto !important;
}

/* ۲. اصلاح محاسبات ارتفاع در فایرفاکس برای جلوگیری از کشیدگی */
@-moz-document url-prefix() {
    .wd-dropdown-cart .cart_list li {
        height: auto !important;
        min-height: min-content !important;
    }
}

/* ۳. حذف فضای اضافی انتهای لیست که در فایرفاکس اسکرول می‌سازد */
.wd-dropdown-cart .cart_list li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* قرار دادن ویژگی‌های محصول (رنگ و سایز) در یک خط */
.wd-dropdown-cart .cart_list li .variation {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important; /* فاصله بین رنگ و سایز */
    margin-top: 4px !important;
}


/* حذف دو نقطه اضافی اگر وجود داشت برای تمیزی بیشتر */
.wd-dropdown-cart .cart_list li .variation dt:after {
    content: ": " !important;
}

/* تنظیم چیدمان خطی با مرکزیت مطلق عدد */
.wd-dropdown-cart .total {
    display: block !important;
    position: relative !important;
    border-top: 2px solid #f1f1f1 !important;
    padding: 25px 0 !important;
    margin-top: 10px !important;
    min-height: 60px !important;
    direction: rtl !important;
}

/* کلمه مجموع - ثابت در سمت راست */
.wd-dropdown-cart .total strong {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 15px !important;
    color: #333 !important;
}

/* محفظه قیمت و واحد - مرکز مطلق کادر */
.wd-dropdown-cart .total .amount {
    display: block !important;
    text-align: center !important;
    font-size: 30px !important;
    color: #EB157C !important;
    font-weight: 900 !important;
    width: 100% !important;
}

/* کلمه تومان - ثابت در سمت چپ */
.wd-dropdown-cart .total .woocommerce-Price-currencySymbol {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 15px !important;
    color: #888 !important;
    font-weight: normal !important;
}

/* ۵. بهینه‌سازی دکمه تسویه حساب */
.wd-dropdown-cart .checkout {
    font-size: 20px !important;
    font-weight: 800 !important;
    height: 50px !important;
    border-radius: 25px !important;
}
/*---#11----------------------Search Hover---------------------*/

/* ۱. پایداری کادر جستجو و حذف گپ (حل مشکل ناپدید شدن) */
.wd-search-dropdown.wd-dropdown {
    margin-top: 5 !important; /* حذف فاصله فیزیکی برای اتصال بهتر */
    padding: 8px !important; /* ایجاد پدینگ داخلی برای گردی بهتر */
    border-radius: 25px !important;
    border: 1px solid #e1e1e1 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* ایجاد پل نامرئی برای اتصال موس از آیکون به کادر */
.wd-search-dropdown.wd-dropdown:before {
    content: "" !important;
    position: absolute;
    top: -30px !important; /* پوشش کامل گپ بین آیکون و کادر */
    left: 0;
    right: 0;
    height: 35px !important;
    z-index: -1;
}

/* ۱. بزرگ کردن آیکون ذره‌بین بدون نمایش متن‌های مخفی */
.wd-search-dropdown .searchsubmit {
    color: #C01157 !important;
    background: none !important;
    border: none !important;
}

/* افکت بزرگ‌نمایی ملایم هنگام هاور */
.wd-search-dropdown .searchsubmit:hover {
    transform: scale(1.15) !important;
}

/* ۳. گرد کردن فیلد ورودی و متن جستجو */
.wd-search-dropdown input[type="text"] {
    border-radius: 25px !important;
		font-size: 15px !important;
    border: 1px solid #eeeeee !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* ۴. هماهنگی رنگ ذره‌بین داخلی */
.wd-search-dropdown .searchsubmit:after {
    color: #C01157 !important;
    font-size: 18px !important;
}

/*---#12--------------------Wocommerce Notice Colors----------------------*/

/* ۱. اصلاح بدنه اصلی اعلان با پدینگ و چیدمان منعطف */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    display: flex !important;
    flex-direction: row !important; /* دکمه در راست، متن در چپ */
    align-items: center !important;
    justify-content: space-between !important;
    background-color: rgb(192, 17, 87) !important;
    color: #ffffff !important;
    padding: 15px 30px !important; /* افزایش فاصله متن از حاشیه کادر */
    border: none !important;
    border-radius: 15px !important;
    font-family: inherit !important;
    box-shadow: 0 4px 15px rgba(192, 17, 87, 0.2) !important;
    margin-bottom: 20px !important;
    min-height: 60px !important;
    position: relative !important;
}

/* ۲. اصلاح متن پیام و ایجاد فاصله از آیکون */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error  {
    text-align: right !important; /* متن به صورت راست‌چین */
    line-height: 1.8 !important;
    flex-grow: 1 !important;
    padding-right: 45px !important; /* ایجاد فضا برای قرارگیری آیکون بدون تداخل با متن */
}

/* ۳. تنظیم دقیق جایگاه آیکون وودمارت */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    position: absolute !important;
    right: 20px !important; /* فیکس کردن آیکون در سمت راست متن */
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: "woodmart-font" !important; /* اطمینان از خواندن فونت آیکون قالب */
    font-size: 20px !important;
    margin: 0 !important;
    color: #fff !important;
    opacity: 0.9;
}

/* ۴. تنظیم دکمه در سمت راست کادر */
.woocommerce-message .button, 
.woocommerce-info .button {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 25px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin-right: 0 !important;
    margin-left: 15px !important;
    white-space: nowrap !important;
    order: 2 !important;
}

.woocommerce-message .button:hover {
    background-color: #ffffff !important;
    color: rgb(192, 17, 87) !important;
}

/*---#13----------------------Wocommerce Checkout Colors-----------------------*/


/* حذف قطعی پیام‌های خطای متنی زیر فیلدها در صفحه پرداخت */
.woocommerce-checkout .woocommerce-input-wrapper + .checkout-inline-error-message,
.woocommerce-checkout .woocommerce-input-wrapper + .wcf-field-required-error,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .show_if_empty_label {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* حذف کادر قرمز دور فیلدهای نامعتبر برای یکپارچگی با CartFlows */
.woocommerce-checkout .woocommerce-invalid input {
    border-color: #e1e1e1 !important;
}
/*---#14----------------------Navigation Product Style----------------------*/


/* تنظیم رنگ صورتی ثابت برای آیکون بازگشت و فلش‌ها */
.wd-products-nav > div a {
    color: rgb(192, 17, 87) !important; /* رنگ صورتی تم سایت شما */
    background-color: transparent !important;
    border-radius: 15px !important; /* گرد کردن گوشه‌های مربع */
    transition: all 0.3s ease !important;
}

/* افکت ملایم هنگام هاور (اختیاری) */
.wd-products-nav > div a:hover {
    transform: scale(1.15);
	  transition: color 0.3s ease !important;
}

/* گرد کردن کادر بازشو محصول قبلی و بعدی */
.wd-products-nav .wd-dropdown {
    border-radius: 16px !important;
    border: 1px solid #f1f1f1 !important;
    padding: 10px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

.wd-products-nav .wd-dropdown .price {
    color: #333 !important;
    font-weight: bold !important;
}

/* تغییر رنگ نام محصول در پیش‌نمایش ناوبری به خاکستری ملایم */
.wd-products-nav .wd-dropdown .wd-entities-title {
    	font-size: 13px !important;
				color: #333 !important;
	transition: all 0.4s ease-in-out !important;
}

/* تغییر رنگ به صورتی تم یا مشکی هنگام هاور روی خودِ نام (برای تعامل بهتر) */
.wd-products-nav .wd-dropdown .wd-entities-title:hover {
    color: rgb(192, 17, 87) !important;
}


/*---#15-----------------------Hot Menu Style----------------------*/

/* ۱. تنظیم ظرف اصلی برای توزیع متقارن محتوا */
.whb-header-bottom .wd-nav-main {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

/* ۲. تنظیم پدینگ‌های اختصاصی برای خنثی کردن اثر عرض آیکون 🔥 */
.whb-header-bottom .HotProduct1 a,
.whb-header-bottom .HotProduct3 a {
    color: #C01157 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    /* ایجاد تعادل: ۳۰ پیکسل از سمت متن و ۲۰ پیکسل از سمت آیکون برای تساوی بصری */
    padding-left: 5px !important;
    padding-right: 1px !important; 
    transition: transform 0.3s ease !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ۲. تنظیم پدینگ‌های اختصاصی برای خنثی کردن اثر عرض آیکون 🔥 */
.whb-header-bottom .HotProduct2 a {
    color: #C01157 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    /* ایجاد تعادل: ۳۰ پیکسل از سمت متن و ۲۰ پیکسل از سمت آیکون برای تساوی بصری */
    padding-left: 45px !important;
    padding-right: 45px !important; 
    transition: transform 0.3s ease !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ۳. فیکس کردن جداکننده‌ها دقیقاً در نقطه میانی فضاها */
.whb-header-bottom .HotProduct2 {
    position: relative !important;
}

/* جداکننده سمت راست محصول ۲ (مرز با محصول ۱) */
.whb-header-bottom .HotProduct2:before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1.2px !important;
    height: 25px !important;
    background-color: #d1d1d1 !important;
    opacity: 0.8 !important;
}

/* جداکننده سمت چپ محصول ۲ (مرز با محصول ۳) */
.whb-header-bottom .HotProduct2:after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1.2px !important;
    height: 25px !important;
    background-color: #d1d1d1 !important;
    opacity: 0.8 !important;
}

/* ۴. انیمیشن آتش متحرک */
.whb-header-bottom [class*="HotProduct"] a .nav-link-text:before {
    content: "🔥" !important;
    margin-left: 8px !important;
    display: inline-block !important;
    animation: hot-pulse 1.5s infinite ease-in-out !important;
}


/* اعمال سایه صورتی ملایم به متن در لحظه هاور */
.whb-header-bottom [class*="HotProduct"]:hover a {
    transform: scale(1.15) translateZ(0) !important;
    color: #f52079 !important; /* تغییر  رنگ برند به رنگ صورتی روشن */
    /* ایجاد افکت درخشندگی خاکستری ملایم دور متن */
 /* text-shadow: 0 0 4px #F2F2F2, 
                 0 0 15px #F2F2F2 !important;*/
	
	transition: all 0.4s ease-in-out !important;
}

/* اعمال درخشندگی به آیکون آتش همزمان با متن */
.whb-header-bottom [class*="HotProduct"]:hover a .nav-link-text:before {
    filter: drop-shadow(0 0 1px #D6D6D6, ) !important;
    transform: scale(1.15) !important;
}

@keyframes hot-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/*---#17------------------Dark Mode Icon Styles--------------------*/



/* جابجایی آیکون‌ها برای هماهنگی با منطق روشن/خاموش در فارسی */
.wp-darkmode .wp-dark-mode-switch-styled .switch-inner {
    flex-direction: row-reverse !important;
}

/* اصلاح جهت حرکت دایره متحرک در حالت RTL */
body.wp-dark-mode-active .wp-darkmode .wp-dark-mode-switch-styled .glass {
    transform: translateX(calc(-100% -1px)) !important;
}

/* ۳. افکت هاور نرم و بزرگ‌نمایی برای کل مجموعه */
.wp-darkmode .wp-dark-mode-switch-styled {
	    border: 1px solid #C01157 !important;
}

.wp-darkmode .wp-dark-mode-switch-styled:hover {
    transform: scale(1.1) !important;
	   transition: all 0.4s ease-in-out !important;
	box-shadow: 0 0 7px rgba(192, 17, 87, 0.2) !important;
}

/* ۴. تنظیم اندازه برای هماهنگی با آیکون‌های هدر وودمارت */
.wp-darkmode .wp-dark-mode-switch-styled {
    --wpdm-switch-scale: 1.0 !important; /* کوچک‌تر کردن مقیاس مجموعه  برای ظرافت بیشتر */
    margin: 0px 18px !important;
}

/* هدف قرار دادن کانتینرهای اصلی المنتور در حالت فعال بودن دارک‌مد */
html[data-wp-dark-mode-active] .elementor-section.elementor-element-b4774fb,
html[data-wp-dark-mode-active] .cats-panel,
html[data-wp-dark-mode-active] .slide-panel {
    /* ایجاد سایه صورتی ملایم دور کانتینرها هماهنگ با قوس هدر */
    box-shadow: 0 0 30px rgba(192, 17, 87, 0.25) !important;
    
    /* ایجاد یک مرز بسیار ظریف برای تفکیک بهتر از پس‌زمینه تیره */
    border: 1px solid rgba(192, 17, 87, 0.15) !important;
    
    /* حفظ نرمی لبه‌ها */
    border-radius: 15px !important;
    
    /* اطمینان از نمایش صحیح سایه */
    margin-bottom: 20px !important;
    transition: box-shadow 0.4s ease-in-out !important;
}

/* افکت هاور برای تعامل بیشتر (بزرگنمایی و درخشش بیشتر) */
html[data-wp-dark-mode-active] .cats-panel:hover,
html[data-wp-dark-mode-active] .slide-panel:hover {
    box-shadow: 0 0 45px rgba(192, 17, 87, 0.4) !important;
}

/* ۱. درخشش دایره‌های آیکون (جستجو، علاقه‌مندی، سبد خرید) در حالت عادی */
html[data-wp-dark-mode-active] .whb-main-header :not(.wd-header-my-account) > a > .wd-tools-icon {
    box-shadow: 0 0 12px 2px rgba(192, 17, 87, 0.6) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease;
}

/* ۲. درخشش دکمه ورود (My Account) در حالت عادی */
html[data-wp-dark-mode-active] .whb-main-header .wd-header-my-account .wd-tools-inner {
    box-shadow: 0 0 12px 2px rgba(192, 17, 87, 0.6) !important;
    border-radius: 30px !important;
    padding: 2px 8px;
    transition: all 0.3s ease;
}

/* ۳. حذف قطعی درخشش از آیکون داخلی در هر دو حالت عادی و هاور */
html[data-wp-dark-mode-active] .whb-main-header .wd-header-my-account .wd-tools-icon,
html[data-wp-dark-mode-active] .whb-main-header .wd-header-my-account:hover .wd-tools-icon {
    box-shadow: none !important;
    filter: none !important;
}

/* ۴. افکت هاور برای آیکون‌های تکی (بقیه دکمه‌ها) */
html[data-wp-dark-mode-active] .whb-main-header .wd-tools-element:not(.wd-header-my-account):hover .wd-tools-icon {
    box-shadow: 0 0 18px 4px rgba(192, 17, 87, 0.9) !important;
}

/* ۵. افکت هاور اختصاصی برای دکمه ورود (فقط روی کادر کپسولی) */
html[data-wp-dark-mode-active] .whb-main-header .wd-header-my-account:hover .wd-tools-inner {
    box-shadow: 0 0 18px 4px rgba(192, 17, 87, 0.9) !important;
}

/* ۶. پاکسازی لایه‌های بیرونی */
html[data-wp-dark-mode-active] .whb-main-header .wd-tools-element,
html[data-wp-dark-mode-active] .whb-main-header .wd-tools-element > a {
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
}

/*---#18-----------------------Scroll To Top Button--------------------*/

/* Styles inside JS in Snippet Code */

/*---#19-------------------------Account Button Hover Menu --------------------*/

/* Menu Options inside JS in Snippet Code */

/*CSS*/

/* ۱. تنظیم کادر اصلی منو */
.wd-dropdown-my-account {
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #f0f0f0 !important;
    padding: 10px 0 !important;
    min-width: 220px !important;
}

/* ۲. افزودن آیکون‌های صورتی اختصاصی هدر */
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link a:before {
    font-family: "woodmart-font" !important;
    margin-left: 12px;
    font-size: 16px;
    color: #C01157;
    display: inline-block;
}

.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\f144"; }
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--orders a:before { content: "\f123"; }
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--wishlist a:before { content: "\f134"; }
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--edit-address a:before {content: "\f139";}
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\f135"; }

/* ۳. اصلاح استایل گزینه خروج هدر - ایجاد فاصله خالی واقعی */
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1px solid #eee !important; /* خط جداکننده را به ردیف دادیم */
    margin-top: 8px !important; /* فاصله خط از گزینه‌های بالایی */
}

.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #e53935 !important;
    font-weight: bold !important;
    margin-top: 8px !important; /* ایجاد فاصله خالی واقعی بین دکمه و خط */
    padding-top: 10px !important; /* پدینگ استاندارد برای هاور زیبا */
    border-top: none !important; /* حذف خط از روی دکمه برای جلوگیری از چسبندگی */
    display: flex !important;
    align-items: center;
}

.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f137" !important; 
    color: #e53935 !important;
}

/* ۴. تنظیم فواصل و استایل هاور هدر */
.wd-dropdown-my-account li a {
    padding: 10px 15px !important;
    display: flex !important;
    align-items: center;
    transition: all 0.4s ease;
    font-size: 15px !important; 
    font-weight: 600 !important;
}

.wd-dropdown-my-account li a:hover {
    background-color: #f9f9f9 !important;
    padding-right: 20px !important;
}

/*---#20-------------------------Bottom Header Shadow For Static and Scroll Mode--------------------*/

/* Styles inside JS in Snippet Code */
/*----------------ACHTUNg------------*/
/*----------------Made-By-ACHTUNg-------------*/


/*---#20-----------------------Product Page Rounding Corners for Main Pic and Thumbs--------------------*/

/* ۱. گرد کردن گوشه‌های عکس اصلی محصول */
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: 20px !important; /* میزان گردی را اینجا کم یا زیاد کنید */
    overflow: hidden; /* تضمین برش خوردن گوشه‌ها */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* یک سایه بسیار ملایم برای زیبایی بیشتر */
}

/* ۲. گرد کردن گوشه‌های عکس‌های کوچک (Thumbnails) */
.wd-gallery-thumb .wd-carousel-item img {
    border-radius: 15px !important; /* گردی کمتر برای عکس‌های کوچک */
    overflow: hidden;
}

/* ۳. (اختیاری) اگر دکمه‌های بزرگنمایی روی عکس هستند، آنها هم هماهنگ شوند */
.woocommerce-product-gallery .wd-action-btn {
    border-radius: 50% !important;
}

/*---#20------------------------Shop page Rounding Corners for Pic of Products---------------------*/

/* ۱. گرد کردن تصاویر در لیست محصولات (صفحه اصلی و فروشگاه) */
.product-grid-item .product-wrapper img, 
.product-grid-item .product-image-link img,
.wd-product .product-element-top img {
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: transform 0.5s ease, border-radius 0.3s ease !important;
}

/* ۲. حفظ گردی لبه‌ها در حالت هاور (هنگامی که عکس دوم ظاهر می‌شود یا زوم می‌شود) */
.product-grid-item .product-wrapper:hover img,
.wd-hover-with-buttons .product-wrapper:hover .product-image-link img {
    border-radius: 20px !important;
}

/* ۳. گرد کردن لایه نگهدارنده عکس برای جلوگیری از بیرون زدگی لبه‌های تیز در هاور */
.product-element-top, 
.product-image-link,
.hover-img {
    border-radius: 20px !important;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* رفع باگ احتمالی گردی در مرورگرهای قدیمی */
}

/* ۴. گرد کردن تصاویر در صفحه تک‌محصول (برای یکپارچگی کل سایت) */
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: 20px !important;
}

/* ۱. ایجاد درخشش صورتی ملایم دور هر محصول در حالت دارک مد */
html[data-wp-dark-mode-active] .product-grid-item .product-wrapper {
    box-shadow: 0 0 15px rgba(192, 17, 87, 0.15) !important;
    border: 1px solid rgba(192, 17, 87, 0.2) !important;
    transition: all 0.3s ease-in-out;
}

/* ۲. افزایش درخشش و برجستگی هنگام هاور (Hover) */
html[data-wp-dark-mode-active] .product-grid-item .product-wrapper:hover {
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.4) !important;
    border-color: rgba(192, 17, 87, 0.5) !important;
    transform: translateY(-5px); /* حرکت رو به بالای ملایم */

}

/*---#20-------------------------------Second Address Hiding in Account Home Page ---------------------*/

/* حذف ستون دوم آدرس (آدرس ارسال) در صفحه حساب کاربری */
.woocommerce-Addresses .col-2.woocommerce-Address {
    display: none !important;
}

/* عریض کردن ستون اول برای پر کردن فضای خالی (اختیاری) */
.woocommerce-Addresses .col-1.woocommerce-Address {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/*---#20---------------------------------Right Menu Style in Account Home Page ---------------------*/

/* ۱. کاهش فاصله کل منو از بالا */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation {
    margin-top: -8px !important;
}

/* ۲. تنظیم فاصله بین گزینه‌های سایدبار */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link {
    margin-bottom: 6px !important;
}

.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link a {
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
    border: none !important;
    border-radius: 20px 0 0 20px !important;
}

/* ۳. آیکون‌های اختصاصی سایدبار */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link a:before {
    font-family: "woodmart-font" !important;
    margin-left: 12px;
    font-size: 18px;
    color: #C01157;
    display: inline-block;
    font-weight: normal;
}

.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\f144"; }
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--orders a:before { content: "\f123"; }
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--wishlist a:before { content: "\f134"; }
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--edit-address a:before { content: "\f139"; }
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\f135"; }

/* ۴. استایل هاور و گزینه فعال سایدبار */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link a:hover {
    background-color: rgba(192, 17, 87, 0.05) !important;
    color: #C01157 !important;
}

.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: rgba(192, 17, 87, 0.1) !important;
    color: #C01157 !important;
    border-left: 5px solid #C01157 !important; 
}

/* ۵. بهینه‌سازی دکمه خروج سایدبار */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1px solid rgba(0,0,0,0.1) !important;
    margin-top: 8px !important; 
    padding-top: 8px !important; 
}

.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #e53935 !important;
    border-top: none !important; /* حذف خط احتمالی از هدر */
}

.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a:before { 
    content: "\f137" !important; 
    color: #e53935 !important; 
}

/* ۶. تنظیمات دارک مد اختصاصی سایدبار */
html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link:not(.is-active):not(.woocommerce-MyAccount-navigation-link--customer-logout) a {
    color: rgba(255, 255, 255, 0.7) !important;
}

html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link:not(.is-active):not(.woocommerce-MyAccount-navigation-link--customer-logout) a:before {
    color: rgba(192, 17, 87, 0.8) !important;
}

html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1.5px solid rgba(255, 255, 255, 0.5) !important;
}

html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a,
html[data-wp-dark-mode-active] .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a:before {
    color: #e53935 !important;
}

/*---#20-----------------------------Address Page Box Style---------------------*/

/* ۱. تنظیم فونت وزیر و حذف کجی نوشته‌ها */
.woocommerce-Address address {
    font-family: "Vazirmatn", sans-serif !important;
    font-style: normal !important;
    opacity: 0;
}
.woocommerce-Address address.mk-ready { opacity: 1; }

/* ۲. کانتینر اصلی درخشان (سایه صورتی در شب) */
.woocommerce-Address {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    border: 1px solid #eee !important;
    position: relative !important;
    transition: all 0.3s ease;
}

/* افکت درخشش صورتی مخصوص حالت شب */
html[data-wp-dark-mode-active] .woocommerce-Address {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    /* سایه صورتی با شدت متناسب */
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.15) !important;
}

/* ۳. هدر کارت: عنوان در راست و خط دش ریز و پررنگ */
.woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 25px !important;
    padding-bottom: 20px !important;
    border-bottom: 1.5px dashed #aaa !important; /* دش ظریف‌تر اما پررنگ */
}

/* ۴. عنوان راست‌چین با آیکون f139 */
.woocommerce-Address-title h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 20px !important;
    font-family: "Vazirmatn", sans-serif !important;
    color: #222 !important;
    margin: 0 !important;
}

.woocommerce-Address-title h2::before {
    content: "\f139" !important;
    font-family: "woodmart-font" !important;
    color: #C01157 !important;
    font-size: 24px !important;
}

/* ۵. دکمه ویرایش (روبروی عنوان در هدر) */
.woocommerce-Address-title .edit {
    background-color: rgba(192, 17, 87, 0.08) !important;
    color: #C01157 !important;
    padding: 6px 16px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border: 1px solid rgba(192, 17, 87, 0.1) !important;
    transition: 0.3s;
}

.woocommerce-Address-title .edit:hover {
    background-color: #C01157 !important;
    color: #fff !important;
}

/* ۶. استایل ردیف‌های داده‌ها */
.mk-row {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #444 !important;
    font-weight: 500 !important;
}

.mk-row i {
    color: #C01157 !important;
    width: 20px;
    text-align: center;
}

/* متمایز کردن ردیف نام (پررنگ‌تر و کمی درشت‌تر) */
.mk-row:first-child {
    font-weight: 800 !important; /* افزایش وزن فونت برای ضخیم شدن */
    font-size: 19px !important;   /* کمی درشت‌تر از سایر ردیف‌ها */
    color: #222 !important;       /* تیره تر برای تاکید بیشتر */
    margin-bottom: 18px !important; /* فاصله کمی بیشتر با ردیف موبایل */
}


/* آیکون خط آخر لوکیشن */
.mk-woodmart-icon::before {
    content: "\f139" !important;
    font-family: "woodmart-font" !important;
    font-size: 19px !important;
}

/* ۷. تنظیمات حالت شب (Dark Mode) */
html[data-wp-dark-mode-active] .woocommerce-Address { background: #111111 !important; }
html[data-wp-dark-mode-active] .woocommerce-Address-title h2 { color: #fff !important; }
html[data-wp-dark-mode-active] .mk-row { color: #ddd !important; }
/* در حالت شب برای نام از رنگ روشن‌تر استفاده شود */
html[data-wp-dark-mode-active] .mk-row:first-child {
    color: #ffffff !important;
}

/* اصلاح درهم‌ریختگی نسخه موبایل */
@media (max-width: 768px) {
    /* ۱. تغییر ساختار هدر کارت به حالت عمودی */
    .woocommerce-Address-title {
        flex-direction: column !important;
        align-items: flex-start !important; /* تراز کردن محتوا به سمت راست */
        gap: 15px !important;
        padding-bottom: 15px !important;
    }

    /* ۲. تنظیم عنوان برای اشغال کامل عرض */
    .woocommerce-Address-title h2 {
        font-size: 18px !important;
        justify-content: flex-start !important; /* تراز آیکون و متن به راست */
        width: 100% !important;
    }

    /* ۳. تنظیم دکمه ویرایش در سطر دوم */
    .woocommerce-Address-title .edit {
        position: relative !important; /* خارج کردن از حالت مطلق برای موبایل */
        top: auto !important;
        left: auto !important;
        right: 0 !important;
        margin-right: 0px !important; /* تراز شدن با متن عنوان (بعد از آیکون) */
        align-self: flex-start !important;
        display: inline-flex !important;
    }

    /* ۴. اصلاح ردیف‌های داده برای موبایل */
    .mk-row {
        font-size: 15px !important; /* کمی کوچک‌تر برای جا شدن در یک خط */
        gap: 10px !important;
    }
    
    .mk-name-row {
        font-size: 17px !important;
    }

    /* ۵. کانتینر اصلی کارت در موبایل */
    .woocommerce-Address {
        padding: 20px !important; /* کاهش پدینگ برای فضای بیشتر محتوا */
    }
}

/*---#20---------------------Address Edit Fields (My Account)---------------------*/

/* ۱. وسط‌چین کردن عنوان اصلی و افزودن آیکون لوکیشن */
.woocommerce-MyAccount-content form h2 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto 25px auto !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #222 !important;
    gap: 10px !important;
    float: none !important;
}

.woocommerce-MyAccount-content form h2::before {
    content: "\f139" !important;
    font-family: "woodmart-font" !important;
    color: #C01157 !important;
    font-size: 26px !important;
    display: inline-block !important;
}

/* ۱. ایجاد کانتینر کارتی برای کل فرم */
.woocommerce-address-fields {
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03) !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

/* ۲. حالت شب (Dark Mode) */
html[data-wp-dark-mode-active] .woocommerce-address-fields {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.15) !important;
}

/* ۳. وسط‌چین کردن عنوان داخلی */
.woocommerce-address-fields h3 {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 30px !important;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #222 !important;
}

/* ۴. ساختار گرید داخلی برای فیلدها */
.woocommerce-address-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px 20px !important;
    direction: rtl !important;
}

/* ۵. تنظیم فیلد آدرس تمام‌عرض */
#billing_address_1_field, .grid-item-full {
    grid-column: span 2 !important;
    width: 100% !important;
}

/* ۶. استایل عناوین (Labels) */
.woocommerce-address-fields label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222 !important; 
    margin-bottom: 6px !important;
    display: inline-block !important;
}

html[data-wp-dark-mode-active] .woocommerce-address-fields label {
    color: #efefef !important;
}

/* ۷. یکسان‌سازی استایل فیلدها و دراپ‌داون‌ها (استان و شهر) */
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields select,
.woocommerce-address-fields .select2-container .select2-selection--single,
.woocommerce-address-fields .select2-container--default .select2-selection--single {
    height: 46px !important;
    border-radius: 12px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
	margin-top: 15px !important;
    display: block !important; /* برای اطمینان از اعمال صحیح مارجین */
}

/* رفع مشکل عدم نمایش متن در دراپ‌داون شهر */
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important; /* هماهنگ با ارتفاع فیلد */
    padding-right: 15px !important;
    color: #333 !important;
    width: 100% !important;
    display: block !important;
}

/* تنظیم فلش دراپ‌داون */
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
    position: absolute !important;
    top: 1px !important;
    left: 10px !important;
    right: auto !important;
}

/* افکت فوکوس صورتی برای همه فیلدها */
.woocommerce-address-fields input.input-text:focus,
.woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single,
.woocommerce-address-fields .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #C01157 !important;
    box-shadow: 0 0 0 3px rgba(192, 17, 87, 0.1) !important;
    outline: none !important;
}

.woocommerce-address-fields input::placeholder {
    color: #999 !important; 
    font-size: 13px !important;
}

/* اصلاح رنگ‌ها در دارک مود */
html[data-wp-dark-mode-active] .woocommerce-address-fields input,
html[data-wp-dark-mode-active] .woocommerce-address-fields .select2-container--default .select2-selection--single {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(192, 17, 87, 0.4) !important;
    color: #fff !important;
}

html[data-wp-dark-mode-active] .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
}

/* ۸. باکس پیش‌نمایش نهایی (Preview) */
#mikada-address-preview {
    grid-column: span 2 !important;
    background: rgba(192, 17, 87, 0.08) !important;
    border: 1px dashed #C01157 !important;
    padding: 20px !important;
    border-radius: 15px !important;
    margin: 10px 0 20px 0 !important;
}

#mikada-address-preview .receiver-row,
#mikada-address-preview .address-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    line-height: 1.6 !important;
}

#mikada-address-preview .receiver-row {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    color: #333 !important;
}

#mikada-address-preview .address-row {
    font-size: 16px !important;
    color: #444 !important;
}

#mikada-address-preview i {
    color: #C01157 !important;
    font-size: 18px !important;
    width: 20px;
    text-align: center;
}

html[data-wp-dark-mode-active] #mikada-address-preview .receiver-row { color: #ffffff !important; }
html[data-wp-dark-mode-active] #mikada-address-preview .address-row { color: #efefef !important; }
html[data-wp-dark-mode-active] #mikada-address-preview { background: rgba(192, 17, 87, 0.15) !important; }

/* ۹. دکمه ذخیره بزرگ */
.woocommerce-address-fields button.button {
    grid-column: span 2 !important;
    width: 100% !important;
    background-color: #C01157 !important;
    height: 55px !important;
    font-size: 19px !important;
    border-radius: 12px !important;
    margin-top: 5px !important;
}

/* ۱۰. ریسپانسیو */
@media (max-width: 768px) {
    .woocommerce-address-fields { padding: 15px !important; border-radius: 15px !important; }
    .woocommerce-address-fields__field-wrapper { gap: 8px 10px !important; }
    #billing_address_1_field { grid-column: span 2 !important; }
    .woocommerce-address-fields label { font-size: 14px !important; }
    .woocommerce-address-fields h3 { font-size: 18px !important; }
}

/*---#20---------------------Dashboard Icons Style---------------------*/


/* ۱. حذف پیام‌های پیش‌فرض ووکامرس */
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content > p {
    display: none !important;
}

/* ۲. بازطراحی بنر کپسولی (با قابلیت تنظیم فاصله آیکون و متن) */
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content::before {
    content: "\f2bd  پـیـشخوان فـروشـگاه مــیـکـا" !important;
    font-family: "Font Awesome 7 Free", "Vazirmatn", sans-serif !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    
    /* --- تنظیم فاصله بین آیکون و متن --- */
    word-spacing: 2px !important; 
    /* ------------------------------------ */
    
    color: #333 !important; 
    background-color: #ffffff !important;
    padding: 18px 45px !important;
    border-radius: 60px !important;
    border: none !important;
    box-shadow: 0 0px 0px rgba(0,0,0,0.03) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    margin: 0 auto 12px auto !important;
    width: fit-content !important;
    order: -1 !important;
    transition: all 0.3s ease !important;
}

/* ۳. استایل باکس‌ها و آیکون‌های صورتی (بدون تغییر) */
html body .wd-my-account-links li a::before {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900 !important;
    color: #C01157 !important; 
    opacity: 0.7 !important;
    font-size: 42px !important;
    margin-bottom: 15px !important;
    display: block !important;
    transition: all 0.4s ease !important;
}

html body .wd-my-account-links li a:hover::before {
    opacity: 1 !important;
    transform: scale(1.1) rotate(3deg) !important;
}

html body .wd-my-account-links li a {
    background: #fdfdfd !important;
    border: 1px solid rgba(192, 17, 87, 0.1) !important;
    border-radius: 25px !important;
    padding: 30px 15px !important;
    min-height: 160px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

html body .wd-my-account-links li a span.nav-link-text {
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #444 !important;
}

html body .wd-my-account-links li a:hover {
    background: #ffffff !important;
    border-color: #C01157 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(192, 17, 87, 0.1) !important;
}

html body .wd-my-account-links li a:hover span.nav-link-text {
    color: #C01157 !important;
}

/* ۴. تنظیمات اختصاصی حالت شب (Dark Mode) - اصلاح متن سفید */
html[data-wp-dark-mode-active] body .wd-my-account-links li a {
    background: #1a1a1a !important;
    border-color: rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 5px 20px rgba(192, 17, 87, 0.25) !important;
}

html[data-wp-dark-mode-active] body .wd-my-account-links li a:hover {
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.5) !important;
    border-color: #C01157 !important;
}

/* اصلاح نهایی بنر در شب: سفید درخشان و خوانا */
html[data-wp-dark-mode-active] body .woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content::before {
    background: none !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(192, 17, 87, 0.8) !important;
    border: none !important;
}

/* ۵. باکس خروج (قرمز شدن همه‌چیز - ثابت و عالی) */
html body .wd-my-account-links li.wd-my-acc-customer-logout a:hover {
    border-color: #ff3333 !important;
}
html body .wd-my-account-links li.wd-my-acc-customer-logout a:hover::before,
html body .wd-my-account-links li.wd-my-acc-customer-logout a:hover span.nav-link-text {
    color: #ff3333 !important;
}

/* ۶. حذف ریشه‌ای آیکون‌های وودمارت */
html body .wd-my-account-links li a .wd-nav-icon,
html body .wd-my-account-links li a i:not([class*="fa-"]),
html body .wd-my-account-links li a svg,
html body .wd-my-account-links li a img {
    display: none !important;
}

/* تعریف آیکون‌ها */
html body .wd-my-acc-orders a::before { content: "\f46c" !important; }
html body .wd-my-acc-downloads a::before { content: "\f381" !important; }
html body .wd-my-acc-edit-address a::before { content: "\f3c5" !important; }
html body .wd-my-acc-edit-account a::before { content: "\f4ff" !important; }
html body .wd-my-acc-wishlist a::before { content: "\f004" !important; }
html body .wd-my-acc-customer-logout a::before { content: "\f2f5" !important; }

/* ۹. اصلاح فشرده‌سازی بنر برای موبایل (تک‌خطی قطعی) */
@media (max-width: 768px) {
    html body .wd-my-account-links {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    html body .woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content::before {
        /* ۱. کاهش محسوس سایز فونت */
        font-size: 13px !important; 
        
        /* ۲. فشرده‌سازی فاصله بین کلمات (منفی کردن فاصله) */
        word-spacing: -2px !important; 
        
        /* ۳. کاهش پدینگ کناری برای باز شدن فضا */
        padding: 10px 15px !important; 
        
        /* ۴. جلوگیری از هرگونه شکست خط */
        white-space: nowrap !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        
        /* ۵. تنظیم عرض برای استفاده از حداکثر فضا */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 20px !important;
        letter-spacing: -0.2px !important; /* فشرده‌سازی حروف */
    }
}

/*---#20------------------------------Orders Page Table---------------------*/

/* ۱. تنظیمات پایه جدول */
@media (min-width: 769px) {
.woocommerce-orders-table {
    border-collapse: separate !important;
    border-spacing: 0 18px !important;
    background: transparent !important;
}

/* ۲. حذف هرگونه استایل مزاحم از سطر */
.woocommerce-orders-table tr.woocommerce-orders-table__row {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ۳. استایل سلول‌های میانی */
.woocommerce-orders-table td,
.woocommerce-orders-table th.woocommerce-orders-table__cell {
    background: #ffffff !important;
    border-top: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 25px 15px !important;
    vertical-align: middle !important;
    text-align: center !important;
    box-shadow: 0 -15px 14px -15px rgba(0,0,0,0.07) !important;
}

/* ۴. ستون اول */
.woocommerce-orders-table tr th:first-child,
.woocommerce-orders-table tr td:first-child,
.woocommerce-orders-table__cell-order-number {
    border-right: 1px solid #f0f0f0 !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 15px 15px 28px -15px rgba(0,0,0,0.08) !important;
    border-left: none !important;
}

/* ۵. ستون آخر */
.woocommerce-orders-table tr td:last-child,
.woocommerce-orders-table__cell-order-actions {
    border-left: 1px solid #f0f0f0 !important;
    border-radius: 20px 0 0 20px !important;
    box-shadow: -15px 15px 28px -15px rgba(0,0,0,0.08) !important;
    border-right: none !important;
}

.woocommerce-orders-table td:not(:first-child):not(:last-child) {
    border-left: none !important;
    border-right: none !important;
}

/* ۶. تنظیمات حالت شب */
html[data-wp-dark-mode-active] .woocommerce-orders-table td,
html[data-wp-dark-mode-active] .woocommerce-orders-table th {
    background: #111111 !important;
    border-color: rgba(192, 17, 87, 0.2) !important;
    box-shadow: 0 -15px 15px -15px rgba(192, 17, 87, 0.25) !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table tr td:first-child {
    box-shadow: 15px 15px 33px -15px rgba(192, 17, 87, 0.25) !important;
}

html[data-wp-dark-mode-active] .woocommerce-orders-table tr td:last-child {
    box-shadow: -15px 15px 33px -15px rgba(192, 17, 87, 0.25) !important;
}

/* ۱. هدر جدول */
.woocommerce-orders-table thead,
.woocommerce-orders-table thead tr {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.woocommerce-orders-table thead th {
    border: none !important;
    background: rgba(0, 0, 0, 0.03) !important;
    padding: 18px 10px !important;
    text-align: center !important;
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    width: 20% !important; 
}

.woocommerce-orders-table thead th:first-child { border-radius: 0 15px 15px 0 !important; }
.woocommerce-orders-table thead th:last-child { border-radius: 15px 0 0 15px !important; }

.woocommerce-orders-table tbody td,
.woocommerce-orders-table tbody th { width: 20% !important; }

html[data-wp-dark-mode-active] .woocommerce-orders-table thead th {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #bbb !important;
    border-top: 1px solid rgba(192, 17, 87, 0.1) !important;
    border-bottom: 1px solid rgba(192, 17, 87, 0.1) !important;
}

/* اصلاح چیدمان مجموع دسکتاپ */
.woocommerce-orders-table__cell-order-total {
    display: table-cell !important;
    vertical-align: middle !important;
}

.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount,
.woocommerce-orders-table__cell-order-total .order-count,
.woocommerce-orders-table__cell-order-total > span:last-child {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
    color: #C01157 !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    margin-bottom: 5px !important;
    direction: rtl !important;
}

.woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol {
    color: #C01157 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-right: 4px !important;
    display: inline-block !important;
}

.woocommerce-orders-table__cell-order-total .order-count,
.woocommerce-orders-table__cell-order-total > span:last-child:not(.woocommerce-Price-amount) {
    color: #999 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
}

.woocommerce-orders-table__cell-order-total br { display: none !important; }
}

/* --------------------------------------------------
    ۷. نسخه موبایل
---------------------------------------------------- */
@media (max-width: 768px) {
    .woocommerce-orders-table thead { display: none !important; }

    .woocommerce-orders-table tr.woocommerce-orders-table__row {
        display: block !important;
        margin-bottom: 25px !important;
        border-radius: 20px !important;
        padding: 15px !important;
        border: 1px solid #f0f0f0 !important;
        overflow: hidden;
        background: #ffffff !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    }

    html[data-wp-dark-mode-active] .woocommerce-orders-table tr.woocommerce-orders-table__row {
        background: #111111 !important;
        border-color: rgba(192, 17, 87, 0.2) !important;
        box-shadow: 0 10px 30px rgba(192, 17, 87, 0.25) !important;
    }

    .woocommerce-orders-table td, .woocommerce-orders-table th {
        display: flex !important;
        flex-direction: row-reverse !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 12px 5px !important;
        border-bottom: 1px solid #f7f7f7 !important;
        width: 100% !important;
        background: transparent !important;
    }

    .woocommerce-orders-table td::before,
    .woocommerce-orders-table th::before {
        content: attr(data-title) !important;
        font-weight: bold !important;
        color: #444 !important;
        order: 2 !important;
        text-align: right !important;
    }

    .woocommerce-orders-table td > *,
    .woocommerce-orders-table th > * { order: 1 !important; text-align: left !important; }

    /* اصلاح مجموع موبایل */
    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        direction: ltr !important; 
    }

    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total .order-count,
    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total span:last-child:not(.woocommerce-Price-amount) {
        order: 1 !important;
        width: 25% !important;
        font-size: 11px !important;
        color: #999 !important;
    }

    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
        order: 2 !important;
        flex-grow: 1 !important;
        text-align: center !important;
        font-size: 20px !important;
        color: #C01157 !important;
        font-weight: 800 !important;
        direction: rtl !important; 
    }

    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol {
        font-size: 20px !important; 
        font-weight: 900 !important;
        color: #C01157 !important;
        display: inline-block !important;
        margin-right: -10px !important;
    }

    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total::before {
        content: attr(data-title) !important;
        order: 3 !important;
        width: 25% !important;
        text-align: right !important;
    }

    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before { content: none !important; }
    .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { border-bottom: none !important; display: block !important; padding-top: 15px !important; }
    .woocommerce-orders-table__cell-order-actions a.button { width: 100% !important; text-align: center !important; }
}

/* --- اصلاح نهایی قیمت تخفیف‌دار و حذف دو خط در موبایل --- */

/* قیمت نهایی: صورتی */
.woocommerce-Price-amount, 
ins .woocommerce-Price-amount { 
    color: #C01157 !important; 
    font-weight: 800 !important; 
    text-decoration: none !important; /* حذف هرگونه خط احتمالی روی قیمت جدید */
}

/* قیمت قدیمی: رفع مشکل دو خط در موبایل */
del, del span {
    text-decoration: none !important; /* اول تمام خط‌های قبلی قالب را کاملاً پاک کن */
}

del .woocommerce-Price-amount { 
    color: #b1b1b1 !important; 
    font-size: 14px !important;
    font-weight: 400 !important;
    /* حالا فقط یک خط تمیز و جدید خودمان را اعمال کن */
    text-decoration: line-through !important; 
    text-decoration-color: #b1b1b1 !important;
    margin-left: 8px !important;
}

/*---#20------------------------Account Details Edit Page------------------------------*/

/* ۱. ایجاد کانتینر کارتی برای فرم ویرایش حساب */
.woocommerce-EditAccountForm {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03) !important;
    margin-bottom: 30px !important;
}

/* ۲. حالت شب (Dark Mode) با درخشش صورتی */
html[data-wp-dark-mode-active] .woocommerce-EditAccountForm {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.15) !important;
}

/* ۳. مدیریت فیلد نام و نام خانوادگی */
/* تغییر متن لیبل نام به نام و نام خانوادگی */
.woocommerce-EditAccountForm p.form-row-first label {
    font-size: 0 !important;
}
.woocommerce-EditAccountForm p.form-row-first label::before {
    content: "نام و نام خانوادگی ";
    font-size: 15px !important;
    font-weight: 600;
}

/* مخفی کردن فیلد نام خانوادگی */
.woocommerce-EditAccountForm p.form-row-last {
    display: none !important;
}

/* تمام عرض کردن فیلد نام */
.woocommerce-EditAccountForm p.form-row-first {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* مخفی کردن فیلد نام خانوادگی در صورتی که هنوز در DOM باشد */
.woocommerce-EditAccountForm p.form-row-last,
#account_last_name_field {
    display: none !important;
}

/* ۴. استایل لیبل‌ها و عناوین */
.woocommerce-EditAccountForm label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

html[data-wp-dark-mode-active] .woocommerce-EditAccountForm label {
    color: #efefef !important;
}

/* ۵. استایل فیلد ورودی (Inputs) */
.woocommerce-EditAccountForm input.input-text {
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
	/* ---------------------------------------------------
   ------------------ Made By ACHTUNg ---------------
--------------------Mehdi ----------------------------
	----------------------------------------------------- */
	
    color: #333 !important;
    padding: 0 15px !important;
    transition: 0.3s;
}

.woocommerce-EditAccountForm input.input-text:focus {
    border-color: #C01157 !important;
    box-shadow: 0 0 8px rgba(192, 17, 87, 0.1) !important;
}

html[data-wp-dark-mode-active] .woocommerce-EditAccountForm input.input-text {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(192, 17, 87, 0.4) !important;
    color: #fff !important;
}

/* ۶. استایل بخش تغییر گذرواژه (Fieldset) */
.woocommerce-EditAccountForm fieldset {
    margin-top: 30px !important;
    padding: 20px !important;
    border-radius: 15px !important;
    border: 1.5px dashed rgba(192, 17, 87, 0.2) !important;
    background: rgba(192, 17, 87, 0.02) !important;
}

.woocommerce-EditAccountForm fieldset legend {
    font-weight: bold !important;
    color: #C01157 !important;
    padding: 0 15px !important;
    font-size: 18px !important;
}

html[data-wp-dark-mode-active] .woocommerce-EditAccountForm fieldset {
    background: rgba(192, 17, 87, 0.05) !important;
    border-color: rgba(192, 17, 87, 0.4) !important;
}

/* ۷. دکمه ذخیره تغییرات */
.woocommerce-EditAccountForm button.button {
    width: 100% !important;
    background-color: #C01157 !important;
    height: 55px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 12px !important;
    margin-top: 20px !important;
    transition: 0.3s !important;
}

.woocommerce-EditAccountForm button.button:hover {
    background-color: #a00e49 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(192, 17, 87, 0.3) !important;
}

/* ۸. اصلاح توضیحات پایین فیلد نام نمایشی */
.woocommerce-EditAccountForm span em {
    font-style: normal !important;
    font-size: 12px !important;
    color: #777 !important;
    margin-top: 5px !important;
    display: block !important;
}

html[data-wp-dark-mode-active] .woocommerce-EditAccountForm span em {
    color: #aaa !important;
}

/* ۹. بهینه‌سازی ریسپانسیو موبایل */
@media (max-width: 768px) {
    .woocommerce-EditAccountForm {
        padding: 20px 15px !important;
    }
    
    .woocommerce-EditAccountForm fieldset {
        padding: 15px 10px !important;
    }
    
    .woocommerce-EditAccountForm button.button {
        height: 50px !important;
        font-size: 16px !important;
    }
}


/*---#20-------------------------Order View - Ultimate Polished---------------------*/

/* ۱. استایل نوتیفیکیشن وضعیت سفارش */
.woocommerce-MyAccount-content > p:has(mark.order-number),
.mk-main-notice {
    display: block !important;
    text-align: center !important;
    background: rgba(192, 17, 87, 0.04) !important;
    padding: 25px 20px !important;
    border-radius: 20px !important;
    font-size: 18px !important;
    border: 1px dashed rgba(192, 17, 87, 0.25) !important;
    margin-bottom: 35px !important;
    line-height: 2 !important;
    color: #444 !important;
    position: relative !important;
}

.woocommerce-MyAccount-content > p:has(mark.order-number)::before,
.mk-main-notice::before {
    color: #C01157 !important;
    display: inline-block !important;
    margin-left: 8px !important;
    font-size: 24px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

.woocommerce-MyAccount-content mark {
    background: transparent !important;
    color: #C01157 !important;
    font-weight: 900 !important;
}

html[data-wp-dark-mode-active] .woocommerce-MyAccount-content > p:has(mark.order-number),
html[data-wp-dark-mode-active] .mk-main-notice {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 0 20px rgba(192, 17, 87, 0.2) !important;
    color: #eee !important;
}

/* ۲. تراز محصول و عکس */
.mk-order-product-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    text-align: right !important;
}
.mk-product-img img { border-radius: 12px !important; border: 1px solid #eee !important; width: 75px !important; }

/* ۳. کارت‌های اصلی با درخشش شب */
.woocommerce-order-details, .woocommerce-column--billing-address {
    background: #fff !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    margin-bottom: 35px !important;
    overflow: hidden !important;
}

html[data-wp-dark-mode-active] .woocommerce-order-details, 
html[data-wp-dark-mode-active] .woocommerce-column--billing-address {
    background: #111111 !important;
    border: 1px solid rgba(192, 17, 87, 0.3) !important;
    box-shadow: 0 0 25px rgba(192, 17, 87, 0.15) !important;
}

/* ۴. هدرهای کارت */
.woocommerce-order-details__title, 
.woocommerce-column--billing-address .woocommerce-column__title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 20px !important;
    font-size: 20px !important;
    background: #fafafa !important;
    border-bottom: 1.5px dashed #eee !important;
    margin: 0 !important;
}
.woocommerce-order-details__title::before { content: "\f138" !important; font-family: "woodmart-font" !important; color: #C01157; font-size: 24px; }
.woocommerce-column--billing-address .woocommerce-column__title::before { content: "\f139" !important; font-family: "woodmart-font" !important; color: #C01157; font-size: 24px; }
html[data-wp-dark-mode-active] .woocommerce-order-details__title, 
html[data-wp-dark-mode-active] .woocommerce-column--billing-address .woocommerce-column__title { background: #1a1a1a !important; color: #fff !important; border-bottom-color: #333 !important; }

/* ۵. تراز جدول */
.shop_table.order_details { width: 100% !important; margin: 0 !important; border: none !important; }
.shop_table.order_details td, .shop_table.order_details th { padding: 20px 30px !important; }
.shop_table.order_details tfoot tr:first-child { display: none !important; }
.shop_table.order_details td.product-total, .shop_table.order_details tfoot td { display: table-cell !important; text-align: left !important; }
.shop_table.order_details tfoot td small.shipped_via { display: block !important; text-align: left !important; margin-top: 5px !important; color: #999 !important; }

/* ۶. فونت قیمت‌ها (اصلاح شده برای قیمت تخفیف خورده) */
/* قیمت نهایی و جدید: صورتی */
.woocommerce-Price-amount { 
    color: #C01157 !important; 
    font-weight: 800 !important; 
    font-size: 20px !important; 
}

/* قیمت قدیمی (تخفیف خورده): خاکستری و خط‌دار */
del .woocommerce-Price-amount {
    color: #b1b1b1 !important; /* خاکستری */
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: line-through !important; /* خط روی قیمت */
    margin-left: 10px;
}

.shop_table.order_details tfoot tr:last-child { background: rgba(192, 17, 87, 0.03) !important; }
.shop_table.order_details tfoot tr:last-child .woocommerce-Price-amount { font-size: 26px !important; }

/* ۷. باکس آدرس صورتحساب */
.woocommerce-customer-details address { padding: 30px !important; font-style: normal !important; border: none !important; }
.mk-row { display: flex !important; align-items: center !important; gap: 15px !important; margin-bottom: 15px !important; font-size: 17px !important; }
.mk-name-row { font-weight: 800 !important; font-size: 20px !important; color: #222 !important; margin-bottom: 18px !important; }
.mk-row i { color: #C01157 !important; width: 22px; text-align: center; font-size: 18px; }
.mk-woodmart-icon::before { content: "\f139" !important; font-family: "woodmart-font" !important; font-size: 20px !important; }

/* ۸. حذف موارد اضافی */
.woocommerce-column--shipping-address { display: none !important; }
html[data-wp-dark-mode-active] .mk-name-row { color: #fff !important; }

/* تنظیمات موبایل */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content > p:has(mark.order-number), .mk-main-notice { font-size: 14px !important; padding: 10px 8px !important; line-height: 1.6 !important; }
    .woocommerce-MyAccount-content > p:has(mark.order-number)::before, .mk-main-notice::before { font-size: 18px !important; margin-left: 5px !important; }
    .woocommerce-customer-details address { padding: 20px 10px !important; }
    .mk-row { font-size: 14.5px !important; gap: 10px !important; }
    .mk-product-img { flex: 0 0 60px !important; }
    .mk-product-img img { width: 60px !important; }
    .shop_table.order_details { table-layout: fixed !important; width: 100% !important; margin: 0 !important; }
    .shop_table.order_details td, .shop_table.order_details th { padding: 15px 10px !important; }
    .woocommerce-order-details { overflow-x: hidden !important; }
    .shop_table.order_details td.product-total { width: 100px !important; padding-left: 10px !important; padding-right: 1px !important; white-space: nowrap !important; }
    .shop_table.order_details td.product-name { width: auto !important; padding-right: 8px !important; }
    .mk-order-product-wrapper { gap: 8px !important; width: 100% !important; }
    .mk-product-info { flex: 1 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; font-size: 13px !important; }
}

/*---#20-------------------------MegaMenu (Final Precision Build)---------------------*/

/* ۱. اعمال رنگ خاکستری مینیمال به ستون محصولات (بدون تغییر) */
 .elementor-column.elementor-col-50, 
 .custom-middle-col {
    background-color: #f8f9fa !important;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

/* ۲. حذف المان‌های اضافه مگامنو */
 .product-grid-item .swatches-wrapper,
 .product-grid-item .wd-swatches-grid,
 .product-grid-item .wd-product-cats,
 .product-grid-item .wd-product-footer,
 .product-grid-item .wd-buttons,
 .product-grid-item .product-labels,
 .product-grid-item .price,
 .product-grid-item .star-rating,
 .product-grid-item .wd-add-btn-replace {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ۳. استایل عنوان محصول (نمایش کامل و نزدیکی به عکس) */
 .product-grid-item .wd-entities-title {
    font-size: 15px !important; 
    font-weight: 800 !important;
    color: #C01157 !important;
    margin: 5px 0 0 0 !important;
    text-align: center;
    /* اصلاح: حذف ellipsis برای نمایش کامل عنوان در صورت نیاز به دو خط */
    white-space: normal !important; 
    line-height: 1.2 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100% !important;
    transition: all 0.3s ease !important;
	 	padding-bottom: 8px !important;
}

 .product-grid-item:hover .wd-entities-title {
    color: #222 !important;
}

/* خنثی‌سازی لایه‌های سیاه کننده وودمارت */
 .product-grid-item .product-element-top::before,
 .product-grid-item .product-element-top::after,
 .product-grid-item .product-image-link::before,
 .product-grid-item .product-image-link::after,
 .product-grid-item:hover .product-image-link::after,
 .product-grid-item .wd-quick-shop-2 {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

.product-grid-item {
    padding-left: 3px !important; /* فاصله سفید محور چپ کادر */
	    padding-right: 3px !important; /* فاصله سفید محور راست کادر */
	padding-top: 3px !important;
}

.product-grid-item:hover {
    background: #ffffff !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07) !important; /* سایه نرم و محو */
    transform: translateY(-8px) !important; /* لیفت عمودی نرم */
    border-radius: 25px !important; /* گردی بیشتر در حالت هاور برای جذابیت */
}

 .product-grid-item:hover .product-image-link img {
    transform: scale(1.15) !important; 
}


/*---#21--------------------MegaMenu Nav---------------------*/

/*---#21-------------------------MegaMenu (Sidebar Tab Position)---------------------*/

/* ۱. تنظیم بدنه اصلی مگامنو */
.wd-dropdown-menu .elementor-container {
    position: relative !important;
}

/* ۲. هدایت قطعی تب‌ها به کانتینر اول (سمت راست) */
.wd-products-tabs .wd-nav-tabs-wrapper {
    position: absolute !important;
    /* هدایت به سمت راست کانتینر اول با استفاده از مقدار منفی */
    right: -280px !important; 
    top: 0 !important;
    width: 250px !important; /* عرض دقیق منوی سمت راست شما */
    border: none !important;
    z-index: 100 !important;
}

/* ۳. عمودی کردن لیست دسته‌بندی‌ها با استایل مدرن */
.wd-products-tabs .wd-nav-tabs {
    flex-direction: column !important;
    border: none !important;
}

.wd-products-tabs .wd-nav-tabs li {
    width: 100% !important;
    margin-bottom: 8px !important;
}

.wd-products-tabs .wd-nav-tabs li a {
    display: flex !important;
    flex-direction: row-reverse !important; /* آیکون راست، متن چپ */
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 14px 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease !important;
}

/* ۴. استایل هاور و وضعیت فعال (صورتی برند میکا) */
.wd-products-tabs .wd-nav-tabs li.wd-active a,
.wd-products-tabs .wd-nav-tabs li:hover a {
    background: #ffffff !important;
    border-color: #C01157 !important;
    color: #C01157 !important;
    box-shadow: 0 8px 20px rgba(192, 17, 87, 0.1) !important;
    transform: translateX(-5px) !important;
}

/* نشانگر صورتی عمودی در لبه سمت محصولات */
.wd-products-tabs .wd-nav-tabs li.wd-active a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 4px;
    background-color: #C01157;
    border-radius: 10px;
}

/* ۵. آزادسازی کامل کانتینر وسط برای محصولات */
.wd-products-tabs .wd-tab-content-wrapper {
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

/*---#20--------------------Edit Password and Profile Page Style---------------------*/