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

:root {
	--wd-text-font: YekanBakhFaNum;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 11px;
	--wd-title-font: YekanBakhFaNum;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: YekanBakhFaNum;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(119,119,119);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: YekanBakhFaNum;
	--wd-widget-title-font: YekanBakhFaNum;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(119,119,119);
	--wd-widget-title-font-size: 13px;
	--wd-header-el-font: YekanBakhFaNum;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 11px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(0,0,0);
	--wd-link-color: rgb(15,3,0);
	--wd-link-color-hover: rgb(0,0,0);
	--btn-default-bgcolor: rgb(5,4,4);
	--btn-default-bgcolor-hover: rgb(2,2,2);
	--btn-accented-bgcolor: #c1113d;
	--btn-accented-bgcolor-hover: #c10537;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(255,255,255,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 1000px;
}
.header-banner {
	background-image: url(https://seyedhosein315.ir/wp-content/uploads/2023/09/663ce17cd81d8f4a867ba37fb62e2eee308c2e14_1694942765-1-1-scaled.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: inherit;
	background-position: center top;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "IRANSans", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body[class*="wrapper-boxed"] {
	background-color: rgb(246,246,246);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgba(255,214,255,0.27);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgba(255,214,255,0.27);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgba(255,214,255,0.27);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgba(255,214,255,0.27);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgba(255,214,255,0.27);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgba(255,214,255,0.27);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgba(255,214,255,0.27);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgba(255,214,255,0.27);
	--wd-form-placeholder-color: rgba(255,214,255,0.27);
	--wd-form-brd-color: rgba(255,214,255,0.27);
	--wd-form-brd-color-focus: rgba(255,214,255,0.27);
	--wd-form-bg: rgba(255,214,255,0.27);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1350px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-bottom-active: -1px;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-default-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
}

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

@media (min-width: 1350px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

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

/* حذف قطعی کادر مشکی عنوان برگه انواع قاب عکس */
.page-id-4261 .page-title-default {
    display: none !important;
}

/* مخفی کردن بخش دنبال کنید و آیکون های شبکه های اجتماعی در صفحه محصول */
.product-share, 
.woodmart-social-icons,
.social-icons {
    display: none !important;
}
/* تغییر رنگ پس زمینه کادر تعداد محصول در صفحه محصول */
.woocommerce div.product form.cart .quantity,
.entry-summary form.cart .quantity {
    background-color: #000000 !important; /* رنگ سفید یا هر رنگ دلخواه دیگر */
}

/* مرتب‌سازی و افزایش خوانایی قیمت محصولات در سایت */
.woodmart-product-loop .price, 
.product-grid-item .price {
    color: #000000 !important; /* رنگ مشکی برای قیمت اصلی */
    font-weight: bold !important;
}

/* مرتب‌سازی قیمت خط‌خورده (تخفیف‌خورده) */
.woodmart-product-loop .price del, 
.product-grid-item .price del {
    color: #888888 !important; /* رنگ خاکستری ملایم برای قیمت خط‌خورده */
    margin-inline-end: 8px; /* ایجاد فاصله مناسب بین دو قیمت */
    font-weight: normal !important;
}

/* مرتب‌سازی قیمت جدید */
.woodmart-product-loop .price ins, 
.product-grid-item .price ins {
    background: none !important;
    color: #d9534f !important; /* رنگ متمایز و جذاب برای قیمت نهایی تخفیف خورده */
    text-decoration: none;
}

/* مخفی کردن متن اصلی حراج و نمایش متن با تخفیف به جایش */
.product-grid-item .onsale, 
.woodmart-woocommerce-layered-nav .onsale,
.onsale {
    font-size: 0 !important; /* مخفی کردن کلمه حراج اصلی */
}

.product-grid-item .onsale::after,
.onsale::after {
    content: "تخفیف " !important;
    font-size: 12px !important;
} /* این آکولاد جا افتاده بود! */

/* اصلاح کامل و پررنگ کردن عنوان محصولات وودمارت */
.product-grid-item .product-title,
.wd-entities-title,
.wd-entities-title a,
.product-title a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    color: #000000 !important;
    line-height: 1.5 !important;
}

/* استایل‌دهی منوی کشویی انتخاب سایز (متغیرها) */
table.variations select {
    background-color: #f5f5f5 !important; /* رنگ پس‌زمینه باکس (سفید) */
    color: #222222 !important; /* رنگ متن گزینه‌ها (تیره و خوانا) */
    border: 1px solid #cccccc !important; /* کادر دور باکس */
    border-radius: 6px !important; /* گردی گوشه‌ها */
    padding: 8px 12px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

/* تغییر رنگ گزینه در حالت انتخاب (هایلایت) */
table.variations select option {
    background-color: #ffffff !important;
    color: #222222 !important;
}

/* استایل‌دهی و تغییر رنگ باکس تعداد محصول */
div.quantity input[type="number"],
.quantity input[type="button"],
.quantity .plus,
.quantity .minus {
    background-color: #ffffff !important; /* رنگ پس‌زمینه (سفید) */
    color: #222222 !important; /* رنگ عدد و علامت‌های + و - (مشکی/تیره) */
    border-color: #cccccc !important; /* رنگ کادر دور باکس */
}

/* تغییر رنگ کل باکس تعداد */
.quantity {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 5px !important;
}

/* تغییر رنگ دکمه‌ها در حالت هاور (وقتی موس روی + و - می‌رود) */
.quantity .plus:hover,
.quantity .minus:hover {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

/* یکدست کردن ابعاد و ارتفاع تصاویر محصولات در وودمارت */
.product-grid-item .product-element-top,
.product-grid-item .product-image-link {
    height: 280px !important; /* ارتفاع ثابت برای کادر عکس */
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-grid-item .product-element-top img,
.product-grid-item .product-image-link img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important; /* برش هوشمند عکس برای پر کردن کامل کادر بدون دفرمه شدن */
    object-position: center !important; /* قرار گرفتن مرکز عکس در وسط */
}

/* ایجاد فاصله مناسب بین نام محصول و قیمت */
.product-grid-item .product-title,
.wd-entities-title {
    margin-bottom: 35px !important; /* ایجاد فاصله به اندازه چند خط از پایین */
}

/* افقی کردن دقیق آیکون‌های ویژگی در دسکتاپ */
@media screen and (min-width: 1025px) {
    /* مجبور کردن کانتینر والد به چیدمان افقی در مرکز */
    .elementor-widget-container:has(.elementor-image-box-wrapper),
    footer .elementor-container,
    .site-footer .elementor-container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 20px !important;
    }

    /* تک‌تک ستون‌ها و آیکون‌ها */
    footer .elementor-column,
    .site-footer .elementor-column,
    footer .elementor-widget-image-box {
        width: auto !important;
        max-width: none !important;
        flex: 1 !important;
        display: flex !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    footer .elementor-image-box-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    footer .elementor-image-box-img img {
        max-width: 60px !important;
        height: auto !important;
        margin: 0 auto 5px auto !important;
    }
}

/* استایل لوکس و مدرن برای کارت محصولات */
.product-grid-item,
.woodmart-product-loop .product-grid-item {
    background-color: #ffffff !important;
    border-radius: 12px !important; /* گرد کردن گوشه‌های کارت */
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; /* سایه ملایم و شکیل */
    border: 1px solid #f0f0f0 !important; /* کادر بسیار ملایم دور کارت */
    transition: all 0.3s ease-in-out !important; /* انیمیشن نرم */
}

/* افکت فوق‌العاده جذاب در حالت هاور (رفتن موس روی محصول) */
.product-grid-item:hover {
    transform: translateY(-6px) !important; /* بالا آمدن کارت محصول */
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12) !important; /* پررنگ‌تر شدن سایه */
    border-color: #e0e0e0 !important;
}

/* تنظیم پدینگ و فاصله داخلی بخش اطلاعات محصول */
.product-grid-item .product-information,
.product-grid-item .woodmart-product-content {
    padding: 15px 10px !important;
}

/* ایجاد فاصله مناسب بین محصولات از چپ و راست */
.product-grid-item,
.woodmart-product-loop .product-grid-item {
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 25px !important; /* فاصله عمودی بین ردیف‌ها */
}

/* تنظیم کانتینر اصلی جهت جلوگیری از بهم‌ریختگی عرض */
.products[class*="woodmart-spacing-"],
.products.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

/* پررنگ و خوانا کردن متن‌های داخل تب‌های محصول (توضیحات، تکمیلی، حمل و نقل) */
.woocommerce-Tabs-panel,
.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel div,
.woocommerce-Tabs-panel span,
.woocommerce-Tabs-panel table,
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    color: #222222 !important; /* رنگ مشکی پررنگ و خوانا */
    font-weight: 500 !important; /* ضخامت مناسب متن */
    font-size: 15px !important; /* سایز استاندارد و خوانا */
    line-height: 1.8 !important; /* فاصله بین خطوط برای زیبایی بیشتر */
}

/* پررنگ و بولد کردن تیترهای داخل تب‌ها */
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3,
.woocommerce-Tabs-panel h4,
.woocommerce-Tabs-panel strong {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 17px !important;
}

/* پررنگ‌تر کردن عنوان‌های سربرگ (Tab Titles) */
.wc-tabs li a {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #444444 !important;
}

.wc-tabs li.active a {
    color: #000000 !important;
}

/* تنظیم موقعیت نسبی کانتینر عکس در وودمارت */
.product-grid-item .product-element-top,
.product-grid-item .product-image-link,
.single-product-page .woocommerce-product-gallery__image {
    position: relative !important;
    overflow: visible !important;
}

/* نشانگر 30% تخفیف اصلاح شده */
.product-grid-item .product-element-top::before,
.single-product-page .woocommerce-product-gallery__image::before {
    content: "30% تخفیف";
    position: absolute !important;
    bottom: 12px !important;
    right: 12px !important;
    background-color: #2eb85c !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 8px !important;
    border-radius: 5px !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
    z-index: 99 !important;
    pointer-events: none !important;
    line-height: 1 !important;
}

/* ==========================================
   مرتب‌سازی هوشمند و اصلاح چیدمان محصولات
   ========================================== */

/* ۱. ساخت شبکه ۳ ستونه منظم در دسکتاپ */
@media screen and (min-width: 992px) {
    .products, 
    .products.elements-grid, 
    .woodmart-product-loop {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        clear: both !important;
    }

    /* خنثی‌سازی استایل‌ها و پوزیشن‌های تداخلی قبلی */
    .product-grid-item, 
    .wd-hover-style,
    .product-grid-item[class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        float: none !important;
        margin: 0 !important;
    }
}

/* ۲. تنظیم چیدمان منظم در موبایل و تبلت */
@media screen and (max-width: 991px) {
    .products, 
    .products.elements-grid, 
    .woodmart-product-loop {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
}

/* ۳. هم‌اندازه کردن کادر و تصاویر محصولات */
.product-grid-item .product-wrapper {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.product-grid-item .product-element-top img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* نمایش کامل عنوان و محتوای کارت محصولات */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .product-title a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
    margin-bottom: 6px !important;
    color: #1a1a1a !important;
}

/* رفع برش و مخفی شدن بخش متنی زیر عکس */
.product-grid-item .product-information,
.product-grid-item .product-element-bottom {
    overflow: visible !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* اجبار به نمایش کامل عناوین و اصلاح ارتفاع کارت‌ها */
.product-grid-item .product-wrapper,
.product-grid-item .product-element-top,
.product-grid-item .product-information,
.product-grid-item .woodmart-product-content {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
}

/* نمایش قاطعانه عنوان محصول */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .product-title a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
    position: relative !important;
    z-index: 10 !important;
    white-space: normal !important;
    margin-top: 10px !important;
    color: #111111 !important;
}

/* ==========================================
   اصلاح قطعیت موقعیت عنوان و تصویر محصولات
   ========================================== */

/* ۱. جداسازی کامل کادر تصویر از محتوای متنی */
.product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    height: 100% !important;
}

.product-grid-item .product-element-top {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}

/* ۲. انتقال محتوا و عناوین به پایین تصویر بدون تداخل */
.product-grid-item .product-information,
.product-grid-item .woodmart-product-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    right: auto !important;
    transform: none !important;
    background: transparent !important;
    padding: 5px 10px 15px 10px !important;
    width: 100% !important;
    z-index: 5 !important;
}

/* ۳. خوانا و کامل ساختن عنوان محصولات */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .product-title a {
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #222222 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: visible !important;
    height: auto !important;
    margin: 8px 0 !important;
}

/* ==========================================
   باکس یکپارچه عنوان و قیمت چسبیده به تصویر
   ========================================== */

/* ۱. ساختار اصلی کارت محصول */
.product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}

