@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//doctor-mohandes.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: iranyekan;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: iranyekan;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: iranyekan;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: iranyekan;
	--wd-widget-title-font: iranyekan;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: iranyekan;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(11,129,137);
	--wd-alternative-color: rgb(6,138,214);
	--btn-default-font-family: iranyekan;
	--btn-default-font-weight: 400;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: iranyekan;
	--btn-accented-font-weight: 400;
	--btn-accented-bgcolor: rgb(247,84,66);
	--btn-accented-bgcolor-hover: rgb(255,68,68);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(85,186,179);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(78,156,219);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 120px;
}
.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: 230px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-fit: cover;
	object-position: center center;
}
html .wd-nav.wd-nav-main > li > a, html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a {
	font-size: 15px;
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a {
	font-size: 14px;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgb(255,255,255);
	--wd-arrow-bg: rgb(61,140,43);
	--wd-arrow-bg-hover: rgb(61,140,43);
	--wd-arrow-bg-dis: rgb(61,140,43);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 0px;
}
.wd-nav-scroll {
	--wd-nscroll-height: 0px;
	--wd-nscroll-width: 0%;
	--wd-nscroll-bg: rgb(61,140,43);
	--wd-nscroll-drag-bg: rgb(61,140,43);
	--wd-nscroll-drag-bg-hover: rgb(61,140,43);
}
.product-labels .product-label.onsale {
	background-color: rgb(244,62,56);
}
.product-labels .product-label.new {
	background-color: rgb(64,180,209);
}
.product-labels .product-label.featured {
	background-color: rgb(221,180,33);
}
.product-labels .product-label.out-of-stock {
	background-color: rgba(13,177,226,0.38);
	color: rgb(0,0,0);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(170,58,163);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 105px;
	}
	.wd-nav-scroll {
		--wd-nscroll-height: 0px;
	--wd-nscroll-width: 0%;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.wd-nav-scroll {
		--wd-nscroll-height: 0px;
	--wd-nscroll-width: 0%;
	}

}
:root{
--wd-container-w: 1450px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

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

rs-slides :is([data-type=text],[data-type=button]) {
font-family: iranyekan !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: iranyekan !important;
}


.wd-prefooter {
    padding-bottom: 0px;
	 
}
.woodmart-button-wrapper.inline-element {
    margin-bottom: 0px;
}
body.home .main-page-wrapper {
    background-color: #fff;
}
.promo-banner .banner-image img {
    border-radius: 15px;
}
.wd-hover-tiled {
    overflow: hidden;
    border-radius: 15px;
	background: #fff;
}
.product-grid-item .product-image-link {
    display: block;
    padding: 20px;
}
.labels-rectangular .product-label {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    margin-right: 5px;
}
.searchform.wd-style-with-bg input[type="text"] {
    border-radius: 100px;
	  height: 50px;
	  border-color: #1FAFB6;
}
.searchform.wd-style-with-bg .searchsubmit {
    border-radius: 100px !important;
    padding: 0px 50px 0px 50px;
	  box-shadow: 0 3px 7px #1FAFB6;
	  background: linear-gradient(#ffffff, #cdcdcd);
	margin: 7px;
	color: #1FAFB6;
}


.whb-header-bottom {
    border-radius: 0px 0px 60px 60px;
	
}
.wd-toolbar{
	background-color:#FFFFFF;
}
.disable-owl-mobile .wd-owl{
	-webkit-mask-image:none;
}

.sidebar-container {
    border-radius: 10px;
    padding: 20px 15px 20px 15px;
    border: solid #e2e2e2 2px;
}
.categories-accordion-on .widget_product_categories .product-categories li {
    border-bottom: solid 1px white;
}


p {
    margin-bottom: 7px;
	  text-align:justify
}
.woodmart-sidebar-content .widget{
	box-shadow:none;
}
.shop-loop-head{
    border: solid #e2e2e2 2px;
	  padding: 7px 40px 7px 40px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.woodmart-sidebar-content .widget-title{
	background:none;
}
.woodmart-sidebar-content .widget-title{
	padding:0px
}
.widget_price_filter [class*="price_slider_amount"] .button{
	background-color:#c6ab18;
}
.woocommerce-mini-cart__buttons .btn-cart{
	color:#000!important;
}
.wd-hover-fw-button .wd-add-btn>a{
	box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25)!important;
}


/*///////////////Eivbazi Edit///////////////////////////////////////////////////////////////
 * /
/* برای نمایش درصد روی تصویر */
.product-image-link {
    position: relative !important;
    display: block !important;
}

/* درصد باید روی تصویر قرار بگیرد */
.product-image-link .onsale {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10 !important;
    background-color: #e74c3c !important;
    color: white !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    font-size: 13px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    line-height: 30px !important;
}

/* موبایل - سایز کوچک‌تر */
@media (max-width: 768px) {
    .product-image-link .onsale {
        width: 25px !important;
        height: 25px !important;
        font-size: 12px !important;
        line-height: 25px !important;
			  right: 5px !important;
    }
}

/* موبایل خیلی کوچک */
@media (max-width: 480px) {
    .product-image-link .onsale {
        width: 25px !important;
        height: 25px !important;
        font-size: 12px !important;
        line-height: 25px !important;
        top: 5px !important;
        right: 5px !important;
    }
}



/*     استایل دادن به قیمتها و قیمتهای پویا         */

/* یکدست‌سازی قیمت‌ها و متن عمده در صفحه محصول */
.summary .price,
.entry-summary .price {
    text-align: center !important;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

/* قیمت جدید (تخفیف خورده) به رنگ قرمز */
.price ins,
.price .amount,
.woocommerce-Price-amount {
    color: #e74c3c !important;
    text-decoration: none;
}

/* قیمت اصلی خط خورده به رنگ خاکستری */
.price del,
.price del .woocommerce-Price-amount {
    color: #999 !important;
    text-decoration: line-through;
}

/* متن قیمت عمده - سیاه و وسط‌چین */
.dm-bulk-price {
    text-align: center !important;
    color: #333333 !important;
    font-weight: bold;
    margin-top: 8px;
    font-size: 13px;
}

/* در صورت نیاز برای موبایل */
@media (max-width: 768px) {
    .dm-bulk-price {
        font-size: 12px;
        margin-top: 6px;
    }
    .summary .price {
        font-size: 16px;
    }
}


/* ===== جابه‌جایی لیبل «اتمام موجودی» به سمت چپ + کنترل اندازه ===== */

.product-labels.labels-rounded-sm {
    right: auto !important;      /* حذف موقعیت راست */
    left: 18px !important;       /* قرار گرفتن در سمت چپ */
    top: 3 px !important;       /* قرار گرفتن در سمت بالا */
    text-align: left !important;
}

.product-labels .product-label.out-of-stock {
    font-size: 10px;             /* اندازه متن */
    padding: 2px 5px;           /* فاصله داخلی (بزرگ/کوچک شدن کلی) */
    line-height: 1.2;            /* ارتفاع خط */
    border-radius: 4px;          /* گردی گوشه‌ها */
}




/* ============================================
   ۱) صفحه سبد خرید (cart)
   قیمت اصلی خاکستری بشه - کلمه تومان بمونه
   ============================================ */
.woocommerce-cart .cart_item del,
.woocommerce-cart .cart_item del * {
    color: #999 !important; /* خاکستری */
}

/* ============================================
   ۲) ساید کارت (مینی کارت)
   قیمت اصلی خاکستری + خط‌خورده
   (تومانش با کد PHP بالا مخفی میشه)
   ============================================ */
.woocommerce-mini-cart .quantity del {
    text-decoration: line-through !important; /* خط روی قیمت اصلی */
}
.woocommerce-mini-cart .quantity del,
.woocommerce-mini-cart .quantity del * {
    color: #999 !important; /* خاکستری */
}








/* ════════════════════════════════════════════════════════════
   استایل‌های نمایش قیمت تخفیف‌دار - doctor-mohandes.com
   نسخه کامل و نهایی - شامل: سبد خرید، ساید کارت، تسویه حساب
   (کاروسل/گرید و صفحه محصول نیاز به CSS ندارند -
    تومانشان با کد PHP در functions.php مخفی می‌شود)
   ════════════════════════════════════════════════════════════ */


/* ============================================================
   ۱) صفحه سبد خرید (Cart)
   قیمت اصلی خاکستری شود - کلمه تومان بماند
   ============================================================ */
.woocommerce-cart .cart_item del,
.woocommerce-cart .cart_item del * {
    color: #999 !important; /* خاکستری */
}


/* ============================================================
   ۲) ساید کارت (مینی کارت وودمارت)
   قیمت اصلی خاکستری + خط‌خورده
   (کلمه تومانش با کد PHP مخفی می‌شود)
   ============================================================ */
.woocommerce-mini-cart .quantity del {
    text-decoration: line-through !important; /* خط روی قیمت اصلی */
}
.woocommerce-mini-cart .quantity del,
.woocommerce-mini-cart .quantity del * {
    color: #999 !important; /* خاکستری */
}


/* ============================================================
   ۳) صفحه تسویه حساب (Checkout) - رنگ‌ها
   ============================================================ */

/* تعداد: واضح با رنگ تیره */
.woocommerce-checkout .dm-co-qty {
    color: #333;
    font-weight: 600;
}

/* قیمت اصلی (خط‌خورده): خاکستری */
.woocommerce-checkout .dm-co-price del,
.woocommerce-checkout .dm-co-price del * {
    color: #999 !important;
}

/* قیمت تخفیفی: قرمز و بدون خط زیر
   (مرورگر به‌صورت پیش‌فرض زیر تگ ins خط می‌کشد) */
.woocommerce-checkout .dm-co-price ins,
.woocommerce-checkout .dm-co-price ins * {
    color: #e01020 !important;
    text-decoration: none !important;
}


/* ============================================================
   ۴) صفحه تسویه حساب (Checkout) - چیدمان
   خط اول: نام محصول (عرض کامل)
   خط دوم: تعداد | قیمت‌ها (وسط فضای خالی) | جمع جزء
   ============================================================ */

/* کانتینر کل آیتم: فلکس با امکان شکستن خط */
.woocommerce-checkout .wd-checkout-prod-cont {
    display: flex;
    flex-wrap: wrap;           /* تا نام بتواند خط جدا بگیرد */
    align-items: center;       /* تراز عمودی وسط */
    gap: 4px 8px;              /* فاصله عمودی 4 و افقی 8 پیکسل */
}

/* دیوار div عنوان برداشته شود تا بچه‌هایش
   (لینک نام، تعداد، قیمت) مستقیم وارد فلکس بالا شوند */
.woocommerce-checkout .wd-checkout-prod-title {
    display: contents;
}

/* نام محصول: یک خط کامل برای خودش (خط اول) */
.woocommerce-checkout .cart-product-label-link {
    flex-basis: 100%;          /* تمام عرض = بقیه به خط بعد می‌روند */
}

/* تعداد: ابتدای خط دوم، یک‌تکه */
.woocommerce-checkout .dm-co-qty {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;            /* فشرده نشود */
}

/* قیمت واحد: فضای خالی بین تعداد و جمع جزء را پر کند */
.woocommerce-checkout .dm-co-price {
    flex: 1;                   /* کش بیاید و فضای وسط را بگیرد */
    display: inline-flex;
    align-items: center;
    justify-content: center;   /* قیمت‌ها وسط فضای خالی */
    gap: 6px;                  /* فاصله بین قیمت اصلی و تخفیفی */
    white-space: nowrap;
}

/* del و ins کنار هم، نه زیر هم */
.woocommerce-checkout .dm-co-price del,
.woocommerce-checkout .dm-co-price ins {
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
    margin: 0;                 /* حذف فاصله‌های پیش‌فرض تم */
}

/* جمع جزء: انتهای خط دوم، یک‌تکه */
.woocommerce-checkout .wd-checkout-prod-total {
    white-space: nowrap;
    flex-shrink: 0;            /* فشرده نشود */
}










/*
 * =====================================================
 * CSS سفارشی — نوار استیکی موبایل (طرح ۴ ستون)
 * =====================================================
 * این کد را در:
 *   Woodmart → Theme Settings → Custom CSS
 * قرار دهید.
 *
 * ساختار نوار (راست به چپ در RTL):
 *   [دکمه ۴۰٪] [قیمت flex] [تومان auto] [درصد ۱۰٪]
 * =====================================================
 */

@media (max-width: 768.98px) {

    /* =====================
       نوار کلی
       ===================== */
    .wd-sticky-btn-on-mb .wd-sticky-btn {
        background-color: transparent !important;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, .12) !important;
        padding: 0 !important;
        overflow: hidden;
    }

    /* حذف padding و gap کانتینر */
    .wd-sticky-btn .container {
        padding-inline: 0 !important;
        column-gap: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* بخش thumbnail + title: مخفی */
    .wd-sticky-btn .wd-sticky-btn-content {
        display: none !important;
    }

    /* =====================================================
       wd-sticky-btn-cart: flex container — ۴ ستون
       ترتیب (RTL، order پایین‌تر = سمت راست‌تر):
         order 1: دکمه   (40٪)
         order 2: قیمت   (flex: 1)
         order 3: تومان  (auto)
         order 4: درصد   (10٪)
       ===================================================== */
    .wd-sticky-btn .wd-sticky-btn-cart {
        display: flex !important;
        flex-direction: row !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        margin-inline: 0 !important;
        height: var(--wd-sticky-btn-height);
        align-items: stretch;
        background: #ffffff;
    }

    /* =====================
       ستون ۱ — دکمه (سمت راست، ۴۰٪، قرمز)
       ===================== */
    .wd-sticky-btn form.cart {
        order: 1;
        flex: 0 0 53%;
        display: flex !important;
        align-items: stretch;
        margin: 0 !important;
        position: static !important;
    }

    /* مخفی کردن input تعداد */
    .wd-sticky-btn .quantity {
        display: none !important;
    }

    /* دکمه افزودن به سبد: قرمز، تمام ارتفاع */
    .wd-sticky-btn :is(.single_add_to_cart_button, .wd-sticky-add-to-cart) {
        flex: 1 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: var(--wd-sticky-btn-height);
        border-radius: 0 !important;
        background-color: #e74c3c !important;
        --btn-accented-bgcolor: #e74c3c !important;
        --btn-accented-bgcolor-hover: #c0392b !important;
        color: #ffffff !important;
        --btn-accented-color: #ffffff !important;
        font-size: 13px !important;
        padding: 0 6px !important;
        margin: 0 !important;
        min-width: 0 !important;
        border: none !important;
        white-space: normal;
        line-height: 1.3;
        text-align: center;
    }

    /* =====================
       ستون ۲ — قیمت (دو ردیف)
       ===================== */
    .wd-sticky-btn .price {
        order: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        flex: 1 1 0 !important;
        min-width: 0;
        padding: 5px 8px !important;
        background: #ffffff;
        margin: 0 !important;
    }

    /* ردیف بالا: قیمت اصلی — خاکستری، خط‌خورده */
    .wd-sticky-btn .price del {
        display: block;
        color: #aaaaaa !important;
        font-size: 11px !important;
        font-weight: 400;
        opacity: 1 !important;
        text-align: center;
        text-decoration: line-through;
    }

    /* مخفی کردن «تومان» از del (در ستون ۳ جداگانه نشان داده می‌شود) */
    .wd-sticky-btn .price del .woocommerce-Price-currencySymbol {
        display: none !important;
    }

    /* ردیف پایین: قیمت تخفیف‌خورده — قرمز، بولد، یک سایز بزرگ‌تر */
    .wd-sticky-btn .price ins {
        display: block;
        color: #e74c3c !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        text-align: center;
    }

    /* مخفی کردن «تومان» از ins */
    .wd-sticky-btn .price ins .woocommerce-Price-currencySymbol {
        display: none !important;
    }

    /* قیمت تکی (محصول بدون تخفیف) — قرمز، بولد */
    .wd-sticky-btn .price > .woocommerce-Price-amount {
        display: block;
        color: #e74c3c !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-align: center;
    }

    /* مخفی کردن «تومان» از قیمت تکی */
    .wd-sticky-btn .price > .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
        display: none !important;
    }

    /* =====================
       ستون ۳ — تومان (توسط JS اضافه می‌شود)
       ===================== */
    .wd-sticky-toman {
        order: 3;
        flex: 0 0 auto;
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #555555;
        padding: 0 6px;
        background: #ffffff;
        white-space: nowrap;
    }

    /* =====================
       ستون ۴ — درصد تخفیف (توسط JS اضافه می‌شود)
       ۱۰٪ عرض کل نوار
       ===================== */
    .wd-sticky-discount-pct {
        order: 4;
        /* دایره قرمز — align-self:center تا کشیده نشود */
        flex: 0 0 auto;
        align-self: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background-color: #e74c3c;
        color: #ffffff;
        font-size: 11px;
        font-weight: 700;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-inline: 5px;
    }

    /* =====================
       مخفی کردن wishlist و buy-now
       ===================== */
    .wd-sticky-btn .wd-buy-now-btn,
    .wd-sticky-btn .wd-action-btn {
        display: none !important;
    }
}@media (min-width: 577px) and (max-width: 767px) {
	این دو کد
}

@media (max-width: 576px) {
	/* ===== حذف ارتفاع هدر در موبایل در کل سایت ===== */
:root {
    --wd-header-general-sm-h: 40px !important;
	  --wd-text-line-height: 1.1; !important;
}
/* ===== کاهش فاصله عمودی محتوای صفحه در موبایل ===== */
.wd-content-layout {
    padding-block: 20px !important;
}
/* ===== کاهش فاصله پایین سلول‌ها ===== */
.shop_table_responsive td:not(:last-child) {
    padding-bottom: 1px !important;
}

/* ===== کاهش فاصله بین ردیف‌ها و ستون‌ها در سبد خرید ===== */
.cart-content-wrapper {
    --wd-row-gap: 2px !important;
    --wd-col-gap: 2px !important;
}

/* ===== کنترل فاصله ردیف‌های سبد خرید ===== */
.shop_table_responsive tr {
    gap: 2px !important;            /* قبلاً 5px → حدود یک‌سوم */
    margin-bottom: 4px !important;  /* قبلاً 15px → یک‌سوم */
    padding-bottom: 4px !important; /* قبلاً 15px → یک‌سوم */
}

/* ===== کاهش فاصله پایین سلول‌ها در موبایل ===== */
.shop_table_responsive td:not(:last-child) {
    padding-bottom: 1px !important;
}

/* ===== حذف ارتفاع ثابت و داینامیک شدن ارتفاع ردیف ===== */
.shop-table-with-img tr {
    min-height: auto !important;
}

/* ===== مرحله ۱: تنظیم فونت در صفحه سبد خرید ===== */
/* کل محتوای صفحه سبد خرید */
.cart-content-wrapper,
.cart-content-wrapper * {
    font-size: 13px !important;
}

/* حذف فاصله عمودی عنوان صفحه سبد خرید */
body.woocommerce-cart .wd-page-title {
    --wd-title-sp: 0px !important;
}

/* ===== حذف ضربدر کوچک (CSS icon) فقط در cart ===== */
body.woocommerce-cart a.remove::before {
    display: none !important;
    content: none !important;
}

/* ===== کاهش عرض ستون عکس ===== */
.shop_table td.product-thumbnail {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
	  max-height: 100px !important;
    padding: 2px !important;
}
.shop-table-with-img tr {
    padding-inline-start: 98px;
}



/* ===== کنترل کامل باکس کد تخفیف ===== */
.cart-content-wrapper .wd-coupon-form {
    padding: 5px !important; /* فاصله داخلی باکس (کمتر کن برای فشرده شدن) */
    border: 3px dashed var(--brdcolor-gray-300) !important; /* ضخامت کادر */
    margin: 3px 0 !important; /* فاصله با بقیه بخش‌ها */
    border-radius: 6px; /* گردی گوشه‌ها (اختیاری) */
}


/* ===== کنترل باکس مجموع سبد خرید ===== */
.cart-content-wrapper > .cart_totals .cart-totals-inner {
    padding: 5px !important; /* فاصله داخلی باکس */
    border: 3px solid var(--brdcolor-gray-200) !important; /* ضخامت کادر */
    margin-top: 3px !important; /* فاصله از بالا */
    border-radius: 6px; /* گردی گوشه‌ها (اختیاری) */
}

/* /////////////////=====  ویرایش موبایل صفحه پرداخت یا همون جکات \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\===== */

/* ===== کاهش فاصله عمودی عنوان صفحات در موبایل ===== */
.wd-page-title {
    --wd-title-sp: 2px !important;
}

/* ===== کاهش فاصله بین input و دکمه کد تخفیف ===== */
.woocommerce-form-coupon {
    gap: 2px !important;
}
/* ===== کنترل کامل باکس کد تخفیف و ورود (موبایل) ===== */
.woocommerce-form-coupon,
.woocommerce-form-login.hidden-form {
    margin-bottom: 10px !important;   /* فاصله از پایین */
    padding: 10px !important;         /* فاصله داخلی */
    max-width: 100% !important;       /* عرض باکس */
    border: 1px solid var(--brdcolor-gray-200) !important; /* کادر */
    text-align: right !important;     /* تراز متن */
}

/* ===== کاهش فاصله بین ردیف‌های فرم checkout ===== */
form.woocommerce-checkout {
    --wd-row-gap: 2px !important;
}

/* ===== کنترل باکس کد تخفیف و فرم ورود ===== */
.woocommerce-form-coupon,
.woocommerce-form-login.hidden-form {
    margin-bottom: 1px !important;
    padding: 2px !important;
    border: 2px solid var(--brdcolor-gray-200) !important;
    text-align: right !important;
}

/* ============= در این کد فیلدهای صفحه پرداخت در یک ردیف با لیبلهاشون قرار گرفتند ============== */
.woocommerce-checkout .form-row {
    display: block !important;
    margin: 3px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* ===== دو فیلد در یک ردیف ===== */
.form-row.form-row-first,
.form-row.form-row-last {
    width: 100% !important;
}
/* ===== فیلدهای تمام‌صفحه ===== */
.form-row.form-row-wide {
    width: 100% !important;
    padding: 0 !important;
    margin: 3px 0 !important;
}
/* ===== لیبل ===== */
.woocommerce-checkout .form-row label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 3px !important;
    font-size: 12px !important;
}
/* ===== wrapper input ===== */
.woocommerce-input-wrapper {
    width: 100% !important;
    display: block !important;
}
/* ===== فیلد input ===== */
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper select,
.woocommerce-input-wrapper textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 4px 3px !important;
    margin: 0 !important;
    height: 28px !important;  /* ← ارتفاع کادر */
    line-height: 28px !important;
    font-size: 12px !important;
}
/* ===== توضیح فیلد ===== */
.woocommerce-input-wrapper .description {
    font-size: 10px !important;
    margin-top: 2px !important;
    color: #666 !important;
}

/* ===== کد پستی - چپ‌چین (استثنا) ===== */
#billing_postcode {
    direction: ltr !important;
    text-align: left !important;
}

/* ===== توضیح فیلد ===== */
.woocommerce-input-wrapper .description {
    font-size: 10px !important;
    margin-top: 2px !important;
    color: #666 !important;
}

/* ===== یادداشت سفارش - تمام عرض و دو ردیفی ===== */
#order_comments_field {
    width: 100% !important;
    display: block !important;
}

#order_comments_field label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 5px !important;
    height: auto !important;
}

