@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tuning-monster.com/wp-content/themes/woodmart/fonts/woodmart-font-2-700.woff2?v=8.3.4") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: IRansansX;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(53,53,53);
	--wd-text-font-size: 14px;
	--wd-title-font: IRansansX;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: IRansansX;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(0, 201, 0);
	--wd-alternative-font: IRansansX;
	--wd-widget-title-font: IRansansX;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 13px;
	--wd-header-el-font: IRansansX;
	--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(6,196,0);
	--wd-alternative-color: rgb(252,53,53);
	--btn-default-font-family: IRansansX;
	--btn-default-bgcolor: #06c400;
	--btn-default-bgcolor-hover: rgb(0,0,0);
	--btn-accented-font-family: IRansansX;
	--btn-accented-font-weight: 600;
	--btn-accented-bgcolor: rgb(6,196,0);
	--btn-accented-bgcolor-hover: rgb(12,6,0);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #06c400;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(239,55,55);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(7,7,7);
	--wd-link-color-hover: rgb(6,196,0);
	--wd-sticky-btn-height: 95px;
}
.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: rgb(17,17,17);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	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: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(76,76,76);
	--wd-form-brd-color: rgb(119,119,119);
	--wd-form-brd-color-focus: rgb(6,196,0);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(0,201,0);
	--wd-arrow-color-hover: rgb(17,17,17);
	--wd-arrow-color-dis: rgb(206,206,206);
}
.product-labels .product-label.onsale {
	background-color: rgb(249,0,0);
}
.product-labels .product-label.new {
	background-color: rgb(4,196,3);
}
.product-labels .product-label.featured {
	background-color: rgb(102,52,229);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(0,0,0);
	color: rgb(255,58,58);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgba(140,140,140,0.78);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--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-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
--wd-cat-brd-radius: 12px;
}



.wd-page-title {
background-color: #0a0a0a;
}

/**
 * @snippet      Changing the appearance of WooCommerce product sorting style
 * @how-to        Get ostadno.com FREE
 * @author        Masoud Aroodipoor

.custom-sorting-buttons {
    display: flex;
    flex-wrap: wrap; /* برای موبایل */
    justify-content: flex-start; /* چیدمان از چپ */
    gap: 12px; /* فاصله بین دکمه‌ها */
    margin-bottom: 10px;
}

.custom-sorting-buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 5px;
    flex-wrap: wrap; /* اضافه شده برای موبایل */
}

.custom-sorting-buttons .sorting-button {
    background-color: white;
    color: black;
    padding: 10px 16px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    flex: 1; /* دکمه‌ها فضای مساوی دریافت می‌کنند */
    white-space: nowrap; /* از شکستن متن جلوگیری می‌کند */
	  FONT-WEIGHT: 700;
	  box-shadow: 0px 0px 0px 2px #04c403;
}

.custom-sorting-buttons .sorting-button:hover {
    background-color: #04c403;
    color: white;
}

.custom-sorting-buttons .sorting-button:active {
    background-color: #04c403;
    color: white;
}

/* بهینه‌سازی برای موبایل */
@media (max-width: 768px) {
    .custom-sorting-buttons {
        justify-content: center; /* دکمه‌ها وسط‌چین شوند */
        gap: 10px;
    }

    .custom-sorting-buttons .sorting-button {
        font-size: 11px;
        padding: 7px 10px;
        font-weight: 600;
        box-shadow: 0px 0px 0px 1px #04c403;
        flex: 1 1 45%; /* دو دکمه در هر ردیف */
    }
}

/* حالت خیلی کوچک (مثلاً موبایل‌های کوچک) */
@media (max-width: 480px) {
    .custom-sorting-buttons .sorting-button {
        flex: 1 1 100%; /* هر دکمه در یک ردیف */
			  padding: 7px 7px;
			  gap: 10px;
    }
}
/* ostadno.com */
.woocommerce-form-coupon {
    display: inline-flex !important;
    flex-direction: row-reverse;
}
.woocommerce-form-coupon-toggle {
  display: none;
}
.woocommerce-form-coupon, .woocommerce-form-login.hidden-form {
    position: relative;
    margin-bottom: 25px;
    padding: 8px;
    max-width: 360px;
    border: 0px solid rgb(0 0 0 / 0%);
    text-align: center;
    padding-bottom: -5px;
}
.beban-tracking-link a {
    color: #19bfd3;
    font-size: 15px;
    text-decoration: none;
    display: flex;
    font-weight: 700;
    background-color: #1d1a1d;
    border: 1px solid #000000;
    border-radius: 12px;
    justify-content: center;
    align-content: space-between;
    flex-direction: row-reverse;
    width: 315px;
}

.beban-tracking-code {
    font-size: 16px;
    color: #04c403;
    margin: 10px 0 0;
    border: 1px solid #000000;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #101110fc;
    FONT-WEIGHT: 700;
    width: 523px;
}
.beban-tooltip {
            display: inline-block;
            background: #19bfd3;
            color: white;
	          border: 1px solid #000000;
            padding: 2px 6px;
            border-radius: 8px;
            font-size: 12px;
            margin-right: 6px;
            vertical-align: middle;
            opacity: 1;
            transition: opacity 0.3s ease;
        }
        .beban-tooltip.error {
            background: #d32f2f;
        }
        .beban-tooltip.fade-out {
            opacity: 0;
        }
        @media (max-width: 768px) {
            .beban-tracking-box {
                padding: 10px;
            }
            .beban-tracking-text,
            .beban-tracking-link a,
            .beban-tracking-code {
                font-size: 13px;
						    font-weight: 700;
						   	color: #04c403;
            }
			.beban-tooltip {
                font-size: 11px;
                padding: 2px 5px;
                margin-right: 4px;
				        font-weight: 700;
            }
        }
        @media (max-width: 768px) {
.rtl .woocommerce-MyAccount-content {
    float: left;
    width: 100%;
}
				@media (max-width: 370px) {
.rtl .woocommerce-MyAccount-content {
    float: left;
    width: 100%;
}@media (max-width: 576px) {
	.aligncenter {
    display: contents;
}
}