.product-grid-item .product-wrapper:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

/* ۲. تنظیم تصویر و حذف فاصله‌های اضافی */
.product-grid-item .product-element-top {
    position: relative !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.product-grid-item .product-element-top img {
    display: block !important;
    width: 100% !important;
    border-radius: 0 !important;
}

/* ۳. باکس اختصاصی عنوان و قیمت (چسبیده به تصویر) */
.product-grid-item .product-information,
.product-grid-item .woodmart-product-content {
    background-color: #f9fafb !important; /* رنگ پس‌زمینه کادر پایین */
    padding: 12px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 6px !important;
}

/* ۴. استایل عنوان محصول */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .product-title a {
    color: #1f2937 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    white-space: normal !important;
}

/* ۵. استایل قیمت محصول */
.product-grid-item .price,
.product-grid-item .price * {
    color: #059669 !important; /* رنگ سبز قیمت */
    font-size: 14px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================
   اصلاح قطعی تداخل متن و قیمت روی تصویر
   ========================================== */

/* ۱. تثبیت کادر اصلی محصول */
.product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    height: 100% !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* ۲. جابجایی کادر تصویر و جلوگیری از تداخل */
.product-grid-item .product-element-top {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
}

/* ۳. انتقال کامل کادر اسم و قیمت به پایین عکس */
.product-grid-item .product-information,
.product-grid-item .woodmart-product-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: 0 !important;
    transform: none !important;
    margin-top: 0 !important;
    padding: 15px 10px !important;
    background-color: #f9fafb !important;
    z-index: 10 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ۴. تنظیم استایل عنوان */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .product-title a {
    position: relative !important;
    display: block !important;
    color: #1f2937 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
}

/* ۵. تنظیم استایل قیمت */
.product-grid-item .price,
.product-grid-item .price * {
    position: relative !important;
    display: block !important;
    color: #059669 !important;
    font-weight: 800 !important;
}

/* ==========================================
   استایل رسمی، یکدست و شکیل کارت محصولات
   ========================================== */

/* ۱. تنظیم کادر اصلی هر محصول */
.product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important; /* حذف ارتفاع کشیده شده */
    min-height: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    margin-bottom: 20px !important;
}

.product-grid-item .product-wrapper:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

/* ۲. تنظیم بخش تصویر */
.product-grid-item .product-element-top {
    position: relative !important;
    height: auto !important;
    max-height: 260px !important; /* جلوگیری از بزرگ شدن بیش از حد عکس */
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f9fafb !important;
}

.product-grid-item .product-element-top img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* ۳. باکس اطلاعات زیر عکس (عنوان و قیمت) */
.product-grid-item .product-information,
.product-grid-item .woodmart-product-content {
    position: relative !important;
    height: auto !important;
    padding: 12px 10px 15px 10px !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
}

/* ۴. اصلاح عنوان محصول */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .wd-entities-title a,
.product-grid-item .product-title a {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* حداکثر ۲ سطر برای اسم */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: auto !important;
}

/* ۵. اصلاح قیمت */
.product-grid-item .price,
.product-grid-item .price * {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #10b981 !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    height: auto !important;
}

/* تغییر رنگ دکمه افزودن به سبد خرید */
.single-product .single_add_to_cart_button {
    background-color: #10b981 !important; /* رنگ اصلی دکمه (این کد رنگ سبز است) */
    color: #ffffff !important; /* رنگ متن */
    border-color: #10b981 !important;
}

/* تغییر رنگ موقعی که موس روی دکمه می‌رود */
.single-product .single_add_to_cart_button:hover {
    background-color: #059669 !important; /* رنگ هنگام هاور */
    border-color: #059669 !important;
}

.footer-trust-badges {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    margin: 20px 0 !important;
}

.footer-trust-badges .badge-item {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 8px !important;
    width: 90px !important;
    height: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

.footer-trust-badges .badge-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
    border-color: #cbd5e1 !important;
}

.footer-trust-badges .badge-item img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}