#order_comments_field .woocommerce-input-wrapper {
    width: 100% !important;
    display: block !important;
}

#order_comments_field textarea {
    width: 100% !important;
    height: 56px !important;
    padding: 4px 3px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    resize: none !important;
}
/* ===== کاهش ارتفاع یادداشت سفارش ===== */
#order_comments {
    height: 70px !important;
    min-height: 70px !important;
    padding: 4px !important;
    font-size: 13px !important;
}

/* ===== فاصله بین عنوان و مقدار کشور ===== */
#billing_country_field .woocommerce-input-wrapper,
#shipping_country_field .woocommerce-input-wrapper {
    display: block;
    margin-top: 4px !important;
    font-size: 12px !important;
}

/* ===== کاهش پدینگ باکس خلاصه سفارش ===== */
:is(.woocommerce-checkout>.checkout-order-review,
.woocommerce-order-pay #order_review) {
    padding: 3px !important;
}

.woocommerce-checkout legend,
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout h4,
.woocommerce-checkout h5,
.woocommerce-checkout h6,
.woocommerce-checkout .title {
    margin-bottom: 5px !important;
}

/* ===== کاهش padding و margin جدول خلاصه سفارش ===== */
.checkout-order-review>.woocommerce-checkout-review-order .wd-table-wrapper {
    margin-bottom: 3px !important;
    padding: 3px !important;
}

