/*
 Theme Name:   woodmart Child
 Theme URI:    https://manashoes.com
 Description:  قالب چایلد اختصاصی ماناشوز بر پایه وودمارت
 Author:       ManaShoes
 Author URI:   https://manashoes.com
 Template:     woodmart
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  woodmartchild
*/

/* ==========================================================================
   استایل‌های سفارشی‌سازی شده ماناشوز (Customizer & Brand Styles)
   ========================================================================== */

del .woocommerce-Price-currencySymbol {
	display: none;
}
.wd-hover-small .price {
	font-size: 13px;
}/* ۱. قیمت‌های اصلی و نهایی (همیشه مشکی و ضخیم) */
.product-grid-item .price, 
.product-grid-item .price > .amount, 
.product-grid-item .price ins .amount,
.product-grid-item .price > bdi {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-style: normal !important;
}

/* ۲. قیمت قدیمی خط خورده (همیشه قرمز، نازک و کمی بزرگتر) */
.product-grid-item .price del, 
.product-grid-item .price del .amount,
.product-grid-item .price del bdi {
    color: #ff4d4d !important;
    text-decoration: line-through !important;
    font-weight: normal !important;
    font-size: 1.08em !important; /* اندازه اصلاح و بزرگتر شد (با فونت انگلیسی برای اعمال صحیح) */
    margin-left: 5px !important;
    display: inline-block !important;
}

/* ۳. اصلاح بازه قیمتی */
.product-grid-item .price .amount {
    display: inline-block !important;
}



