.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://dragonix.ir/wp-content/uploads/2021/08/promo-popup-2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.header-banner{
	background-color:#090E19;
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#050B16;
	background-image: none;
}

:root{
--wd-text-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Vazirmatn", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(122,60,255);
}
:root{
--wd-alternative-color:rgb(16,198,222);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
.page .main-page-wrapper{
	background-color:rgb(6,11,20);
	background-image: none;
}

.woodmart-archive-shop .main-page-wrapper{
	background-color:rgb(6,11,20);
	background-image: none;
}

.single-product .main-page-wrapper{
	background-color:rgb(6,11,20);
	background-image: none;
}

.woodmart-archive-blog .main-page-wrapper{
	background-color:rgb(6,11,20);
	background-image: none;
}

.single-post .main-page-wrapper{
	background-color:rgb(6,11,20);
	background-image: none;
}

.woodmart-archive-portfolio .main-page-wrapper{
	background-color:rgb(6,11,20);
	background-image: none;
}

.single-portfolio .main-page-wrapper{
	background-color:rgb(6,11,20);
	background-image: none;
}

:root{
--btn-default-bgcolor:rgb(247,247,247);
}
:root{
--btn-default-bgcolor-hover:rgb(239,239,239);
}
:root{
--btn-shop-bgcolor:rgb(16,198,222);
}
:root{
--btn-shop-bgcolor-hover:rgb(16,198,222);
}
:root{
--btn-accent-bgcolor:rgb(131,183,53);
}
:root{
--btn-accent-bgcolor-hover:rgb(116,163,47);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:##00E5FF;
}
:root{
--notices-warning-color:#fff;
}
.product-labels .product-label.onsale{
	color:rgb(255,255,255);
}

.product-labels .product-label.featured{
	background-color:rgb(221,0,0);
}

.product-labels .product-label.featured{
	color:rgb(255,255,255);
}

.product-labels .product-label.out-of-stock{
	background-color:rgb(0,0,0);
}

.product-labels .product-label.out-of-stock{
	color:rgb(255,255,255);
}

	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-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-shop-brd-radius: 5px;
				--btn-shop-box-shadow: none;
				--btn-shop-box-shadow-hover: none;
					
									--btn-accent-brd-radius: 0px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
				--btn-accent-box-shadow-active: none;
				--btn-accent-bottom: 0px;
			
			
			
					
							
					--wd-brd-radius: 12px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@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;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//dragonix.ir/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=7.0.3") format("woff2");
}

/*******************************************************************************************
   شروع کد مادر 001
   شناسه: DRX-CSS-HDR-001
   عنوان: استایل‌های اختصاصی هدر دراگونیکس
   بخش: Header
   وضعیت: فعال
   نسخه: 1.0
   زیرمجموعه‌ها:
   - 001-01 | نوار جستجوی هدر مشابه Razer
   - 001-02 | خط گرادیانی زیر هدر
*******************************************************************************************/


/* =========================================================================================
   DRX-CSS-HDR-001-01
   عنوان: نوار جستجوی هدر مشابه Razer
   وضعیت: فعال
   نسخه: 1.0
   کاربرد:
   - تبدیل جستجوی تمام‌صفحه وودمارت به نوار هدر
   - نمایش قاب گرادیانی با رنگ‌های دراگونیکس
   - نمایش ذره‌بین داخل سمت راست کادر
   - نمایش ضربدر در سمت چپ
   ========================================================================================= */


/* DRX-CSS-HDR-001-01-01
   نوار اصلی جستجو
--------------------------------------------------------- */
.wd-search-full-screen,
.wd-search-full-screen-2,
.search-full-screen {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;

    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;

    padding: 0 80px !important;

    display: flex !important;
    align-items: center !important;

    overflow: visible !important;

    background: #050b16 !important;

    z-index: 99990 !important;
}


/* DRX-CSS-HDR-001-01-02
   فاصله از نوار مدیریت وردپرس
--------------------------------------------------------- */
body.admin-bar .wd-search-full-screen,
body.admin-bar .wd-search-full-screen-2,
body.admin-bar .search-full-screen {
    top: 32px !important;
}


/* DRX-CSS-HDR-001-01-03
   نگه‌داشتن لوگوی اصلی روی نوار جستجو
--------------------------------------------------------- */
.whb-header .site-logo,
.whb-header .wd-logo,
.whb-header .wd-header-logo {
    position: relative !important;
    z-index: 100000 !important;
}