/* ===== کنترل padding سلول‌های جدول فقط در checkout ===== */
.woocommerce-checkout table td {
    padding: 3px 3px !important;
}

/* ===== کنترل عرض و margin دکمه حذف در checkout ===== */
.woocommerce-checkout .wd-checkout-remove-btn-wrapp {
    width: 15px !important;              /* عرض */
    margin-inline: 0px 3px !important;     /* فاصله راست و چپ */
}


/* ===== عنوان محصول ===== */
.wd-checkout-prod-title .cart-product-label {
    font-size: 12px !important;
}

/* ===== قیمت ===== */
.woocommerce-checkout-review-order .amount {
    font-size: 12px !important;
}

/* ===== قیمت تخفیف خورده ===== */
.woocommerce-checkout-review-order del {
    font-size: 11px !important;
}

/* ===== تعداد ===== */
.wd-checkout-prod-title .quantity {
    font-size: 12px !important;
}


/* این کدها مروبط به ساید بار محصولات اضافه شده به سببد خرید است*/

/* ===== کاهش padding هدینگ ===== */
.wd-heading {
    padding: 7px 5px !important;
}

/* ===== کاهش padding آیتم‌های mini cart ===== */
.cart-widget-side .woocommerce-mini-cart .mini_cart_item {
    padding: 5px !important;
}