/* ==========================================
   تغییر رنگ متن داخل باکس‌های فرم خرید
   ========================================== */
.woocommerce-checkout form .form-row input.input-text, 
.woocommerce-checkout form .form-row select,
.woocommerce-checkout form .form-row textarea {
    color: #111827 !important; /* رنگ متن داخل باکس‌ها (مشکی تیره و خوانا) */
    font-weight: 600 !important;
}

/* رنگ متن داخل فیلدهایی که از پیش پر شده‌اند یا placeholder دارند */
.woocommerce-checkout form .form-row input.input-text::placeholder {
    color: #6b7280 !important;
}


/* ==========================================
   تغییر رنگ پس‌زمینه کارت‌ها و کادرهای صفحه خرید
   ========================================== */
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-billing-fields {
    background-color: #ffffff !important; /* رنگ پس‌زمینه کادرها (سفید خالص) */
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

/* مخفی کردن دکمه افزودن به سبد خرید و تعداد */
.single-product .single_add_to_cart_button, 
.single-product .quantity {
    display: none !important;
}

/* اجبار فلكس‌باکس روی تمام لایه‌های منو */
.site-header nav,
.main-navigation,
header .menu,
ul.nav-menu,
.top-menu {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
}

/* تراز کردن آیتم‌های لیست */
.site-header nav ul,
.main-navigation ul,
header ul.menu,
.menu-item {
    display: flex !important;
    align-items: center !important;
    float: none !important; /* حذف شناوری‌های قدیمی */
    margin: 0 !important;
    padding: 0 8px !important;
}

/* اصلاح فونت و تراز لینک‌ها */
.site-header nav a,
.main-navigation a,
header ul.menu a {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important; /* جلوگیری از شکستن کلمات */
    vertical-align: middle !important;
}
/* ۱. حذف فاصله زیاد و یک‌خطی کردن قیمت در قالب وودمارت */
.product-grid-item .price,
.wd-price-wrapper,
.woodmart-product-cats + .price,
.products .product .price {
    display: flex !important;
    flex-direction: row-reverse !important; /* قرارگیری قیمت‌ها کنار هم */
    align-items: baseline !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    min-height: auto !important; /* حذف ارتفاع اجباری وودمارت */
}

/* ۲. تراز کردن عدد قیمت و کلمه تومان در یک خط افقی */
.product-grid-item .price span.amount,
.product-grid-item .price del,
.product-grid-item .price ins {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    white-space: nowrap !important;
}

/* ۳. جمع‌وجور کردن باکس کل محصول و کاهش پدینگ‌های اضافه */
.product-grid-item .product-wrapper,
.woodmart-hover-base .product-wrapper {
    padding-bottom: 10px !important;
}

/* ۴. استایل قیمت قدیم (خط‌خورده) */
.product-grid-item .price del .woocommerce-Price-amount {
    font-size: 13px !important;
    color: #999999 !important;
    text-decoration: line-through !important;
}

/* ۵. استایل قیمت جدید (تخفیف‌خورده) */
.product-grid-item .price ins .woocommerce-Price-amount {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #00a651 !important; /* سبز شکیل */
}

/* ۶. اصلاح اندازه کلمه «تومان» */
.product-grid-item .price .woocommerce-Price-currencySymbol {
    font-size: 11px !important;
    font-weight: normal !important;
}

/* ==========================================
   ۱. استایل‌دهی قیمت‌ها در حالت روز (Light Mode)
   ========================================== */

/* قیمت تخفیف‌خورده (قیمت اصلی خرید): مشکی */
.product-grid-item .price ins .woocommerce-Price-amount,
.product-grid-item .price ins,
.single-product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins,
.elementor-loop-container .price ins {
    color: #111111 !important; /* مشکی جذاب */
    font-weight: 700 !important;
}

/* قیمت بیشتر و خط‌خورده (تخفیف): قرمز */
.product-grid-item .price del .woocommerce-Price-amount,
.product-grid-item .price del,
.single-product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del,
.elementor-loop-container .price del {
    color: #e53935 !important; /* قرمز مشخص */
    text-decoration: line-through !important;
    opacity: 0.9 !important;
}

/* کلمه «تومان» قیمت اصلی (مشکی) و قیمت تخفیف (قرمز) */
.price ins .woocommerce-Price-currencySymbol {
    color: #111111 !important;
}
.price del .woocommerce-Price-currencySymbol {
    color: #e53935 !important;
}


/* ==========================================
   ۲. پشتیبانی هوشمند از حالت شب (Dark Mode)
   ========================================== */

/* حالت شب اختصاصی قالب وودمارت */
.wd-dark .price ins .woocommerce-Price-amount,
.wd-dark .price ins,
.woodmart-dark .price ins .woocommerce-Price-amount,
.woodmart-dark .price ins,
.wd-dark .price ins .woocommerce-Price-currencySymbol {
    color: #ffffff !important; /* تبدیل قیمت مشکی به سفید در حالت دارک */
}

/* حالت شب بر اساس تنظیمات سیستم‌عامل / مرورگر یا کلاس دارک‌مود عمومی */
body.dark .price ins .woocommerce-Price-amount,
body.dark-mode .price ins .woocommerce-Price-amount,
body[data-theme="dark"] .price ins .woocommerce-Price-amount,
body.dark .price ins .woocommerce-Price-currencySymbol,
body.dark-mode .price ins .woocommerce-Price-currencySymbol {
    color: #ffffff !important; /* سفید روشن در دارک‌مود */
}

/* قیمت خط‌خورده قرمز در حالت شب اندکی روشن‌تر می‌شود تا واضح‌تر باشد */
.wd-dark .price del .woocommerce-Price-amount,
.woodmart-dark .price del .woocommerce-Price-amount,
body.dark .price del .woocommerce-Price-amount,
body.dark-mode .price del .woocommerce-Price-amount {
    color: #ff5252 !important; /* قرمز روشن و خوانا در پس‌زمینه مشکی */
}