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

:root {
	--wd-text-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(22,22,22);
	--wd-text-font-size: 16px;
	--wd-title-font: YekanBakhFaNum;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: YekanBakhFaNum;
	--wd-entities-title-font-weight: 300;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(22, 22, 22);
	--wd-alternative-font: YekanBakhFaNum;
	--wd-widget-title-font: YekanBakhFaNum;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: YekanBakhFaNum;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: #d12c2c;
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #ef394e;
	--wd-link-color-hover: #cc3064;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #d12c2c;
	--btn-accented-bgcolor-hover: #bf2828;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.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: #373839;
	background-image: none;
	background-size: cover;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

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

@media (min-width: 1222px) {
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: Vazirmatn !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: YekanBakhFaNum !important;
}

/* ========================================================= */
/* استایل سایدبار سبد خرید (Mini Cart Sidebar) */
/* ========================================================= */

/* 1. کانتینر اصلی سایدبار (برای ظاهر تمیز) */
.cart-widget-side {
    background-color: #ffffff; /* پس‌زمینه سفید تمیز */
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1); /* سایه واضح برای جدا شدن از صفحه */
}

/* 2. بخش هدر سبد خرید (عنوان و دکمه بستن) */
.cart-widget-side .wd-heading {
    border-bottom: 2px solid #eeeeee; /* خط جداکننده زیر عنوان */
    padding: 15px 25px;
}

.cart-widget-side .wd-heading .title {
    font-size: 20px;
    font-weight: 800;
    color: #1a1a1a;
}

/* دکمه "بستن" (X) */
.cart-widget-side .close-side-widget a {
    color: #888888;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.cart-widget-side .close-side-widget a:hover {
    color: #ff5722; /* رنگ نارنجی در هاور */
}

/* 3. لیست محصولات داخل سبد خرید */
.widget_shopping_cart_content .woocommerce-mini-cart-item {
    border-bottom: 1px solid #f0f0f0; /* خط جداکننده محصولات */
    padding: 15px 25px;
    transition: background-color 0.3s;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item:hover {
    background-color: #fcfcfc; /* هایلایت ملایم در هاور */
}

/* نام محصول */
.woocommerce-mini-cart-item .woocommerce-loop-product__title {
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 1.5;
}

/* قیمت و تعداد محصول */
.woocommerce-mini-cart-item .quantity {
    font-size: 15px;
    color: #555555;
    font-weight: 500;
    margin-top: 5px;
}

.woocommerce-mini-cart-item .woocommerce-Price-amount {
    color: #ff5722; /* قیمت هر آیتم نارنجی */
    font-weight: 700;
}

/* دکمه حذف (X کوچک کنار محصول) */
.woocommerce-mini-cart-item .remove {
    color: #999 !important;
    transition: color 0.3s ease;
}
.woocommerce-mini-cart-item .remove:hover {
    color: #dc3545 !important; /* قرمز برای هشدار حذف */
}

/* 4. جمع کل (Subtotal) */
.cart-widget-side .woocommerce-mini-cart__total {
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 800;
    border-top: 2px solid #eeeeee;
    margin-top: 10px;
}

.cart-widget-side .woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-size: 22px;
    color: #1a1a1a; /* رنگ تیره برای مبلغ نهایی */
}

/* 5. دکمه‌های CTA نهایی (View Cart & Checkout) */
.cart-widget-side .woocommerce-mini-cart__buttons {
    padding: 10px 25px 25px 25px; /* پدینگ اطراف دکمه‌ها */
    display: flex;
    flex-direction: column; /* چیدمان دکمه‌ها زیر هم */
    gap: 15px; /* فاصله بین دو دکمه */
}

/* دکمه تسویه حساب (CTA اصلی - قرمز) */
.cart-widget-side .checkout {
    background-color: #dc3545 !important; /* قرمز قوی برای تسویه حساب */
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 12px 0 !important;
    transition: all 0.3s ease;
}
.cart-widget-side .checkout:hover {
    background-color: #c82333 !important;
    box-shadow: 0 4px 10px rgba(220, 53, 69, 0.4);
}