/* DRX-CSS-HDR-001-01-04
   حذف عنوان و توضیحات پیش‌فرض وودمارت
--------------------------------------------------------- */
.wd-search-full-screen .wd-search-title,
.wd-search-full-screen .search-info-text,
.wd-search-full-screen-2 .wd-search-title,
.wd-search-full-screen-2 .search-info-text,
.search-full-screen .wd-search-title,
.search-full-screen .search-info-text,
.wd-search-full-screen > h3,
.wd-search-full-screen > p,
.wd-search-full-screen-2 > h3,
.wd-search-full-screen-2 > p,
.search-full-screen > h3,
.search-full-screen > p {
    display: none !important;
}


/* DRX-CSS-HDR-001-01-05
   قاب اصلی جستجو
--------------------------------------------------------- */
.wd-search-full-screen .searchform,
.wd-search-full-screen-2 .searchform,
.search-full-screen .searchform {
    position: relative !important;

    width: calc(100% - 200px) !important;
    max-width: 1100px !important;
    height: 48px !important;

    margin: 0 auto !important;
    padding: 0 48px 0 55px !important;

    display: flex !important;
    align-items: center !important;

    border: 1px solid transparent !important;
    border-radius: 16px !important;

    background:
        linear-gradient(#050b16, #050b16) padding-box,
        linear-gradient(
            110deg,
            #7a3cff 0%,
            #10c6de 52%,
            #087bff 100%
        ) border-box !important;

    box-shadow:
        0 0 5px rgba(122, 60, 255, 0.12),
        0 0 6px rgba(16, 198, 222, 0.08) !important;

    box-sizing: border-box !important;
}


/* DRX-CSS-HDR-001-01-06
   محل تایپ جستجو
--------------------------------------------------------- */
.wd-search-full-screen input[type="text"],
.wd-search-full-screen input[type="search"],
.wd-search-full-screen-2 input[type="text"],
.wd-search-full-screen-2 input[type="search"],
.search-full-screen input[type="text"],
.search-full-screen input[type="search"] {
    width: 100% !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #f5f7fa !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 14px !important;
    outline: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    line-height: 42px !important;

    text-align: right !important;
    direction: rtl !important;
}


/* DRX-CSS-HDR-001-01-07
   متن راهنمای داخل جستجو
--------------------------------------------------------- */
.wd-search-full-screen input::placeholder,
.wd-search-full-screen-2 input::placeholder,
.search-full-screen input::placeholder {
    color: #9ca8b8 !important;
    opacity: 1 !important;
}


/* DRX-CSS-HDR-001-01-08
   حذف ظاهر دکمه پیش‌فرض وودمارت
--------------------------------------------------------- */
.wd-search-full-screen .searchsubmit,
.wd-search-full-screen-2 .searchsubmit,
.search-full-screen .searchsubmit {
    color: transparent !important;
    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* DRX-CSS-HDR-001-01-09
   ساخت آیکن ذره‌بین ظریف داخل سمت راست کادر
--------------------------------------------------------- */
.wd-search-full-screen .searchform::before,
.wd-search-full-screen-2 .searchform::before,
.search-full-screen .searchform::before {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    right: 17px !important;

    width: 15px !important;
    height: 15px !important;

    display: block !important;

    border: 1.5px solid #f5f7fa !important;
    border-radius: 50% !important;

    transform: translateY(-60%) !important;

    box-sizing: border-box !important;
    pointer-events: none !important;
}


/* DRX-CSS-HDR-001-01-10
   ساخت دسته آیکن ذره‌بین
--------------------------------------------------------- */
.wd-search-full-screen .searchform::after,
.wd-search-full-screen-2 .searchform::after,
.search-full-screen .searchform::after {
    content: "" !important;

    position: absolute !important;

    top: calc(50% + 7px) !important;
    right: 13px !important;

    width: 7px !important;
    height: 1.5px !important;

    display: block !important;

    background: #f5f7fa !important;
    border-radius: 2px !important;

    transform: rotate(45deg) !important;

    pointer-events: none !important;
}


/* DRX-CSS-HDR-001-01-11
   تنظیم اندازه و موقعیت ضربدر
--------------------------------------------------------- */
.wd-search-full-screen .wd-close-search,
.wd-search-full-screen-2 .wd-close-search,
.search-full-screen .wd-close-search {
    position: absolute !important;
    top: calc(50% - 16px) !important;
    left: max(132px, calc(50% - 526px)) !important;
	
    right: auto !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;

    color: #f5f7fa !important;

    transform:
        translate(-50%, -50%)
        scale(0.48) !important;

    transform-origin: center !important;

    z-index: 100020 !important;
}


/* DRX-CSS-HDR-001-01-12
   تنظیمات موبایل و تبلت
--------------------------------------------------------- */
@media (max-width: 782px) {

    body.admin-bar .wd-search-full-screen,
    body.admin-bar .wd-search-full-screen-2,
    body.admin-bar .search-full-screen {
        top: 46px !important;
    }

    .wd-search-full-screen,
    .wd-search-full-screen-2,
    .search-full-screen {
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;

        padding: 0 15px !important;
    }

    .wd-search-full-screen .searchform,
    .wd-search-full-screen-2 .searchform,
    .search-full-screen .searchform {
        width: 100% !important;
        height: 44px !important;

        padding-right: 43px !important;
        padding-left: 43px !important;

        border-radius: 14px !important;
    }

    .wd-search-full-screen input[type="text"],
    .wd-search-full-screen input[type="search"],
    .wd-search-full-screen-2 input[type="text"],
    .wd-search-full-screen-2 input[type="search"],
    .search-full-screen input[type="text"],
    .search-full-screen input[type="search"] {
        height: 40px !important;

        font-size: 13px !important;
        line-height: 40px !important;
    }

    .wd-search-full-screen .wd-close-search,
    .wd-search-full-screen-2 .wd-close-search,
    .search-full-screen .wd-close-search {
        left: 32px !important;

        transform:
            translate(-50%, -50%)
            scale(0.45) !important;
    }

    .wd-search-full-screen .searchform::before,
    .wd-search-full-screen-2 .searchform::before,
    .search-full-screen .searchform::before {
        right: 15px !important;
    }

    .wd-search-full-screen .searchform::after,
    .wd-search-full-screen-2 .searchform::after,
    .search-full-screen .searchform::after {
        right: 11px !important;
    }
}


/* =========================================================================================
   DRX-CSS-HDR-001-01 | END
   پایان زیرمجموعه جستجوی هدر
   ========================================================================================= */


/* -----------------------------------------------------------------------------------------
   پایان بخش 001-01 — شروع بخش 001-02
----------------------------------------------------------------------------------------- */


/* =========================================================================================
   DRX-CSS-HDR-001-02
   عنوان: خط گرادیانی زیر هدر
   وضعیت: فعال
   نسخه: 1.0
   کاربرد:
   - نمایش خط ظریف زیر منوی اصلی
   - استفاده از رنگ‌های برند دراگونیکس
   ========================================================================================= */


/* DRX-CSS-HDR-001-02-01
   آماده‌سازی هدر برای قرارگیری خط
--------------------------------------------------------- */
.whb-general-header {
    position: relative !important;
}


/* DRX-CSS-HDR-001-02-02
   ساخت خط گرادیانی زیر هدر
--------------------------------------------------------- */
.whb-general-header::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 2px;

    background: linear-gradient(
        90deg,
        #7a3cff 0%,
        #10c6de 50%,
        #087bff 100%
    );

    pointer-events: none;
    z-index: 2;
}


/* =========================================================================================
   DRX-CSS-HDR-001-02 | END
   پایان زیرمجموعه خط گرادیانی هدر
   ========================================================================================= */




/* =========================================================================================
   DRX-CSS-HDR-001-03
   عنوان: تنظیم فاصله آیکن جستجو از منوی اصلی
   وضعیت: فعال
   نسخه: 1.0
   کاربرد:
   - تنظیم فاصله آیکن جستجوی وودمارت از گزینه دراگون پلاس
   - عدم تغییر اندازه یا ظاهر آیکن
   ========================================================================================= */


/* DRX-CSS-HDR-001-03-01
   فاصله استاندارد آیکن جستجو از منوی اصلی
--------------------------------------------------------- */

.wd-header-search {
    margin-inline-start: 30px !important;
}


/* =========================================================================================
   DRX-CSS-HDR-001-03 | END
   پایان زیرمجموعه تنظیم فاصله آیکن جستجو
   ========================================================================================= */






/*******************************************************************************************
   پایان کد مادر 001
   شناسه: DRX-CSS-HDR-001
   عنوان: استایل‌های اختصاصی هدر دراگونیکس
*******************************************************************************************/




/*******************************************************************************************
   شروع کد مادر 002
   شناسه: DRX-CSS-HOME-001
   عنوان: استایل‌های اختصاصی صفحه اصلی دراگونیکس
   بخش: Home Page
   وضعیت: فعال
   نسخه: 1.0
   زیرمجموعه‌ها:
   - 001-01 | نوار اطلاع‌رسانی دراگون کلاب
*******************************************************************************************/


/* =========================================================================================
   DRX-CSS-HOME-001-01
   عنوان: نوار اطلاع‌رسانی دراگون کلاب
   وضعیت: فعال
   نسخه: 1.0
   کاربرد:
   - نمایش نوار اطلاع‌رسانی بین هدر و بنر اصلی
   - گسترش نوار در تمام عرض صفحه
   - تراز متن در مرکز
   ========================================================================================= */


/* DRX-CSS-HOME-001-01-01
   ساختار اصلی نوار
--------------------------------------------------------- */
.drx-announcement-bar {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;

    width: 100vw !important;
    max-width: none !important;
    min-height: 42px !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #555555 !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
}


/* DRX-CSS-HOME-001-01-02
   تنظیم ابزارک متن
--------------------------------------------------------- */
.drx-announcement-bar .elementor-widget-text-editor {
    width: 100% !important;
    margin: 0 !important;
}


/* DRX-CSS-HOME-001-01-03
   تنظیم متن نوار
--------------------------------------------------------- */
.drx-announcement-bar p {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;

    text-align: center !important;
}


/* DRX-CSS-HOME-001-01-04
   تنظیم لینک عضویت
--------------------------------------------------------- */
.drx-announcement-bar a {
    color: #ffffff !important;

    font-weight: 600 !important;
    text-decoration: underline !important;

    transition: color 0.2s ease !important;
}


/* DRX-CSS-HOME-001-01-05
   افکت لینک هنگام قرارگیری ماوس
--------------------------------------------------------- */
.drx-announcement-bar a:hover {
    color: #10c6de !important;
}


/* DRX-CSS-HOME-001-01-06
   تنظیمات موبایل
--------------------------------------------------------- */
@media (max-width: 767px) {

    .drx-announcement-bar {
        min-height: 44px !important;
        padding: 6px 15px !important;
    }

    .drx-announcement-bar p {
        font-size: 12px !important;
        line-height: 18px !important;
    }
}


/* =========================================================================================
   DRX-CSS-HOME-001-01 | END
   پایان نوار اطلاع‌رسانی دراگون کلاب
   ========================================================================================= */

/*******************************************************************************************
   شروع کد مادر 003
   شناسه: DRX-CSS-FTR-001
   عنوان: استایل اختصاصی خطوط فوتر دراگونیکس
   بخش: Footer
   وضعیت: فعال
   نسخه: 1.0
   زیرمجموعه‌ها:
   - 001-01 | خط گرادیانی بالای فوتر
   - 001-02 | خط گرادیانی پایین فوتر
*******************************************************************************************/


/* =========================================================================================
   DRX-CSS-FTR-001-01
   عنوان: خط گرادیانی بالای فوتر
--------------------------------------------------------- */

.footer-container,
.footer-container .main-footer,
footer {
    position: relative !important;
}


/* خط بالا */
.footer-container::before,
.footer-container .main-footer::before,
footer::before {

    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 2px !important;

    background: linear-gradient(
        90deg,
        #7a3cff 0%,
        #10c6de 50%,
        #087bff 100%
    ) !important;

    z-index: 5 !important;
}


/* =========================================================================================
   DRX-CSS-FTR-001-02
   عنوان: خط گرادیانی پایین فوتر
--------------------------------------------------------- */


/* خط پایین */
.footer-container::after,
.footer-container .main-footer::after,
footer::after {

    content: "" !important;

    position: absolute !important;

    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 2px !important;

    background: linear-gradient(
        90deg,
        #087bff 0%,
        #10c6de 50%,
        #7a3cff 100%
    ) !important;

    z-index: 5 !important;
}


/* =========================================================================================
   DRX-CSS-FTR-001-03
   عنوان: تنظیم عرض کامل فوتر
--------------------------------------------------------- */


.footer-container,
.footer-container .container,
.footer-container .main-footer {

    width: 100% !important;
    max-width: 100% !important;

}


/* =========================================================================================
   DRX-CSS-FTR-001-03 | END
*******************************************************************************************/


/*******************************************************************************************
   پایان کد مادر 003
   شناسه: DRX-CSS-FTR-001
   عنوان: استایل اختصاصی خطوط فوتر دراگونیکس
*******************************************************************************************/