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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.jamwatch.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.jamwatch.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.jamwatch.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.jamwatch.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.jamwatch.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.jamwatch.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.jamwatch.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.jamwatch.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Modamregular", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: "modambold", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Modamregular", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Modamregular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "modambold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "modambold", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(250,213,29);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-family: "Modamregular", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "modambold", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgba(0,0,0,0.85);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--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-popup-width: 800px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgb(28,97,231);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(18,69,89);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(18,69,89);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(0,0,0);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
: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: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}



@font-face {
	font-family: "Modamregular";
	src: url("//www.jamwatch.com/wp-content/uploads/2025/06/ModamFaNumWeb-Regular.woff2") format("woff2"), 
url("//www.jamwatch.com/wp-content/uploads/2025/06/ModamFaNumWeb-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "modambold";
	src: url("//www.jamwatch.com/wp-content/uploads/2025/06/ModamFaNumWeb-Bold.woff2") format("woff2"), 
url("//www.jamwatch.com/wp-content/uploads/2025/06/ModamFaNumWeb-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

/* ================================================= */
/* استایل های جامع برای دکمه استیکی افزودن به سبد خرید */
/* ================================================= */
.wpcsb-add-to-cart .wpcsb-btn {
    /* استایل های فونت */
    font-family: 'modambold', sans-serif !important; /* نام فونت خود را اینجا قرار دهید */
    font-weight: bold !important;                    /* برای بولد کردن */
    color: #fff !important;                          /* رنگ متن: سفید */

    /* استایل های ظاهری دکمه */
    background-color: #000 !important;      /* رنگ پس‌زمینه: مشکی */

    /* استایل های مربوط به z-index و موقعیت یابی */
    position: sticky !important; /* یا fixed، بسته به اینکه پلاگین چگونه آن را تعریف کرده است */
    z-index: 999 !important;     /* یک عدد پایین تر از سایدبار */
}

/* ========================================= */
/* استایل های مربوط به سبد خرید کوچک سایدبار */
/* ========================================= */
.cart-widget-side {
    position: fixed !important; /* اطمینان از موقعیت یابی برای کارکرد z-index */
    z-index: 1000 !important;   /* این عدد باید از z-index دکمه استیکی بزرگتر باشد */
}

/* پنهان کردن دکمه افزودن به سبد خرید از روی تصویر محصول در آرشیو */
.product-grid-item .wd-add-btn.wd-add-cart-icon {
    display: none !important;
}

/* وسط‌چین کردن عنوان و قیمت محصول در صفحات آرشیو */
.product-element-bottom {
  display: flex;
  flex-direction: column; /* آیتم‌ها را زیر هم می‌چیند */
  align-items: center;    /* آیتم‌ها را در محور افقی وسط‌چین می‌کند */
  text-align: center;       /* متن داخل آیتم‌ها را هم وسط‌چین می‌کند */
}

/* === استایل نهایی آکاردئون درگاه پرداخت === */

/* مخفی کردن دکمه‌های رادیویی کنترلر */
.accordion-toggle-radio {
    display: none;
}

/* استایل هر بخش آکاردئون */
.accordion-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
}

/* استایل لیبل‌ها که نقش عنوان آکاردئون را دارند */
.accordion-toggle-label {
    display: block;
    width: 100%;
    padding: 15px 20px;
    cursor: pointer;
    background-color: #f9f9f9;
    color: #333;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.2s ease;
}
.accordion-item:last-of-type .accordion-toggle-label {
    border-bottom: none;
}

/* محتوای آکاردئون (درگاه‌ها) */
.accordion-content {
    display: none;
    padding: 0;
    background-color: #fff;
}

/* نمایش محتوای آکاردئون وقتی کنترلر آن فعال است */
#accordion-toggle-naghdi:checked ~ .accordion-content,
#accordion-toggle-aghsati:checked ~ .accordion-content {
    display: block;
}

/* تغییر ظاهر لیبل وقتی آکاردئون باز است */
#accordion-toggle-naghdi:checked + .accordion-toggle-label,
#accordion-toggle-aghsati:checked + .accordion-toggle-label {
    background-color: #fff;
}


/* === اصلاح ظاهر داخلی هر درگاه پرداخت === */

/* هر ردیف درگاه پرداخت */
.wc_payment_method {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
}
.accordion-content .wc_payment_method:last-child {
    border-bottom: none;
}

/* دکمه رادیویی (چک باکس) */
.wc_payment_method input[type="radio"] {
    margin-left: 15px !important; /* فاصله از متن */
    flex-shrink: 0;
}

/* لیبل درگاه (نام) */
.wc_payment_method > label {
    font-weight: 500;
    flex-grow: 1; /* باعث هل دادن آیکون به سمت چپ می‌شود */
}

/* آیکون درگاه - نسخه نهایی با هدف قرار دادن تگ img */
.wc_payment_method > img {
    max-width: 40px !important; /* حداکثر عرض با اولویت بالا */
    height: auto !important;      /* ارتفاع خودکار برای حفظ نسبت تصویر */
    margin-right: auto;           /* آیکون را در سمت راست نگه می‌دارد */
}

/* مخفی کردن کامل جعبه توضیحات درگاه */
.payment_box {
    display: none !important;
}

