:root {
	--wd-text-font: iranyekanwebregular;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: iranyekanwebregular;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: iranyekanwebregular;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: iranyekanwebregular;
	--wd-widget-title-font: iranyekanwebregular;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: iranyekanwebregular;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(39,37,73);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(39,37,73);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(255,166,42);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1300px;
--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: 12px;
}

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


.wd-page-title {
background-color: rgba(247,247,247,0);
}

/* درخشندگی برند توی هدر سایت */

.site-name {
	border: 2px #FFD700 solid;
	border-radius: 50px;
	padding-top: 4px;
	padding-bottom: 0px;
	box-shadow: 0px 1px 0px 0px #FFD700;
	padding: 3px;
}
/* انحنای  کلی هدر */
.whb-main-header {
 background: #272549 !important;
 border-radius: 0px 0px 42px 42px;
}
/* انحنای نوار بالا*/
.whb-top-bar {
    border-radius: 0px 0px 50px 50px;
}
/* استایل ایکون سرچ هدر */
button.searchsubmit {
background: linear-gradient(358deg, #ff9828 36%, #ffae2c 87%);
    border-radius: 25px;
    color: #FFFFFF !important;
    box-shadow: 0 5px 10px #fbae004d !important;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
}
input.s {
    border-radius: 50px !important;
}
/*ایکون تماس با ماهدر*/
.box-icon-align-right {
    color: white;
    margin-top: 12px;
}
/*کد شماره تماس بالای هدر */
.box-icon-align-right {
    margin-top: 2px;
}
/* تغییر رنگ دکمه اقدام به پرداخت و سایر دکمه‌های اصلی */
.woocommerce button.button, 
.woocommerce #respond input#submit, 
.woocommerce a.button {
    background-color: #ff9a28 !important; /* رنگ طلایی */
    color: #ffffff !important;
}

/* تغییر رنگ دکمه در حالت هاور (وقتی موس روی آن است) */
.woocommerce button.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover {
    background-color:#ff9a28 !important; /* رنگ طلایی تیره‌تر */
}

}

/* تغییر رنگ متن‌های تأکیدی سبز به طلایی */
.woocommerce .cart-subtotal .amount, 
.woocommerce .order-total .amount {
    color: #ff9a28 !important;
}
/* افزودن سایه و گرد کردن گوشه‌ها به باکس سبد خرید */
.woocommerce .cart_totals, .woocommerce-cart-form {
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    padding: 20px !important;
    background-color: #f9f9f9 !important;
}

/* افکت ملایم برای دکمه‌ها */
.button {
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(212, 175, 55, 0.3) !important;
}





   

/* ایجاد تاخیر برای اینکه محصولات یکی یکی بیان بالا */
.woocommerce ul.products li.product:nth-child(1) { animation-delay: 0.1s; }
.woocommerce ul.products li.product:nth-child(2) { animation-delay: 0.2s; }
.woocommerce ul.products li.product:nth-child(3) { animation-delay: 0.3s; }
.woocommerce ul.products li.product:nth-child(4) { animation-delay: 0.4s; }

/* ۴. گرد کردن لبه‌های کارت محصول (اگر قبلاً اعمال نشده) */
.product, .product-grid-item, .product-grid-item-inner {
    border-radius: 20px !important;
    overflow: hidden !important;
}
/* ۱. اضافه کردن حاشیه (Border) به کارت محصول */
/* من از انتخابگرهای خیلی قوی استفاده کردم تا حتماً حاشیه رو نشون بده */
.product, 
.product-grid-item, 
.product-grid-item-inner,
.woocommerce ul.products li.product {
    border: 1px solid #e0e0e0 !important; /* حاشیه خاکستری روشن */
    border-radius: 20px !important; /* لبه‌های گرد */
    overflow: hidden !important;
    display: block !important;
}

/* ۲. اصلاح فیلتر قیمت (فقط تغییر رنگ خط به زرد) */
/* تنظیمات اندازه رو به حالت اول برگردوندم و فقط رنگ رو زرد کردم */
.woocommerce-widget-layered-nav .price_slider .ui-slider-range,
.woocommerce-widget-layered-nav .price_slider .ui-slider-track,
.price_slider .ui-slider-range,
.price_slider .ui-slider-track {
    background-color: #FFD700 !important; /* فقط رنگ خط زرد شد */
    border: none !important;
}

/* ۳. تغییر رنگ قیمت محصولات به مشکی کمرنگ */
.price, 
.amount, 
.woocommerce ul.products li.product .price {
    color:#FFA62A !important;
}

/* ۴. انیمیشن ورود محصولات */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.woocommerce ul.products li.product {
    animation: fadeInUp 0.6s ease-out backwards !important;
}
/* ۱. هماهنگ کردن گوشه‌های گرد (Radius) باکس شماره موبایل با رمز عبور */
input[type="text"].woocommerce-Input.woocommerce-Input--text {
    border-radius: 15px !important; /* مقداری مشابه باکس رمز عبور شما */
}

/* ۲. اصلاح دکمه ورود با کد یکبار مصرف (حذف رنگ نارنجی، گرد کردن گوشه‌ها و هماهنگی رنگ با دکمه ورود اصلی) */
.loginViaContainer button, 
div[class*="loginViaContainer"] button,
.loginViaContainer input[type="submit"] {
    background-color: #4b567d !important; /* رنگ سرمه‌ای دکمه ورود اصلی شما */
    border-radius: 25px !important;       /* گردی گوشه‌ها شبیه دکمه اصلی */
    color: #ffffff !important;
    transition: background-color 0.3s ease;
}

/* هاور دکمه ورود با کد یکبار مصرف */
.loginViaContainer button:hover,
div[class*="loginViaContainer"] button:hover {
    background-color: #3a4363 !important; /* رنگ تیره تر هنگام هاور */
}

/* ۳. اصلاح دکمه ایجاد حساب کاربری (حذف خط زیر متن، همرنگ شدن و گرد شدن گوشه‌ها) */
a.btn.create-account-button {
    display: inline-block;
    background-color: #4b567d !important; /* همرنگ دکمه ورود */
    color: #ffffff !important;
    border-radius: 25px !important;       /* گوشه‌های گرد */
    padding: 10px 20px !important;        /* فاصله داخلی برای شکل گرفتن دکمه */
    text-decoration: none !important;     /* حذف خط زیرین متن */
    text-align: center;
    transition: background-color 0.3s ease;
}

/* هاور دکمه ایجاد حساب کاربری */
a.btn.create-account-button:hover {
    background-color: #3a4363 !important;
    color: #ffffff !important;
}