/* ۵. هم‌ترازی کامل کارت‌ها در دسکتاپ و ساختار کلی */
.product-grid-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.product-grid-item .product-wrapper,
.product-grid-item .product-element-bottom {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* ارتفاع عنوان در دسکتاپ */
.product-grid-item .wd-entities-title {
    min-height: 45px !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}

/* چسباندن قیمت و دکمه به پایین */
.product-grid-item .price {
    margin-top: auto !important;
    margin-bottom: 10px !important;
    min-height: 35px !important;
}

/* اصلاح نمایش عنوان محصول در موبایل برای جلوگیری از بریدگی متن */
@media (max-width: 767px) {
    .product-grid-item .wd-entities-title {
        min-height: 52px !important; /* افزایش جزئی ارتفاع برای جا شدن دو خط کامل فارسی بدون بریدگی */
        line-height: 1.5 !important;  /* فاصله مناسب بین خطوط برای حروف کشیده فارسی */
        font-size: 13px !important;   /* بهینه‌سازی اندازه فونت برای موبایل */
        overflow: visible !important; /* جلوگیری از مخفی شدن بخش پایینی حروف */
    }
    
    /* تنظیم ارتفاع قیمت در موبایل */
    .product-grid-item .price {
        min-height: auto !important;
        margin-bottom: 8px !important;
    }
}

/* ۶. نمایش کلمه ناموجود */
li.variable-item.button-variable-item[data-wvstooltip-out-of-stock]:not([data-wvstooltip-out-of-stock=""]) {
    margin-bottom: 22px !important;
    position: relative !important;
}

li.variable-item.button-variable-item[data-wvstooltip-out-of-stock]:not([data-wvstooltip-out-of-stock=""])::after {
    content: "ناموجود";
    display: block;
    font-size: 10px;
    color: #ff4d4d;
    position: absolute;
    bottom: -18px;
    width: 100%;
    text-align: center;
}

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

/* ---------------------------------- */
/* =========================
   بخش پیشنهاد محصولات سبد خرید
   ManaShoes Cart Recommendations
========================= */

.manashoes-cart-recommendations {
  margin: 20px 0;
  padding: 12px 10px;
  border: 1px solid #f2f2f2;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.manashoes-reco-title {
  margin: 0 0 12px;
  font-size: 13px !important;
  font-weight: 800;
  line-height: 1.6;
  color: #222;
}

/* گرید اصلی */
.manashoes-reco-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* کارت محصول */
.manashoes-reco-grid li.product {
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
  padding: 7px 7px 48px 7px !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 10px !important;
  background: #fff !important;
  position: relative !important;
  height: 370px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* لینک کل کارت */
.manashoes-reco-grid li.product a {
  text-decoration: none !important;
}

/* تصویر محصول */
.manashoes-reco-grid li.product img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  margin-bottom: 7px !important;
  display: block !important;
}

/* دسته‌بندی */
.manashoes-reco-grid li.product .posted_in {
  display: block !important;
  font-size: 8px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: #888 !important;
  margin-bottom: 3px !important;
}

/* عنوان محصول */
.manashoes-reco-grid li.product .woocommerce-loop-product__title {
  font-size: 8.2px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin: 0 0 5px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
}

/* قیمت */
.manashoes-reco-grid li.product .price {
  font-size: 9px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #222 !important;
  margin-top: auto !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* قیمت اصلی / تخفیف */
.manashoes-reco-grid li.product .price del,
.manashoes-reco-grid li.product .price ins,
.manashoes-reco-grid li.product .price .amount,
.manashoes-reco-grid li.product .price bdi {
  font-size: 9px !important;
  line-height: 1.35 !important;
}

.manashoes-reco-grid li.product .price del {
  opacity: 0.5 !important;
  margin-left: 4px !important;
}

.manashoes-reco-grid li.product .price ins {
  text-decoration: none !important;
  background: transparent !important;
}

/* دکمه */
.manashoes-reco-grid li.product .button,
.manashoes-reco-grid li.product a.button,
.manashoes-reco-grid li.product .add_to_cart_button,
.manashoes-reco-grid li.product .product_type_variable {
  position: absolute !important;
  left: 7px !important;
  right: 7px !important;
  bottom: 7px !important;
  width: calc(100% - 14px) !important;
  margin: 0 !important;
  padding: 6px 2px !important;
  font-size: 8px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

/* حذف المان‌های اضافی */
.manashoes-reco-grid li.product .yith-wcwl-add-to-wishlist,
.manashoes-reco-grid li.product .wishlist_view,
.manashoes-reco-grid li.product .yith-wcwl-add-button,
.manashoes-reco-grid li.product .star-rating,
.manashoes-reco-grid li.product .onsale,
.manashoes-reco-grid li.product .added_to_cart {
  display: none !important;
}

/* اگر لینک دور کل محتوا هست */
.manashoes-reco-grid li.product a.woocommerce-LoopProduct-link {
  display: block !important;
}

/* دسکتاپ */
@media (min-width: 769px) {
  .manashoes-reco-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .manashoes-reco-grid li.product {
    height: 400px !important;
    padding: 9px 9px 54px 9px !important;
  }

  .manashoes-reco-grid li.product .posted_in {
    font-size: 9px !important;
  }

  .manashoes-reco-grid li.product .woocommerce-loop-product__title {
    font-size: 10px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  .manashoes-reco-grid li.product .price,
  .manashoes-reco-grid li.product .price del,
  .manashoes-reco-grid li.product .price ins,
  .manashoes-reco-grid li.product .price .amount,
  .manashoes-reco-grid li.product .price bdi {
    font-size: 10px !important;
  }

  .manashoes-reco-grid li.product .button,
  .manashoes-reco-grid li.product a.button,
  .manashoes-reco-grid li.product .add_to_cart_button,
  .manashoes-reco-grid li.product .product_type_variable {
    font-size: 9px !important;
    padding: 8px 4px !important;
  }
}

/* موبایل خیلی کوچک */
@media (max-width: 480px) {
  .manashoes-cart-recommendations {
    padding: 10px 8px !important;
  }

  .manashoes-reco-title {
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }

  .manashoes-reco-grid {
    gap: 8px !important;
  }

  .manashoes-reco-grid li.product {
    height: 350px !important;
    padding: 6px 6px 46px 6px !important;
  }

  .manashoes-reco-grid li.product img {
    margin-bottom: 6px !important;
  }

  .manashoes-reco-grid li.product .posted_in {
    font-size: 7.5px !important;
    margin-bottom: 2px !important;
  }

  .manashoes-reco-grid li.product .woocommerce-loop-product__title {
    font-size: 7.8px !important;
    line-height: 1.4 !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin-bottom: 4px !important;
  }

  .manashoes-reco-grid li.product .price,
  .manashoes-reco-grid li.product .price del,
  .manashoes-reco-grid li.product .price ins,
  .manashoes-reco-grid li.product .price .amount,
  .manashoes-reco-grid li.product .price bdi {
    font-size: 8.3px !important;
    line-height: 1.3 !important;
  }

  .manashoes-reco-grid li.product .button,
  .manashoes-reco-grid li.product a.button,
  .manashoes-reco-grid li.product .add_to_cart_button,
  .manashoes-reco-grid li.product .product_type_variable {
    font-size: 7.5px !important;
    padding: 6px 2px !important;
    border-radius: 5px !important;
  }
}

/* جلوگیری از تداخل با نوار چسبان پایین */
@media (max-width: 768px) {
  body.woocommerce-cart {
    padding-bottom: 100px !important;
  }
}
body.woocommerce-cart .manashoes-reco-grid li.product .woocommerce-loop-product__title {
  font-size: 7.8px !important;
}

body.woocommerce-cart .manashoes-reco-grid li.product .price,
body.woocommerce-cart .manashoes-reco-grid li.product .price *,
body.woocommerce-cart .manashoes-reco-grid li.product .posted_in,
body.woocommerce-cart .manashoes-reco-grid li.product .button,
body.woocommerce-cart .manashoes-reco-grid li.product a.button {
  font-size: 8px !important;
}



/* ==============================================
   پس‌زمینه کارت‌های محصول (کرم روشن برند - ۱ درجه روشن‌تر)
   ============================================== */
:root {
  --wd-prod-bg: #f7eee6;
}

.wd-products-with-bg,
.wd-products-with-bg .wd-product,
.wd-products-with-bg .wd-cat {
  --wd-prod-bg: #f7eee6 !important;
}

.wd-products-with-bg:not(.products-bordered-grid) :is(.wd-product-wrapper, .wd-cat-wrap) {
  background-color: #f7eee6 !important;
}


/* =======================================================
   تراز متن عنوان محصولات (Justify برای عناوین چندخطی در دسکتاپ و موبایل)
   ======================================================= */
.product-grid-item .wd-entities-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .woocommerce-loop-product__title,
.product-grid-item .wd-product-header {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* =======================================================
   وسط‌چین کردن نمایش قیمت و تصحیح چیدمان RTL (تومان در سمت راست)
   ======================================================= */
.product-grid-item .wrap-price,
.product-grid-item .price {
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    direction: rtl !important;
}

/* تصحیح یکپارچه چیدمان قیمت در تمام صفحات (عدد در راست، تومان در چپ) */
.price bdi,
.woocommerce-Price-amount bdi {
    display: inline-flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    unicode-bidi: embed !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}

.wd-single-price .price del,
.single-product .price del {
    margin-left: 8px !important;
}

/* =======================================================
   رنگ هاور و انتخاب متغیرهای محصول (نارنجی برند ماناشوز)
   ======================================================= */
.vi-wpvs-variation-wrap .vi-wpvs-option-wrap-hover,
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap-hover,
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-variation-wrap-select-wrap .vi-wpvs-option-wrap-hover {
    background: #cc572b !important;
    border-color: #cc572b !important;
    box-shadow: 0 0 0 1px #cc572b inset !important;
    color: #ffffff !important;
}
.vi-wpvs-variation-wrap .vi-wpvs-option-wrap-hover .vi-wpvs-option {
    color: #ffffff !important;
}

.vi-wpvs-variation-wrap .vi-wpvs-option-wrap-selected,
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap-selected,
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-variation-wrap-select-wrap .vi-wpvs-option-wrap-selected {
    background: #cc572b !important;
    border-color: #cc572b !important;
    box-shadow: 0 0 0 1px #cc572b inset !important;
    color: #ffffff !important;
}
.vi-wpvs-variation-wrap .vi-wpvs-option-wrap-selected .vi-wpvs-option {
    color: #ffffff !important;
}

/* ==========================================================================
   تراز دوطرفه (Justify) سراسری پاراگراف‌ها - فروشگاه ماناشوز
   این بخش تمام متون و پاراگراف‌های سایت شامل توضیحات محصول، بلاگ و برگه‌ها
   را به صورت تمیز و مرتب از هر دو طرف تراز (Justify) می‌کند.
   برای ویرایش یا غیرفعال‌سازی، متن زیر را تغییر دهید:
   ========================================================================== */
p,
.entry-content p,
.product-tabs-wrapper p,
.woocommerce-product-details__short-description p,
.wd-single-content p,
.woocommerce-Tabs-panel p,
article p {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* ==========================================================================
   تقارن کامل و یکدست فواصل کناری باکس‌های محصول در موبایل - ماناشوز
   تنظیم فاصله یکسان و متقارن ۱۴ پیکسل از هر دو طرف (راست و چپ)
   ========================================================================== */
@media (max-width: 767px) {
  .single-product .elementor-797 > .e-con,
  .single-product .elementor-797 > .e-con-boxed,
  .single-product .elementor-797 > .e-con-full {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    box-sizing: border-box !important;
  }
}


/* ==========================================================================
   طراحی اختصاصی و بهینه‌سازی برگه فروشگاه و آرشیو محصولات - ماناشوز
   ۱. تقارن کامل و یکدست فواصل کناری در موبایل (۱۴ پیکسل از هر طرف)
   ۲. هدر کارتی: تایتل در منتهی‌الیه راست و راهنما (Breadcrumb) در منتهی‌الیه چپ
   ۳. اسلایدر قیمت: هندل‌های مربعی ظریف ۱۴ پیکسلی دقیقاً در مرکز خط نوار
   ۴. دکمه فیلتر موبایل: پس‌زمینه نارنجی ماناشوز با متن و آیکون سفید خالص
   ۵. استایل کارتی و هاور نرم کارت‌های محصولات
   ========================================================================== */
@media (max-width: 767px) {
  .archive.woocommerce .elementor-784 > .e-con,
  .archive.woocommerce .elementor-784 > .e-con-boxed,
  .archive.woocommerce .elementor-784 > .e-con-full {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    box-sizing: border-box !important;
  }
}

/* هدر کارتی فروشگاه: تایتل در منتهی‌الیه راست، بردکرامب در منتهی‌الیه چپ */
.elementor-784 .elementor-element-6a31e42 {
  direction: rtl !important;
}
.elementor-784 .elementor-element-6a31e42 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}
.elementor-784 .elementor-element-e75f3d5 {
  text-align: right !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.elementor-784 .elementor-element-e75f3d5 .title,
.elementor-784 .elementor-element-e75f3d5 h1,
.elementor-784 .elementor-element-e75f3d5 span {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #191919 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.elementor-784 .elementor-element-3d503f5 {
  margin-right: auto !important;
  margin-left: 0 !important;
  text-align: left !important;
  flex: 0 0 auto !important;
}
.elementor-784 .elementor-element-3d503f5 .elementor-widget-container {
  display: flex !important;
  justify-content: flex-end !important;
  text-align: left !important;
}
.elementor-784 .elementor-element-3d503f5 nav,
.elementor-784 .elementor-element-3d503f5 .woocommerce-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  direction: rtl !important;
  font-size: 12px !important;
  color: #777777 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

@media (max-width: 767px) {
  .elementor-784 .elementor-element-6a31e42 {
    padding: 10px 14px !important;
  }
  .elementor-784 .elementor-element-6a31e42 > .e-con-inner {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }
  .elementor-784 .elementor-element-e75f3d5 .title,
  .elementor-784 .elementor-element-e75f3d5 span {
    font-size: 15px !important;
  }
  .elementor-784 .elementor-element-3d503f5 nav,
  .elementor-784 .elementor-element-3d503f5 .woocommerce-breadcrumb {
    font-size: 11px !important;
  }
}

/* اسلایدر فیلتر قیمت: تنظیم دقیق و متقارن هندل‌های مربعی روی خط نوار */
.widget_price_filter .ui-slider {
  position: relative !important;
  height: 6px !important;
  border-radius: 3px !important;
  background-color: #EBEBEB !important;
  border: none !important;
  margin: 14px 8px 18px !important;
}
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute !important;
  background-color: #CC572B !important;
  height: 6px !important;
  border-radius: 3px !important;
  top: 0 !important;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute !important;
  width: 14px !important;
  height: 14px !important;
  box-sizing: border-box !important;
  top: 50% !important;
  margin-top: -7px !important;
  margin-left: -7px !important;
  background-color: #CC572B !important;
  border-radius: 4px !important;
  border: 2px solid #FFFFFF !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22) !important;
  cursor: pointer !important;
  outline: none !important;
  z-index: 2 !important;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle:active {
  box-shadow: 0 2px 8px rgba(204, 87, 43, 0.45) !important;
}
.widget_price_filter .price_slider_amount .button {
  background-color: #CC572B !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}
.widget_price_filter .price_slider_amount .button:hover {
  background-color: #EAD5C2 !important;
  color: #191919 !important;
}

/* دکمه فیلتر در نوار ابزار موبایل: متن و آیکون سفید خالص */
.archive.woocommerce .wd-off-canvas-btn a,
.archive.woocommerce .wd-off-canvas-btn button,
.archive.woocommerce a.wd-open-filters {
  background-color: #CC572B !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 6px 14px !important;
  border: none !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.archive.woocommerce .wd-off-canvas-btn a span,
.archive.woocommerce .wd-off-canvas-btn a .wd-action-text,
.archive.woocommerce .wd-off-canvas-btn a .wd-action-icon,
.archive.woocommerce .wd-off-canvas-btn a:visited span,
.archive.woocommerce a.wd-open-filters span {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
.archive.woocommerce .wd-off-canvas-btn a:hover,
.archive.woocommerce .wd-off-canvas-btn button:hover,
.archive.woocommerce a.wd-open-filters:hover {
  background-color: #EAD5C2 !important;
  color: #191919 !important;
}
.archive.woocommerce .wd-off-canvas-btn a:hover span,
.archive.woocommerce .wd-off-canvas-btn a:hover .wd-action-text {
  color: #191919 !important;
}

/* کارت‌های محصول در گرید ۴ ستونه */
.archive.woocommerce .product-grid-item {
  border-radius: 12px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #EBEBEB !important;
  transition: all 0.25s ease !important;
  overflow: hidden !important;
}
.archive.woocommerce .product-grid-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06) !important;
  border-color: #EAD5C2 !important;
}

/* سایدبار کشویی آف‌کانوس در موبایل */
.wd-side-hidden.wd-opened {
  direction: rtl !important;
}