@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//pointgameshop.com/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.8") format("woff2");
}

:root {
	--wd-header-banner-h: 61px;
	--wd-text-font: iranyekan;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: iranyekan;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: iranyekan;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: iranyekan;
	--wd-widget-title-font: iranyekan;
	--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: iranyekan;
	--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(3,35,64);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(3,35,64);
	--btn-accented-bgcolor-hover: rgb(251,188,52);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(251,188,52);
	--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;
}
.header-banner {
	background-color: rgb(255,199,0);
	background-image: none;
}
: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;
}
.page .wd-page-content {
	background-color: #F9F9F9;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: #F9F9F9;
	background-image: none;
}
.single-product .wd-page-content {
	background-color: #F9F9F9;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 53px;
	}

}
:root{
--wd-container-w: 1518px;
--wd-form-brd-radius: 5px;
--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: 8px;
}

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


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

@font-face {
	font-family: "yekan en";
	src: url("//pointgameshop.com/wp-content/uploads/2025/09/IRANYekanX-Regular.woff2") format("woff2"), 
url("//pointgameshop.com/wp-content/uploads/2025/09/IRANYekanX-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "ir yekan fa";
	src: url("//pointgameshop.com/wp-content/uploads/2025/09/IRANYekanXNoEn-Regular.woff2") format("woff2"), 
url("//pointgameshop.com/wp-content/uploads/2025/09/IRANYekanXNoEn-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

/* فاصله واحد و قیمت */

.shop_attributes td {
    direction: rtl !important;
	text-align: right !important;}

span.woocommerce-Price-currencySymbol {
    padding-right: 3px;
}

/* حالت دسکتاپ (پیش‌فرض) */
.x-ajax-cart img,
.x-ajax-cart svg {
  width: 36px;
  height: 36px;
  max-width: 70px; /* مثل چیزی که خودت اضافه کردی */
}


/* --- کدهای ثابت --- */
.cpc-row.cpc-row-new {DIRECTION: ltr;}
.cpc-stock {right: 5px;	position: absolute;}

.wd-page-content {
	background-color: #f9f9f9 !important;}
/* --- بج قرمز --- */
.cpc-badges{position:absolute;top:8px;right:6px;display:flex;gap:8px;z-index:10}
.cpc-badge{padding:.35rem .75rem;border-radius:12px;font-size:.82rem}
.cpc-badge-right{background:#ffe9ea;color:#e74c3c}

/* --- عنوان دوخط --- */
.cpc-title,.cpc-title a{font-size:14px;line-height:20px!important;margin:12px 0 8px;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* --- شمارنده: پس‌زمینه روی عدد --- */
.cpc-countdown{justify-content: center;direction:ltr;display:flex;gap:8px;margin:10px 0 6px}
.cpc-countdown>div{text-align:center}
.cpc-countdown span{display:block;font-weight:500;font-size:14px;color:#111;background:#f0f0f0;border-radius:10px;padding:5px 15px}
.cpc-countdown small{display:block;margin-top:6px;color:#666;font-size:12px}

/* --- قیمت دوخطی؛ کلاس‌های مجزا برای رنگ‌دهی --- */
.cpc-price--stack{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.cpc-row{display:flex;align-items:center;gap:10px}
.cpc-row-old{flex-direction:row-reverse}
.cpc-badge-sale{background:#ffe6e6;color:#e35a5a;border-radius:10px;padding:.2rem .6rem;font-size:.78rem}
.cpc-regular-wrap{color:#111;text-decoration-line:line-through;text-decoration-color:#e63946;text-decoration-thickness:1px}
.cpc-current-wrap{color:#111;font-weight:700}
.cpc-row span bdi {    
    font-size: 14px;}
.cpc-regular span bdi {    
	color: #EF4444;
}



/* --- خنثی‌سازیِ رَپِر المنتور برای جلوگیری از جابه‌جایی لِی‌اوت --- */
.cpc-media .elementor-widget-shortcode.cpc-hover{margin:0;padding:0}
.cpc-media .elementor-widget-shortcode.cpc-hover > .elementor-widget-container{position:absolute;inset:0}

/* موجودی */
.cpc-stock{background:#fff5d7;color:#9c7b06;padding:.25rem .6rem;border-radius:12px;font-size:.85rem}




/* دکمه‌ها */
.cpc-hover-actions .cpc-btn{pointer-events:auto;background:#ffb21a;color:#fff;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(255,178,26,.35);text-decoration:none}




/* فقط نشان/پنهان کردن؛ پوزیشن را خود شورت‌کد انجام می‌دهد */

.cpc-media{ position: relative; }

/* لایهٔ بک‌گراند/اورلی خود المنتور پشتِ دکمه‌ها برود و کلیک‌گیر نباشد */
.cpc-media > .elementor-background-overlay,
.cpc-media > .e-con::before {
  z-index: 1 !important;
  pointer-events: none;
}



/* اختیاری: اگر تصویر داخل اسلاید/گرید وودمارت است که overlay خودش دارد */
.product-element-top, .product-image-wrapper { position: relative; }
.product-element-top .cpc-hover-root,
.product-image-wrapper .cpc-hover-root { z-index: 50 !important; }

/* دکمه‌ها (اگر ندارید) */
.cpc-hover-root .cpc-btn{
  background:#ffb21a; color:#fff; width:56px; height:56px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 18px rgba(255,178,26,.35); text-decoration:none;
}
.cpc-hover-root .cpc-btn img{ width:40px; height:40px; display:block; object-fit:contain; }






/* 2) خط نارنجی فقط در لبه پایینی هنگام هاور (بدون جابه‌جایی لِی‌اوت) */
:root{ --cpc-accent:#ffb21a; --cpc-underline-h:3px; }

.cpc-media{ position:relative; }
.cpc-media::before{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:var(--cpc-underline-h);
  background:var(--cpc-accent);
  transform:scaleX(0); transform-origin:center;
  transition:transform .2s ease;
  z-index: 60; 
}
.cpc-media:hover::before{ transform:scaleX(1); }



/*  تنظیمات هدر  */

input.s {
    border-radius: 12px;
    border-color: #ededed;
}



/*تنظیمات منو هدررررررررررررررررررررررررررررررررررررررررررر*/
/* متغیرهای پایه + پشتیبانی از ادمین‌بار وردپرس */
:root{
  --site-container: 1520PX;
  --header-height: 155px;             /* fallback */
  --header-bottom-vp: 155px;          /* با JS مقداردهی می‌شود: فاصله‌ی پایین هدر از بالای ویوپورت */
  --wp-adminbar:0px;                 /* اگر ادمین‌بار هست، پایین‌تر override می‌شود */
}
/* اگر کاربر لاگین است و admin bar دارد */
body.admin-bar { --wp-adminbar: 33px!important; }
@media (max-width: 782.98px){
  body.admin-bar { --wp-adminbar: 2px; }
}

/* فقط دسکتاپ */
@media (min-width:1025px){
	
.wd-nav>li {
    margin-top: 30px;
    padding: 0px 10px 45px 10px;

}

  .whb-header, .whb-main-header,
  .whb-header .wd-header-nav, .whb-header .whb-row { overflow: visible !important; }

  /* نیاز نیست liها را static کنیم؛ ممکن است به position آن‌ها نیاز باشد */
  .whb-header .wd-nav .menu{ position: static !important; }

  .whb-header .wd-dropdown-menu.wd-dropdown,
  .whb-header .wd-dropdown-menu.wd-design-sized,
  .whb-header .wd-dropdown-menu.wd-design-full-width{
    position: fixed !important;

    /* سنتر پایدار بدون اتکا به vw */
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    /* عرض منعطف: حداکثر 90vw، ولی اگر container کوچکتر بود همان */
    width: min(var(--site-container), 95vw) !important;
    max-width: min(var(--site-container), 95vw) !important;

    /* قرارگیری دقیقا زیر هدر (داینامیک) + در نظر گرفتن ادمین‌بار + فاصله 10px */
    top: calc(var(--header-bottom-vp, var(--header-height)) + var(--wp-adminbar) + 70px) !important;

    margin: 0 !important;
    max-height: calc(100vh - (var(--header-bottom-vp, var(--header-height)) + var(--wp-adminbar) + 20px)) !important;
    overflow: auto !important; /* اگر ارتفاع منو زیاد شد، اسکرول داخل خود منو */
    z-index: 9999 !important;

    /* هاور سریع‌تر و بی‌تعلل */
    pointer-events: auto !important;
    transition-delay: 0s !important;
    transition-duration: 120ms !important;
    transition-property: opacity, transform, visibility !important;
  }
/**/
  .whb-header .wd-dropdown-menu .container.wd-entry-content{
    width: 95% !important;
    max-width: 95% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

   پل هوور: فاصله‌ی بین هدر و منو را پوشش می‌دهد 
  .whb-header .wd-dropdown-menu.wd-dropdown::before,
  .whb-header .wd-dropdown-menu.wd-design-sized::before,
  .whb-header .wd-dropdown-menu.wd-design-full-width::before{
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -10px;
    height: var(--header-height, 155px); 
    display: block;
  }

  /* نمایش فوری‌تر در حالت باز */
  .wd-opened > .wd-dropdown-menu{
    visibility: visible !important;
    opacity: 1 !important;
    transition-delay: 0s !important;
  }
}
/*
/* وقتی هدر استیکی می‌شود نیازی به top جداگانه نیست چون از خود --header-bottom-vp می‌خوانیم */
/* اگر همچنان کلاس استیکی دارید، نیازی به این قانون نیست؛ اگر می‌خواهی بماند، فقط یادت باشد از متغیر جدید بخواند: */
.whb-sticked .wd-dropdown-menu{
  top: calc(var(--header-bottom-vp, var(--header-height)) + var(--wp-adminbar) -12px) !important;
}/*
.wd-nav {
	--nav-gap: 0px;}
a.woodmart-nav-link {
    PADDING-LEFT: 10PX;
    PADDING-RIGHT: 10PX;
	PADDING-BOTTOM: 45PX;
}
.wd-header-nav.wd-header-main-nav.text-left.wd-design-1.wd-with-overlay.whb-zbq9w9uehqab9og8auz4 {
    margin-top: 30px;
}*/

.whb-header .wd-dropdown-menu.wd-dropdown, .whb-header .wd-dropdown-menu.wd-design-sized, .whb-header .wd-dropdown-menu.wd-design-full-width {
        transition-delay: 120ms !important;
	transition-duration: 0ms!important;}

*/
.wd-nav .menu { gap: 0 !important; }
.wd-nav { --nav-gap: 0px; }
.wd-nav .menu > li { margin: 0 !important; }



/* رنگ طوسی اوورلی را روشن کن */
.wd-close-side{

}

@media (min-width: 1025px) {
	span.wd-attr-name-label {
    min-width: 200px;
}
.whb-row.whb-header-bottom.whb-not-sticky-row.whb-with-bg.whb-without-border.whb-color-dark.whb-flex-flex-middle {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.whb-sticked .whb-row {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
}

@media (max-width: 576px) {
	span.wd-attr-name-label {min-width: 120px;}
.cpc-row span bdi {font-size: 12px;}

.cpc-countdown {gap: 3px;margin: 10px 0 6px; }
.cpc-countdown span {font-weight: 400;font-size: 10px;border-radius: 6px;padding: 3px 8px;}
.cpc-countdown small {margin-top: 4px;font-size: 10px;}
 

.x-ajax-cart img,
  .x-ajax-cart svg {
    width: 28px;
    height: 28px;
    max-width: 50px;
  }
}