.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;
}

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

.footer-container{
	background-color:rgb(26,26,26);
	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(203,149,0);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:rgb(0,0,0);
}
:root{
--btn-default-bgcolor-hover:rgb(6,6,6);
}
:root{
--btn-shop-bgcolor:rgb(203,149,0);
}
:root{
--btn-shop-bgcolor-hover:rgb(195,143,0);
}
:root{
--btn-accent-bgcolor:rgb(203,149,0);
}
:root{
--btn-accent-bgcolor-hover:rgb(195,143,0);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	: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-bottom-active: -1px;
				--btn-shop-brd-radius: 0.001px;
				--btn-shop-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-shop-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
									--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: 0px;
			}

	
	
			@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");
}

/* =========================================
   DRAGONIX LOGIN BUTTON Scoped CSS - Smooth Constant Rotation (130x40)
========================================= */
.dragonix-login-button {
    font-family: Vazirmatn, sans-serif;
    position: relative;
    display: inline-block;
}

/* =========================================
   CONTAINER
========================================= */
.dragonix-login-button .dragonix-login-button__container {
    position: relative;
    margin: 0 0.5em;
}

/* =========================================
   BORDER
========================================= */
.dragonix-login-button .dragonix-login-button__border {
    position: relative;
    padding: 2px;
    inset: 0;
    background: #13035a;
    border-radius: inherit;
    clip-path: path(
        "M 104 0 C 128 0 134 3 134 22 C 134 41 128 44 104 44 L 30 44 C 6 44 0 41 0 22 C 0 3 6 0 30 0 Z"
    );
}

/* =========================================
   MAIN BUTTON (130px x 40px)
========================================= */
.dragonix-login-button .dragonix-login-button__text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 130px;
    height: 40px;
    border: none;
    border-radius: 0.6em;
    clip-path: path(
        "M 100 0 C 124 0 130 3 130 20 C 130 37 124 40 100 40 L 30 40 C 6 40 0 37 0 20 C 0 3 6 0 30 0 Z"
    );
    background: #111215;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-size: 0.85rem;
}

/* =========================================
   REAL CLICKABLE LINK
========================================= */
.dragonix-login-button .dragonix-login-button__real-button {
    position: absolute;
    width: 130px;
    height: 40px;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    display: block;
    outline: none;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    opacity: 0;
    text-decoration: none;
}

/* =========================================
   BACKDROP
========================================= */
.dragonix-login-button .dragonix-login-button__backdrop {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    background-size: auto !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* =========================================
   SPIN BASE
========================================= */
.dragonix-login-button .dragonix-login-button__spin {
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0.65;
    overflow: hidden;
    transition: opacity 0.3s ease, filter 0.3s ease;
}

/* =========================================
   BLUR SPIN
========================================= */
.dragonix-login-button .dragonix-login-button__spin-blur {
    filter: blur(1.2em) url(#dragonix-unopaq);
}

/* =========================================
   INTENSE SPIN
========================================= */
.dragonix-login-button .dragonix-login-button__spin-intense {
    inset: -0.1em;
    filter: blur(0.2em) url(#dragonix-unopaq2);
    border-radius: 0.5em;
}

/* =========================================
   INSIDE SPIN
========================================= */
.dragonix-login-button .dragonix-login-button__spin-inside {
    inset: -2px;
    border-radius: inherit;
    filter: blur(2px) url(#dragonix-unopaq3);
    z-index: 0;
}

/* =========================================
   ALWAYS RUNNING ROTATION ONLY (بدون کم و زیاد شدن اندازه)
========================================= */
.dragonix-login-button .dragonix-login-button__spin::before {
    content: "";
    position: absolute;
    inset: -150%;
    /* انیمیشن dragonix-woah حذف شد تا مقیاس تغییری نکند */
    animation: dragonix-speen 6s linear infinite;
    animation-play-state: running;
}

/* =========================================
   BLUR GLOW
========================================= */
.dragonix-login-button .dragonix-login-button__spin-blur::before {
    background: linear-gradient(
        90deg,
        #7a3cff 30%,
        #5f048a00 50%,
        #10c6de 70%
    );
}

/* =========================================
   INTENSE GLOW
========================================= */
.dragonix-login-button .dragonix-login-button__spin-intense::before {
    background: linear-gradient(
        90deg,
        #7a3cff 20%,
        #0000 45% 55%,
        #10c6de 80%
    );
}

/* =========================================
   INSIDE GLOW
========================================= */
.dragonix-login-button .dragonix-login-button__spin-inside::before {
    background: linear-gradient(
        90deg,
        #7a3cff 30%,
        #0000 45% 55%,
        #10c6de 70%
    );
}

/* =========================================
   HOVER
========================================= */
.dragonix-login-button:hover .dragonix-login-button__spin {
    opacity: 1;
}

/* =========================================
   ROTATION
========================================= */
@keyframes dragonix-speen {
    0% {
        rotate: 0deg;
    }
    50% {
        rotate: 180deg;
    }
    100% {
        rotate: 360deg;
    }
}

/* =========================================
   ACCESSIBILITY
========================================= */
@media (prefers-reduced-motion: reduce) {
    .dragonix-login-button .dragonix-login-button__spin::before {
        animation-duration: 12s;
    }
}