/* استایل بخش دکمه ثبت سفارش */
.place-order {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #e0e0e0;
}

.accordion-subtitle {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    margin-top: 4px;
}

/* مخفی کردن بخش قوانین و مقررات در تسویه حساب */
.woocommerce-terms-and-conditions-wrapper {
    display: none !important;
}

/* اصلاح رنگ دکمه "ثبت کد تخفیف" در حالت هاور در سبد خرید کناری */
.cart-widget-side .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover {
    background-color: #111 !important; /* یک رنگ تیره برای پس‌زمینه */
    color: #fff !important;           /* اطمینان از سفید ماندن متن */
}

/* مخفی کردن کامل فرم کد تخفیف در صفحه تسویه حساب */
.wd-checkout-coupon {
    display: none !important;
}

/* =================================================================
   استایل نهایی برای کادر چک‌باکس‌ها (تمام عرض و با فاصله کمتر)
   ================================================================= */

/* بخش 1: استایل اصلی کادرها */
.woocommerce-checkout .thwcfd-field-wrapper.thwcfd-field-checkbox,
.woocommerce-checkout .create-account {
    /* طراحی کادر */
    background-color: #fcfdff;
    border: 1px solid #e9eef5;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    
    /* حذف وسط‌چینی و بازگرداندن به حالت تمام‌عرض */
    width: 100%;
    max-width: 100%;
}

/* بخش 2: افکت هاور */
.woocommerce-checkout .thwcfd-field-wrapper.thwcfd-field-checkbox:hover,
.woocommerce-checkout .create-account:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.08);
    border-color: #dbe3f0;
}

/* بخش 3: استایل متن و چک‌باکس داخل کادر */
.woocommerce-checkout .thwcfd-field-wrapper.thwcfd-field-checkbox label,
.woocommerce-checkout .create-account label {
    font-size: 16px;
    color: #4a5568;
    line-height: 1.7;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* بزرگ‌تر کردن خود چک‌باکس پیش‌فرض */
.woocommerce-checkout .thwcfd-field-wrapper.thwcfd-field-checkbox input[type="checkbox"],
.woocommerce-checkout .create-account input[type="checkbox"] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/*
 * مخفی کردن کامل بخش پایینی محصول (شامل عنوان، قیمت و دکمه)
 * فقط برای کاروسل با کلاس jw-tag-carousel
*/
.jw-tag-carousel .product-element-bottom {
    display: none !important;
}

/* نسخه نهایی و قوی‌شده برای استایل سایدبار حساب کاربری */

/* ۱. استایل کانتینر اصلی سایدبار */
.wd-my-account-sidebar {
    background-color: #ffffff !important;
    border: 1px solid #e9eef5 !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
    padding: 10px !important;
    overflow: hidden !important;
}

/* ۲. استایل کلی برای هر آیتم منو */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link a {
    display: flex !important;
    align-items: center !important;
    padding: 15px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
    transition: all 0.2s ease-in-out !important;
    border-bottom: none !important;
}

/* ۳. استایل آیکن‌های داخل لینک‌ها */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link a i {
    font-size: 20px !important;
    margin-left: 12px !important;
}

/* ۴. افکت هاور */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link:not(.is-active) a:hover {
    background-color: #f5f7fa !important;
    color: #1a202c !important;
    transform: translateX(-5px) !important;
}

/* ۵. استایل آیتم فعال */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important;
}

/* ۶. حذف حاشیه پایینی آخرین آیتم */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-link:last-child {
   border-bottom: none !important;
}

/* =================================================================
   استایل سفارشی برای دکمه فاکتور در صفحه سفارش
   ================================================================= */

/* ۱. استایل کانتینر والد دکمه
-------------------------------------------------------------------- */
.sa-invoice-preview-link-wrap {
    width: 100%; /* تمام عرض شدن کانتینر */
    text-align: center; /* وسط‌چین کردن محتوای داخل آن (یعنی دکمه) */
    margin-top: 25px; /* ایجاد فاصله از بالا */
    margin-bottom: 25px; /* ایجاد فاصله از پایین */
}

/* ۲. استایل اصلی خود دکمه فاکتور
-------------------------------------------------------------------- */
.sa-invoice-preview-link-wrap .sa-invoice-button.button {
    background-color: #4f46e5; /* <<<< رنگ اصلی (هماهنگ با سایدبار) */
    color: #ffffff;
    border: none;
    border-radius: 8px; /* گوشه‌های گرد */
    padding: 12px 30px; /* اندازه و فاصله داخلی دکمه */
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25);
    transition: all 0.2s ease-in-out;
}

/* ۳. استایل هاور دکمه (وقتی ماوس روی آن می‌رود)
-------------------------------------------------------------------- */
.sa-invoice-preview-link-wrap .sa-invoice-button.button:hover {
    background-color: #4338ca; /* کمی تیره‌تر شدن رنگ اصلی */
    transform: translateY(-2px); /* کمی حرکت به سمت بالا */
    box-shadow: 0 6px 16px rgba(79, 70, 229, 0.3);
}

.diginovin {
    border: 2px dashed #00a049;
    background-color: #f0fcf5;
}