:root {
	--wd-text-font: "IRANSans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 13px;
	--wd-title-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "peyda", Arial, Helvetica, sans-serif;
	--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: "peyda", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(119,119,119);
	--wd-widget-title-font-size: 13px;
	--wd-header-el-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 12px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(5,5,5);
	--wd-alternative-color: #FFD700;
	--btn-default-bgcolor: rgb(0,67,156);
	--btn-default-bgcolor-hover: rgb(15,0,155);
	--btn-accented-bgcolor: rgb(0,67,156);
	--btn-accented-bgcolor-hover: rgb(21,0,158);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(0,67,156);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(255,215,0);
	--wd-link-color-hover: rgb(234,222,0);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 1000px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(5,5,5);
	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;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,5,5);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,5,5);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,5,5);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,5,5);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,5,5);
	background-image: none;
}
.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: 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;
}


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

.wd-page-title {
background-color: rgb(5,5,5);
}

@font-face {
	font-family: "peyda";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "sarbaz";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "IRANSans";
	font-weight: 400;
	font-style: normal;
}

/* 
 * استایل تصویر بنرهای تبلیغاتی:
 * - گرد کردن گوشه‌های تصویر
 * - افزودن سایه سفید بسیار ملایم
 * - نرم شدن تغییرات سایه در حالت‌های Hover یا تغییر استایل
 */
.bannercustom .promo-banner .banner-image img {
    border-radius: 20px;
    box-shadow: 0 0 5px rgb(255 255 255 / 10%);
    transition: box-shadow .5s ease;
}

/* 
 * کادر/پس‌زمینه‌ی محتوای بنر:
 * - گوشه‌های گرد
 * - حاشیه‌ی نیمه‌شفاف سفید
 */
.bannercustom .banner-background .wrapper-content-banner {
    border-radius: 20px;
    border: 3px solid rgb(255 255 255 / 42%);
}

/* 
 * تنظیم جهت تایمر قالب روی چپ به راست (LTR)
 * مناسب برای نمایش صحیح اعداد تایمر شمارش معکوس
 */
.wd-timer {
    direction: ltr;
}

/* 
 * تنظیم تایمر شمارش معکوس در صفحه محصول:
 * - اعداد تایمر LTR باشند
 * - خود تایمر در سمت راست قرار بگیرد
 */
.product-image-summary .wd-product-countdown {
    direction: ltr;
    text-align: right;
}

/* 
 * سفید کردن رنگ لینک‌های زیرمنوی فوتر شرکتی
 */
.footer-corporate .wd-sub-menu li a {
    color: white;
}

/* 
 * گرد کردن گوشه‌های تصاویر و لایه Hover نمونه‌کارها / پورتفولیو
 */
.portfolio-entry .entry-thumbnail img,
.portfolio-hover .portfolio-thumbnail:after,
.portfolio-entry .entry-thumbnail {
    border-radius: 15px !important;
}

/* 
 * ایجاد خط تزئینی طلایی در سمت راست عنوان اسلایدر هدر.
 * از pseudo-element ::before استفاده شده است.
 */