/* دکمه مشاهده سبد خرید (CTA ثانویه - آبی/لینک) */
.cart-widget-side .view-cart {
    background-color: transparent !important;
    color: #007bff !important; /* آبی برند */
    border: 2px solid #007bff !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 10px 0 !important;
    transition: all 0.3s ease;
}
.cart-widget-side .view-cart:hover {
    background-color: #007bff !important;
    color: #ffffff !important;
}
/* ========================================================= */
/* استایل‌های حرفه‌ای و تمیز برای کل ساختار هدر */
/* ========================================================= */

/* 1. نوار بالا (Top Bar) - whb-top-bar */
.whb-row.whb-top-bar {
    background-color: #f7fcfc !important; /* پس‌زمینه بسیار روشن و تمیز */
    border-bottom: 1px solid #eeeeee; /* خط جداکننده ظریف */
    padding: 8px 0; /* کاهش ارتفاع برای ظاهر شیک‌تر */
}

.whb-top-bar .wd-header-text {
    color: #555555; /* رنگ متن خاکستری ملایم */
    font-size: 13px;
    font-weight: 400;
}

.whb-top-bar .wd-header-text a {
    color: #555555;
    text-decoration: none;
    transition: color 0.3s ease;
}

.whb-top-bar .wd-header-text a:hover {
    color: #007bff; /* آبی برند برای لینک‌های نوار بالا */
}


/* 2. نوار اصلی هدر (General Header) - لوگو و جستجو */
.whb-row.whb-general-header {
    background-color: #ffffff; /* پس‌زمینه سفید خالص */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* سایه نرم برای جدا شدن از صفحه */
    padding: 15px 0;
}

