:root {
	--wd-text-font: "انجمن-مدیم-نقطه گرد", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(48,48,48);
	--wd-text-font-size: 14px;
	--wd-title-font: "انجمن-مدیم-نقطه گرد", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(25,25,25);
	--wd-entities-title-font: "انجمن-مدیم-نقطه گرد", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(0, 0, 0);
	--wd-alternative-font: "انجمن-مدیم-نقطه گرد", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "انجمن-مدیم-نقطه گرد", 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: 13px;
	--wd-header-el-font: "انجمن-مدیم-نقطه گرد", Arial, Helvetica, sans-serif;
	--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(72,209,204);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(53,174,183);
	--btn-accented-bgcolor-hover: #74a32f;
	--btn-accented-color: rgb(255,255,255);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(72,209,204);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(232,135,83);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(2,194,187);
	--wd-link-color-hover: rgb(1,167,173);
}
.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;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(79,79,79);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a, html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li > a {
	font-family: "peyda-thin (پیدا)", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: rgb(140,140,140);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a:hover, html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li:hover > a {
	color: rgb(58,192,189);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd .product-label.out-of-stock {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgba(221,221,221,0);
	color: rgba(255,255,255,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--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: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


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

@font-face {
	font-family: "انجمن-مدیوم";
	src: url("//jamalnashr.com/wp-content/uploads/2024/06/AnjomanMax-Medium.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "انجمن-بلک";
	src: url("//jamalnashr.com/wp-content/uploads/2024/06/AnjomanMax-Black.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "انجمن-فت";
	src: url("//jamalnashr.com/wp-content/uploads/2024/06/AnjomanMax-CnFat.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "انجمن-مدیم-نقطه گرد";
	src: url("//jamalnashr.com/wp-content/uploads/2024/06/AnjomanMaxA-Medium.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "انجمن-مدیوم-نقطه چسبیده";
	src: url("//jamalnashr.com/wp-content/uploads/2024/06/AnjomanMaxC-Medium.woff") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "میخک بلک";
	src: url("//jamalnashr.com/wp-content/uploads/2024/07/Mikhak-Black.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "میخک بولد";
	src: url("//jamalnashr.com/wp-content/uploads/2024/07/Mikhak-Bold.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "میخک لایت";
	src: url("//jamalnashr.com/wp-content/uploads/2024/07/Mikhak-Light.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "میخک مدیوم";
	src: url("//jamalnashr.com/wp-content/uploads/2024/07/Mikhak-Medium.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "میخک تین";
	src: url("//jamalnashr.com/wp-content/uploads/2024/07/Mikhak-Thin.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "انجمن لایت";
	src: url("//jamalnashr.com/wp-content/uploads/2024/07/AnjomanMax-Light.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "peyda-thin (پیدا)";
	src: url("//jamalnashr.com/wp-content/uploads/2026/06/Peyda-Thin.woff2") format("woff2");
	font-weight: 100;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "peyda-black (پیدا)";
	src: url("//jamalnashr.com/wp-content/uploads/2026/06/PeydaWeb-Black.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/*برای استایل دادن به هدرهای لندینگ های مختلف. یعنی بجای اینکه برای لندینگ های مختلف ما هدرهای جداگانه داشته باشیم، آمدیم فقط با استفاده از کلاس آنها رنگشان را تغییر دادیم.*/
body.page-id-38804 .whb-header *{
    background:#80221E !important;
}

body.page-id-39772 .whb-header *{
    background:#FFEEDB !important;
}
body.page-id-44130 .whb-row{
    background:#1B252F;
}
/*-----------------------------------------------پایان سربرگهای لندینگ----------*/

/*کدزیر باعث میشود که آیکون سبدخرید در دستگاه های موبایل تمام صفحات بجز صفحه محصول مخفی بماند زیرا سبدخرید در منوی شناور پایین وجود دارد.*/
@media (max-width:767px){

    body:not(.single-product)
    header.whb-header
    .whb-mobile-right
    > .wd-header-cart{

        display:none !important;

    }

}
/*-----------------------------------------------پایان مخفی سازی ایکون سبدخرید----------*/@media (max-width: 576px) {
	/* ================================================= */
/* منوی کاروسل افقی موبایل اول هدر (نسخه مینیمال و متنی) */
/* ================================================= */

/* ۱. کانتینر اصلی (کاهش فاصله‌ها) */
.whb-hidden-lg .wd-header-secondary-nav .wd-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 5px !important; /* فاصله بین آیتم‌ها بسیار کمتر شد */
    padding: 0 10px !important; /* حذف پدینگ اضافی بالا و پایین */
    margin: 0 !important;
    align-items: center !important;
}

.whb-hidden-lg .wd-header-secondary-nav .wd-nav::-webkit-scrollbar {
    display: none !important;
}

.whb-hidden-lg .wd-header-secondary-nav .wd-nav > li {
    flex: 0 0 auto !important;
    list-style: none !important;
}

/* ۲. استایل عادی لینک‌ها (بدون بک‌گراند، فونت ۱۲، ضخامت ۵۰۰) */
.whb-hidden-lg .wd-header-secondary-nav .wd-nav > li > a {
    display: flex !important;
    align-items: center !important;
    font-family: 'Peyda', sans-serif !important;
    font-size: 12px !important; /* سایز جدید */
    font-weight: 500 !important; /* ضخامت جدید */
    color: #8C8C8C !important;
    white-space: nowrap !important;
    padding: 10px 8px !important; /* فاصله‌ی کلیک‌خورِ دورِ متن */
    background-color: transparent !important; /* حذف کامل رنگ پس‌زمینه */
    border-radius: 0 !important; /* حذف حالت دایره‌ای */
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* ۳. حالت فعال و هاور (رنگ فیروزه‌ای، بولد شدن و زیرخط شیک) */
.whb-hidden-lg .wd-header-secondary-nav .wd-nav > li > a:hover,
.whb-hidden-lg .wd-header-secondary-nav .wd-nav > li.current-menu-item > a {
    color: #3AC0BD !important; /* تغییر رنگ متن */
    font-weight: 800 !important; /* بولد شدن در حالت فعال */
    
    /* تنظیمات اختصاصی زیرخط */
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important; /* ضخامت خط زیرین */
    text-underline-offset: 6px !important; /* فاصله خط از کلمات تا به نقطه‌ها نچسبد */
}

/* ۴. حذف فلش‌های مزاحم زیرمنو در حالت موبایل (در صورت وجود) */
.whb-hidden-lg .wd-header-secondary-nav .wd-nav .wd-nav-opener {
    display: none !important;
}
/* --- رفع قطعی باگ بریده شدن اسکرول در محیط RTL موبایل --- */
.whb-hidden-lg .wd-header-secondary-nav {
    max-width: 100vw !important; 
}
/* ۱. حذف فاصله‌های قبلی که مرورگر نادیده می‌گرفت */
.whb-hidden-lg .wd-header-secondary-nav .wd-nav {
    padding-left: 0 !important; 
}
.whb-hidden-lg .wd-header-secondary-nav .wd-nav > li:last-child {
    margin-left: 0 !important; 
}
/* ۲. تزریق یک فضای ۲۰ پیکسلی نامرئی به انتهای منو (سمت چپ) */
.whb-hidden-lg .wd-header-secondary-nav .wd-nav::after {
    content: "" !important;
    flex: 0 0 25px !important; /* عرض این بلوک نامرئی - اگر باز هم کم بود، عدد 25 را بیشتر کنید */
    display: block !important;
    visibility: hidden !important;
}
/* ================================================= */
/* تنظیمات پیشرفته منوی همبرگری (سایز آیکون + فاصله + متن) */
/* ================================================= */
/*در این کد سایز روی 16px تنظیم شده است تا با کلمه‌ی «دسته‌بندی» (که ۱۳ پیکسل بود) همخوانی داشته باشد. اگر خواستید آن را کمی بزرگ‌تر یا کوچک‌تر کنید، حتماً هر سه عدد 16px در کد بالا را همزمان تغییر دهید تا کادرِ دورِ آیکون هم متناسب با خودش کوچک یا بزرگ شود و فاصله‌ها به هم نریزد.*/

/*اندازه ایکون همبرگی بخش یک*/
.whb-header .wd-header-mobile-nav .wd-tools-icon,
.whb-header .wd-header-mobile-nav .wd-tools-icon::before {
    font-size: 14px !important; /* سایز آیکون را اینجا تنظیم کنید (پیش‌فرض معمولاً ۲۴ است) */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/*اندازه ایکون همبرگی بخش دو*/
.whb-header .wd-header-mobile-nav .wd-tools-icon {
    width: 14px !important; /* باید هم‌اندازه با font-size بالا باشد */
    height: 14px !important; /* باید هم‌اندازه با font-size بالا باشد */
}

/* ۲. شکستن فاصله‌های هاردکد شده‌ی قالب در تگ مادر */
.whb-header .wd-header-mobile-nav > a {
    gap: 3px !important; /* فاصله اصلی بین آیکون و متن را اینجا کنترل می‌کنیم */
}

/* ۳. آماده‌سازی ظرف متن و حذف حاشیه‌های مزاحم */
.whb-header .wd-header-mobile-nav .wd-tools-text {
    font-size: 0 !important; 
    letter-spacing: 0 !important;
    margin: 0 !important; /* حذف هرگونه فاصله از سمت راست و چپ ظرف */
    padding: 0 !important;
}

/* ۴. تزریق کلمه دسته‌بندی با استایل دلخواه */
.whb-header .wd-header-mobile-nav .wd-tools-text::after {
    content: "دسته‌بندی ها" !important; 
    font-family: 'Peyda', sans-serif !important; 
    font-size: 14px !important; 
    font-weight: 800 !important; 
    color: #3AC0BD !important; 
    display: inline-block !important;
    margin-right: 0 !important; /* فاصله از طریق gap در مرحله ۲ تنظیم شد */
}

/* ۵. حالت کلیک / لمس */
.whb-header .wd-header-mobile-nav:active .wd-tools-text::after {
    color: #2b918e !important; 
}
/* ================================================= */
/* --- استایل مدرن و برجسته نوار پایین موبایل وودمارت --- */
/* ================================================= */
@media (max-width: 1024px) {
  .wd-toolbar {
    /* ۱. شناور کردن نوار (فاصله دادن از لبه‌های گوشی) */
    bottom: 15px !important;
    left: 15px !important;
    right: 15px !important;
    width: calc(100% - 30px) !important; 
    margin: 0 auto !important;
    /* ۲. گرد کردن گوشه‌ها */
    border-radius: 25px !important; 
    /* ۳. 🔥 برجسته کردن نوار روی بک‌گراند سفید */
    background-color: #ffffff !important; 
    /* یک خط دور بسیار ظریف و نیمه‌شفاف از رنگ فیروزه‌ای شما */
    border: 1px solid rgba(58, 192, 189, 0.3) !important; 
    /* سایه ترکیبی و حرفه‌ای: 
       سایه اول (مشکی ملایم) برای ایجاد عمق و جدا شدن از صفحه 
       سایه دوم (فیروزه‌ای محو) برای هماهنگی با رنگ برند شما */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(58, 192, 189, 0.15) !important;
    /* ۴. جلوگیری از بیرون زدن هاورِ آیکون‌ها */
    overflow: hidden !important; 
  }
  /* --- استایل فونت متن زیر آیکون‌ها --- */
  .wd-toolbar .wd-toolbar-label {
    font-family: 'Peyda', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    /* رنگ خاکستری که روی پس‌زمینه سفیدِ نوار خوانا باشد */
    color: #777777 !important; 
    margin-top: 3px !important;
  }
}
}