.headerslider .woodmart-title-container:before {
    content: "";
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 1px;
    right: 34%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffd700), color-stop(35%, #ffd700), color-stop(65%, #ffd700), to(transparent));
    background: -webkit-linear-gradient(left, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
    background: -o-linear-gradient(left, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
    background: linear-gradient(to right, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
}

/* 
 * ایجاد خط تزئینی طلایی در سمت چپ عنوان اسلایدر هدر.
 * این خط قرینه‌ی خط سمت راست است.
 */
.headerslider .woodmart-title-container:after {
    content: "";
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 1px;
    left: 34%;
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #ffd700), color-stop(35%, #ffd700), color-stop(65%, #ffd700), to(transparent));
    background: -webkit-linear-gradient(right, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
    background: -o-linear-gradient(right, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
    background: linear-gradient(to left, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
}

/* 
 * ایجاد گرادینت تیره در پایین سکشن ویدئوی هدر.
 * باعث می‌شود پایین ویدئو به رنگ تیره محو شود و نوشته‌ها خواناتر باشند.
 *
 * نکته: نام کلاس ".hadervideo" را بررسی کنید؛
 * شاید منظور شما ".headervideo" بوده باشد.
 */
.hadervideo:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#181818), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, #181818, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, #181818, rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, #181818, rgba(0, 0, 0, 0));
    z-index: 1;
}

/* 
 * ایجاد همان گرادینت تیره در پایین یک سکشن مشخص از المنتور.
 * شناسه elementor-element-941ee2b مخصوص همان المان در برگه با ID=57 است.
 */
.elementor-57 .elementor-element.elementor-element-941ee2b:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#181818), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, #181818, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, #181818, rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, #181818, rgba(0, 0, 0, 0));
    z-index: 1;
}

/* 
 * ایجاد خط طلایی تزئینی کنار تیترهای دارای کلاس headingtext.
 * این خط با pseudo-element ::before ساخته شده و وسط ارتفاع تیتر قرار می‌گیرد.
 */
.headingtext h2:before {
    margin-right: 0;
    right: 0;
    content: "";
    position: absolute;
    width: 45px;
    height: 1.5px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffd700), color-stop(35%, #ffd700), color-stop(65%, #ffd700), to(transparent));
    background: -webkit-linear-gradient(left, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
    background: -o-linear-gradient(left, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
    background: linear-gradient(to right, #ffd700 0, #ffd700 35%, #ffd700 65%, transparent 100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 
 * طراحی کارت‌های نظرات / نمونه‌کارها:
 * - فاصله داخلی
 * - پس‌زمینه سفید
 * - گوشه‌های گرد
 * - سایه ملایم
 * - خط زرد در پایین کارت
 */
.portfoliocustom .testimon-style-boxed .testimonial-inner {
    padding: 30px;
    background-color: var(--bgcolor-white);
    border-radius: 11px;
    box-shadow: 0 0 5px rgb(255 255 255 / 10%);
    transition: box-shadow .5s ease;
    border-bottom: 1px solid yellow;
}

/* 
 * کوچک و سبک‌تر کردن متن دکمه‌های مشخص‌شده:
 * شامل دکمه‌های سفید کادری و دکمه‌های تیره با آیکن سمت راست
 */
a.btn.btn-color-white.btn-style-bordered.btn-shape-round.btn-size-small,
a.btn.btn-scheme-dark.btn-scheme-hover-dark.btn-style-default.btn-shape-round.btn-size-small.btn-icon-pos-right {
    font-size: 10px;
    font-weight: 400;
}

/* 
 * تنظیمات مخصوص موبایل و تبلت‌های کوچک
 */
@media screen and (max-width: 768px) {

    /* نزدیک کردن خط تزئینی سمت راست عنوان اسلایدر به لبه در موبایل */
    .headerslider .woodmart-title-container:before {
        right: 3%;
    }

    /* نزدیک کردن خط تزئینی سمت چپ عنوان اسلایدر به لبه در موبایل */
    .headerslider .woodmart-title-container:after {
        left: 3%;
    }

    /* تیره کردن پس‌زمینه بخش محتوای حساب کاربری ووکامرس در موبایل */
    .woocommerce-MyAccount-content {
        background-color: #212121 !important;
    }
}

/* 
 * طراحی باکس خلاصه محصول در صفحه تکی محصول:
 * - پس‌زمینه تیره
 * - فاصله داخلی
 * - گوشه‌های گرد
 * - سایه‌های داخلی و خارجی برای ظاهر برجسته / لوکس
 */
.single-product-page .product-image-summary-wrap {
    background-color: #141414;
    padding: 18px;
    border-radius: 5px;
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.08),
        inset 0 -1px 2px rgba(0, 0, 0, 0.5),
        0 12px 24px -3px rgba(0, 0, 0, 0.65),
        0 15px 55px -25px rgba(0, 0, 0, 0.95) !important;
}

/* 
 * طراحی کادر مسیر راهنما (Breadcrumb) در صفحه تکی محصول:
 * این قانون هم برای Breadcrumb ووکامرس و هم Yoast SEO اعمال می‌شود.
 */
.single-breadcrumbs-wrapper .woocommerce-breadcrumb,
.single-breadcrumbs-wrapper .yoast-breadcrumb {
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #141414;
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.08),
        inset 0 -1px 2px rgba(0, 0, 0, 0.5),
        0 12px 24px -3px rgba(0, 0, 0, 0.65),
        0 15px 55px -25px rgba(0, 0, 0, 0.95) !important;
}