/* باکس جستجو (Search Form) */
.wd-search-form.wd-header-search-form {
    border: 1px solid #e0e0e0;
    border-radius: 8px; /* گوشه‌های گرد برای باکس جستجو */
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.wd-search-form.wd-header-search-form:hover {
    border-color: #007bff; /* برجسته شدن در هاور */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
}

.wd-search-form input[type="text"] {
    border: none !important; /* حذف خط داخلی input */
    background: transparent !important;
}

.wd-search-form .searchsubmit {
    background-color: #007bff !important; /* دکمه جستجوی آبی */
    color: #ffffff !important;
    border-radius: 0 !important; /* حفظ حالت مستطیل چسبیده به باکس */
    font-weight: 700;
}
.wd-search-form .searchsubmit:hover {
    background-color: #004c99 !important;
}


/* 3. آیکون‌های ابزار (Tools Icons - حساب، علاقه مندی، سبد خرید) */
.wd-tools-element {
    transition: all 0.3s ease;
    border-radius: 8px;
    padding: 5px 8px;
}
.wd-tools-element:hover {
    background-color: #f7f7f7;
}

/* متن زیر آیکون‌ها (حساب کاربری من، علاقه مندی، مقایسه) */
.wd-tools-element .wd-tools-text {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

/* قیمت سبد خرید */
.wd-header-cart .wd-cart-subtotal {
    font-weight: 700;
    color: #28a745; /* سبز برای قیمت (هماهنگ با قیمت محصولات) */
}


/* 4. نوار ناوبری اصلی (Header Bottom) */
.whb-row.whb-header-bottom {
    background-color: #000;
    border-top: 1px solid #eeeeee;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    padding: 5px 0;
}

/* لینک‌های منو */
.wd-header-nav .woodmart-nav-link {
    font-size: 15px;
    font-weight: 600;
    color: #444444;
    transition: color 0.3s ease;
}

.wd-header-nav .woodmart-nav-link:hover, 
.wd-header-nav .current-menu-item .woodmart-nav-link {
    color: #007bff; /* آبی برند برای آیتم‌های فعال و هاور */
}
/* ========================================================= */
/* A. استایل‌های عمومی محصول (Soft UI & Unified CTA) */
/* ========================================================= */

.wd-product {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Soft Shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.wd-product:hover {
    transform: translateY(-4px); /* حرکت رو به بالا */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.wd-product .product-image-link img {
    border-radius: 10px 10px 0 0;
}

/* دکمه افزودن به سبد خرید (CTA نارنجی - در تمامی صفحات) */
.wd-add-btn-replace a.add-to-cart-loop {
    background-color: #ff5722 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    width: 100%;
    transition: background-color 0.3s ease, transform 0.1s ease;
}

.wd-add-btn-replace a.add-to-cart-loop:hover {
    background-color: #e64a19 !important;
    transform: translateY(-1px);
}

.wd-product .wd-entities-title a {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}
.wd-product .price {
    color: #28a745; /* رنگ سبز برای قیمت */
    font-size: 18px;
    font-weight: 700;
}
.wd-product .wd-buttons.wd-pos-r-t {
    display: none; /* حذف دکمه‌های اضافی */
}
/* ========================================================= */
/* B. استایل‌های تیترهای صفحه اصلی (گرادینت‌ها) */
/* ========================================================= */

/* تیتر: بخش تخفیفات (نارنجی - elementor-element-59ffd1e) */
.elementor-element-59ffd1e .wd-tabs-header {
    background: linear-gradient(to right, #ff9900, #ff6600) !important;
    text-align: center !important;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 6px 15px rgba(255, 102, 0, 0.4);
    padding: 20px 0;
    margin-bottom: 25px;
}

.elementor-element-59ffd1e .tabs-name.title .tabs-text {
    color: #ffffff;
    font-size: 28px;
    font-weight: 900;
    border-bottom: 3px solid #ffffff;
    padding-bottom: 8px;
    display: inline-block;
}

/* تیتر: بخش محصولات جدید (آبی - elementor-element-e0df13d) */
.elementor-element-e0df13d .wd-tabs-header {
    background: linear-gradient(to right, #007bff, #004c99) !important;
    text-align: center !important;
    border-radius: 12px 12px 0 0;
    padding: 20px 0;
    margin-bottom: 25px;
    box-shadow: 0 6px 15px rgba(0, 123, 255, 0.4);
}

.elementor-element-e0df13d .wd-tabs-header .tabs-name.title .tabs-text {
    color: #ffffff;
    font-size: 24px; 
    font-weight: 800;
    border-bottom: 3px solid #000; 
    padding-bottom: 8px;
    display: inline-block;
}
/* ========================================================= */
/* C. استایل بخش دسته‌بندی محصولات */
/* ========================================================= */

/* تیتر دسته‌بندی محصولات (راست‌چین و سبز) */
.elementor-element-985aab5 .title-wrapper {
    background: linear-gradient(to right, #f7fcf9, #e6f1e6) !important;
    border-radius: 12px 12px 0 0;
    padding: 15px 30px;
    box-shadow: 0 2px 5px rgba(27, 94, 32, 0.1);
    display: block;
    width: 100%;
    margin-bottom: 0 !important;
}

.elementor-element-985aab5 .woodmart-title-container.title {
    font-weight: 800;
    font-size: 24px;
    color: #1b5e20;
    text-align: right;
    border-bottom: 3px solid #000;
    display: inline-block;
    padding-bottom: 5px;
    margin: 0;
}
.elementor-element-985aab5 .liner-continer {
    text-align: right !important;
}

/* کارت‌های دسته‌بندی (Deep Rounded Soft UI) */
.elementor-element-9e00dd6 .elementor-col-25 {
    padding: 15px; 
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.elementor-element-9e00dd6 .elementor-widget-wrap {
    background-color: #ffffff;
    border-radius: 30px; /* گوشه‌های گرد عمیق */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); 
    overflow: hidden; 
}
.elementor-element-9e00dd6 .elementor-col-25:hover {
    transform: translateY(-5px); 
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.elementor-element-9e00dd6 .elementor-widget-image {
    padding: 20px; 
}
.elementor-element-9e00dd6 .elementor-widget-image img {
    border-radius: 20px; 
}
.elementor-element-9e00dd6 .elementor-widget-text-editor p strong {
    font-size: 20px;
    font-weight: 800;
    color: #1c1c1c;
}
/* ========================================================= */
/* D. استایل‌های ناوبری و فیلترها در صفحه فروشگاه */
/* ========================================================= */

/* عنوان صفحه فروشگاه */
.wd-page-title.page-title-default {
    background-color: #f8fcfc !important; 
    border-bottom: 2px solid #e9e9e9; 
    padding-top: 40px; 
    padding-bottom: 30px;
    margin-bottom: 30px; 
}

/* Breadcrumbs و ابزارهای ناوبری */
.shop-loop-head {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.wd-shop-tools .wd-breadcrumbs {
    font-size: 14px;
    color: #888888;
}
.wd-shop-tools .wd-breadcrumbs a {
    color: #007bff;
}

/* سایدبار فیلترها */
.wd-sidebar.sidebar-container {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.wd-sidebar .widget-title {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 800;
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* دکمه فیلتر قیمت */
.widget_price_filter .price_slider_amount .button {
    background-color: #007bff;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 700;
}


/* --------------------------------------------------------- */
/* 4. تب‌های توضیحات (تبدیل به آکاردئون مدرن) */
/* --------------------------------------------------------- */

.product-tabs-wrapper {
    margin-top: 60px;
}

/* کانتینر اصلی تب/آکاردئون */
.woocommerce-tabs.tabs-layout-tabs {
    border-radius: 20px; 
    background-color: #ffffff;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); /* سایه برای کل باکس تب */
    padding: 0; /* حذف پدینگ خارجی */
}

/* پنهان کردن نوار تب‌های کلاسیک برای استفاده از آکاردئون */
.wd-nav-tabs-wrapper {
    display: none; 
}

/* استایل آیتم آکاردئون (برای توضیحات/نظرات) */
.wd-accordion-title {
    padding: 20px 25px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    transition: background-color 0.3s;
}
.wd-accordion-title:hover {
    background-color: #fcfcfc;
}

/* استایل محتوای داخل تب‌ها */
.wc-tab-inner {
    padding: 30px 25px;
    line-height: 2.0; /* خوانایی فوق‌العاده */
    font-size: 16px;
    color: #444;
}

/* لیست‌های چک‌مارک سبز در توضیحات */
.wc-tab-inner ul li {
    list-style: none;
    padding-right: 30px;
    margin-bottom: 10px;
    position: relative;
}
.wc-tab-inner ul li:before {
    content: "✓";
    color: #28a745; /* تیک سبز برای مزایا */
    font-weight: 800;
    position: absolute;
    right: 0;
}


/* --------------------------------------------------------- */
/* 5. محصولات مرتبط (Related Products) */
/* --------------------------------------------------------- */

.related-products {
    margin-top: 80px;
}
.related-products .wd-el-title {
    font-size: 30px;
    font-weight: 900;
    color: #1a1a1a;
    text-align: right;
    border-bottom: 3px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

/* کارت‌های Carousel محصولات مرتبط همان استایل‌های عمومی A را می‌گیرند */

/* ========================================================= */
/* استایل حرفه‌ای و تمیز برای صفحه سبد خرید (Cart Page) */
/* ========================================================= */

/* --------------------------------------------------------- */
/* 1. استایل کلی صفحه و مسیر خرید (Checkout Steps) */
/* --------------------------------------------------------- */

.wd-page-content.main-page-wrapper {
    background-color: #f7f7f7; /* پس‌زمینه ملایم برای تمایز */
}

/* باکس مراحل پرداخت (Cart Steps) */
.wd-checkout-steps {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Soft Shadow */
}

/* آیتم فعال در مراحل پرداخت */
.wd-checkout-steps .step-active span {
    color: #007bff; /* آبی برند */
    font-weight: 800;
}
.wd-checkout-steps li {
    font-size: 14px;
    color: #888888;
}

/* --------------------------------------------------------- */
/* 2. جدول محصولات (Product Table) */
/* --------------------------------------------------------- */

/* 1. بک‌گراند و گوشه‌های گرد برای کانتینر جدول */
.woocommerce-cart-form {
    background-color: #ffffff; /* اطمینان از بک‌گراند سفید برای کل باکس */
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden; 
    margin-bottom: 30px;
}

/* 2. اعمال فاصله داخلی (Padding) به همه سلول‌های محتوایی */
.shop_table.cart tbody td {
    padding-left: 10px !important; /* افزایش فاصله چپ */
    padding-right: 10px !important; /* افزایش فاصله راست */
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    vertical-align: middle;
}

/* 3. سربرگ جدول (Columns Headers) */
.shop_table.cart thead th {
    background-color: #f8f8f8 !important; 
    font-weight: 800;
    font-size: 15px;
    padding-left: 10px !important; /* اعمال padding برای هدرها */
    padding-right: 10px !important;
}

/* 4. ردیف‌های محصول (برای جداسازی بهتر) */
.woocommerce-cart-form__cart-item.cart_item {
    transition: background-color 0.3s;
}

.woocommerce-cart-form__cart-item.cart_item:nth-child(even) {
    background-color: #fcfcfc; /* یک بک‌گراند بسیار ملایم برای ردیف‌های زوج */
}

/* 5. دکمه اعمال کد تخفیف */
.wd-coupon-form button[name="apply_coupon"] {
    background-color: #dc3545 !important; /* قرمز قوی */
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    transition: background-color 0.3s;
}

.wd-coupon-form button[name="apply_coupon"]:hover {
    background-color: #c82333 !important;
}
/* --------------------------------------------------------- */
/* 3. باکس مجموع سبد خرید (Cart Totals) و CTA نهایی */
/* --------------------------------------------------------- */

.cart_totals {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* برجسته کردن باکس مجموع */
    margin-bottom: 40px;
}

.cart_totals h2 {
    font-size: 24px;
    font-weight: 900;
    color: #1a1a1a;
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* ردیف‌های مجموع و جمع جزء */
.cart_totals table th, .cart_totals table td {
    border-top: none !important;
    padding: 8px 0;
}

.cart-subtotal th, .order-total th {
    font-weight: 600;
    color: #555;
}

/* مبلغ نهایی (Total Amount) */
.order-total .woocommerce-Price-amount {
    font-size: 26px;
    font-weight: 900;
    color: #1a1a1a;
}

/* دکمه نهایی "ادامه جهت تسویه حساب" */
.wc-proceed-to-checkout a.checkout-button {
    background-color: #007bff; /* CTA اصلی آبی برند */
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    padding: 12px 0 !important;
    transition: all 0.3s ease;
}

.wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #004c99 !important;
    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
}

/* --------------------------------------------------------- */
/* 4. بخش کوپن و بروزرسانی سبد خرید */
/* --------------------------------------------------------- */

.wd-cart-action-row .cart-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.wd-coupon-form {
    display: flex;
    align-items: center;
}

.wd-coupon-form input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 12px;
    margin-left: 10px;
    width: 200px;
    transition: border-color 0.3s;
}
.wd-coupon-form input[type="text"]:focus {
    border-color: #007bff;
}

.wd-coupon-form button, .cart-actions button[name="update_cart"] {
    background-color: #4CAF50; /* سبز ملایم برای بروزرسانی و کوپن */
    color: #ffffff;
    border-radius: 8px;
    font-weight: 700;
    padding: 10px 20px;
    transition: background-color 0.3s;
}
.wd-coupon-form button:hover, .cart-actions button[name="update_cart"]:hover {
    background-color: #388e3c;
}
/* ========================================================= */
/* 1. استایل کلی صفحه و مراحل پرداخت (Checkout Steps) */
/* ========================================================= */

.wd-page-content.main-page-wrapper {
    background-color: #f7f7f7; /* پس‌زمینه ملایم */
}

/* مراحل پرداخت */
.wd-checkout-steps {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.wd-checkout-steps li {
    font-size: 14px;
    color: #888888;
}
.wd-checkout-steps li.step-active a span {
    color: #007bff; /* آبی برند برای مرحله فعال */
    font-weight: 800;
}

/* عنوان‌های اصلی بخش‌ها */
.woocommerce-billing-fields h3, 
#order_review_heading,
.woocommerce-additional-fields h3 {
    font-size: 24px;
    font-weight: 900;
    color: #1a1a1a;
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
/* ========================================================= */
/* 1. استایل بخش تأییدیه (Thank You / Order Received) */
/* ========================================================= */

.wd-page-content.main-page-wrapper {
    background-color: #f7f7f7; /* پس‌زمینه ملایم */
}

/* باکس اصلی محتوا (برای اعمال Soft UI) */
.woocommerce-order {
    background-color: #ffffff;
    border-radius: 16px; 
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* سایه نرم و القای لوکس */
    margin-top: 40px;
    margin-bottom: 40px;
}

/* پیام "متشکریم، سفارش شما دریافت شد" */
.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background-color: #e6f1e6 !important; /* سبز بسیار ملایم (از پالت شما) */
    color: #1b5e20 !important; /* سبز تیره برای خوانایی */
    border-top-color: #4CAF50 !important; /* خط بالای سبز قوی */
    border-radius: 10px;
    font-size: 20px;
    font-weight: 800;
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
}

/* لیست جزئیات سفارش (شماره سفارش، تاریخ، ایمیل، روش پرداخت) */
.woocommerce-order-overview {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}

.woocommerce-order-overview li {
    flex: 0 0 50%; /* تقسیم به دو ستون */
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #555555;
}
.woocommerce-order-overview li strong {
    color: #1a1a1a;
    font-weight: 700;
}

/* برجسته سازی قیمت نهایی */
.woocommerce-order-overview__total.total strong .woocommerce-Price-amount {
    color: #007bff; /* قیمت نهایی با رنگ برند (آبی) */
    font-size: 20px;
    font-weight: 900;
}
/* ========================================================= */
/* 1. استایل کلی منوی موبایل (Off-Canvas Menu) */
/* ========================================================= */

/* کانتینر منو */
.mobile-nav {
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding-top: 15px; /* فاصله از بالای صفحه برای محتوا */
}

/* باکس جستجوی محصولات در منو */
.mobile-nav .wd-search-form {
    padding: 10px 20px 20px 20px;
    border-bottom: 2px solid #eeeeee; /* جدا کننده قوی‌تر */
    margin-bottom: 10px;
}

.mobile-nav .wd-search-form .searchform {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.mobile-nav .wd-search-form .searchsubmit {
    background-color: #007bff; /* آبی برند برای دکمه جستجو */
    color: #ffffff;
}

.mobile-nav .wd-search-form .searchsubmit:hover {
    background-color: #004c99;
}

/* --------------------------------------------------------- */
/* 2. استایل لینک‌های منو (Menu Items) */
/* --------------------------------------------------------- */

/* لیست اصلی آیتم‌های منو */
.mobile-nav .mobile-pages-menu {
    padding: 0 20px;
}

/* استایل هر آیتم (لینک) */
.mobile-nav .mobile-pages-menu li {
    border-bottom: 1px dashed #f0f0f0; /* خط چین ظریف برای جداسازی تمیز */
    padding: 12px 0; /* افزایش فضای عمودی برای خوانایی بهتر */
    line-height: 1.5;
}
.mobile-nav .mobile-pages-menu li:last-child {
    border-bottom: none;
}

/* متن لینک‌ها */
.mobile-nav .woodmart-nav-link,
.mobile-nav .mobile-pages-menu .nav-link-text {
    font-size: 16px;
    font-weight: 600; /* پررنگ‌تر */
    color: #333333;
    transition: color 0.2s ease;
    padding-right: 10px; /* فاصله از گوشه راست */
}

/* آیتم‌های خاص (مثل نام برند در بالای منو) */
.mobile-nav .mobile-pages-menu li:first-child a .nav-link-text {
    font-size: 18px;
    font-weight: 900;
    color: #007bff; /* برجسته سازی نام شرکت */
}

/* استایل هاور و آیتم فعال */
.mobile-nav .mobile-pages-menu li:hover .woodmart-nav-link,
.mobile-nav .mobile-pages-menu li.current-menu-item .woodmart-nav-link {
    color: #ff5722; /* رنگ نارنجی CTA برای جلب توجه در هاور و آیتم فعال */
}

/* --------------------------------------------------------- */
/* 3. استایل آیکون‌ها و لوگو */
/* --------------------------------------------------------- */

/* آیکون‌های کنار لینک‌ها (ورود/علاقه مندی) */
.mobile-nav .menu-item.wd-with-icon a:before {
    font-size: 18px;
    vertical-align: middle;
    margin-left: 10px;
    color: #007bff; /* آبی برند برای آیکون‌ها */
}