/*////////////////////////////////////////////////////////////////////////////////*/

figure.image {
    display: inline-block;
    border: 1px solid #f3ebeb;
    margin: 0 2px 20px 1px;
    background: #fff;
    padding: 5px;
}

/* ========== جدا کردن دکمه ثبت سفارش به خط جدید ========== */
/* فیلد شرایط و قوانین */
p.form-row.validate-required {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

/* checkbox و متن شرایط */
p.form-row.validate-required label {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
}

/* دکمه ثبت سفارش - خط جدید */
#place_order {
    display: block !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    padding: 12px !important;
    font-size: 14px !important;
}

/* اطمینان از اینکه دکمه wrapper نیز display block است */
.woocommerce-checkout #payment {
    display: block !important;
}

.woocommerce-checkout #payment::before {
    display: block !important;
    content: "" !important;
    clear: both !important;
}

/* ========== متن خطای شرایط در خط جداگانه ========== */
#terms_description.checkout-inline-error-message {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    font-size: 12px !important;
    margin-bottom: 10px !important;
    color: #d32f2f !important;
    padding: 5px !important;
    margin-top: 0 !important;
}

/* اطمینان از اینکه فیلد شرایط زیر متن خطا باشد */
p.form-row.woocommerce-form-row--wide.validate-required {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-top: 5px !important;
}
}

