:root {
	--wd-text-font: "IRANSans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 13px;
	--wd-title-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(119,119,119);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(119,119,119);
	--wd-widget-title-font-size: 13px;
	--wd-header-el-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 12px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(24,24,24);
	--wd-alternative-color: rgb(255,215,0);
	--btn-default-bgcolor: rgb(0,67,156);
	--btn-default-bgcolor-hover: rgb(15,0,155);
	--btn-accented-bgcolor: rgb(0,67,156);
	--btn-accented-bgcolor-hover: rgb(21,0,158);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(0,67,156);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(255,215,0);
	--wd-link-color-hover: rgb(234,222,0);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(255,255,255,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 1000px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "IRANSans", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: #f6f6f6;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1252px;
--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: 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: 0px;
}

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

rs-slides :is([data-type=text],[data-type=button]) {
font-family: IRANSans !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: peyda !important;
}

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

@font-face {
	font-family: "peyda";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "sarbaz";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "IRANSans";
	font-weight: 400;
	font-style: normal;
}

.bannercustom .promo-banner .banner-image img
{
	border-radius: 20px;
    box-shadow: 0 0 5px rgb(255 255 255 / 10%);
    transition: box-shadow .5s ease; 

}
.bannercustom .banner-background .wrapper-content-banner
{
	    border-radius: 20px;
    border: 3px solid rgb(255 255 255 / 42%);
}


.wd-timer
{
	direction:ltr;
}
.product-image-summary .wd-product-countdown
{
	direction:ltr;
	text-align:right;
}

.footer-corporate .wd-sub-menu li a
{
	color:white;
}
.portfolio-entry .entry-thumbnail img,.portfolio-hover .portfolio-thumbnail:after,.portfolio-entry .entry-thumbnail
{
	border-radius:15px !important;
}

.headerslider .woodmart-title-container:before
{
	    content: "";
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 1px;
	right: 34%;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ffd700),color-stop(35%,#ffd700),color-stop(65%,#ffd700),to(transparent));
    background: -webkit-linear-gradient(left,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
    background: -o-linear-gradient(left,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
    background: linear-gradient(to right,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
}
.headerslider .woodmart-title-container:after
{
	content: "";
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 1px;
	    left: 34%;
    background: -webkit-gradient(linear,right top,left top,color-stop(0,#ffd700),color-stop(35%,#ffd700),color-stop(65%,#ffd700),to(transparent));
    background: -webkit-linear-gradient(right,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
    background: -o-linear-gradient(right,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
    background: linear-gradient(to left,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
}
.hadervideo:after
{
	
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12%;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#181818),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,#181818,rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,#181818,rgba(0,0,0,0));
    background-image: linear-gradient(to top,#181818,rgba(0,0,0,0));
    z-index: 1;

}

.elementor-57 .elementor-element.elementor-element-941ee2b:after
{
	    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12%;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#181818),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,#181818,rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,#181818,rgba(0,0,0,0));
    background-image: linear-gradient(to top,#181818,rgba(0,0,0,0));
    z-index: 1;
}


.headingtext h2:before
{
	    margin-right: 0;
    -webkit-transform: translateY(-50%) rotate(
180deg
);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-48%) rotate(
180deg
);
    right: 0;
	    content: "";
    position: absolute;
    width: 45px;
    height: 1.5px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ffd700),color-stop(35%,#ffd700),color-stop(65%,#ffd700),to(transparent));
    background: -webkit-linear-gradient(left,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
    background: -o-linear-gradient(left,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
    background: linear-gradient(to right,#ffd700 0,#ffd700 35%,#ffd700 65%,transparent 100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.portfoliocustom .testimon-style-boxed .testimonial-inner
{
	padding: 30px;
    background-color: var(--bgcolor-white);
    border-radius: 11px;
    box-shadow: 0 0 5px rgb(255 255 255 / 10%);
    transition: box-shadow .5s ease;
    border-bottom: 1px solid yellow;
}

a.btn.btn-color-white.btn-style-bordered.btn-shape-round.btn-size-small,a.btn.btn-scheme-dark.btn-scheme-hover-dark.btn-style-default.btn-shape-round.btn-size-small.btn-icon-pos-right
{
	font-size: 10px;
	font-weight:400;
}

@media screen and (max-width: 768px)
{
	
.headerslider .woodmart-title-container:before
{
	right: 3%;
}
	.headerslider .woodmart-title-container:after
{
	left: 3%;
}
	.woocommerce-MyAccount-content {
    background-color: #212121 !important;
}
}


/* =========================================
   اعمال سراسری پس‌زمینه دارک و طلایی (پوشاک پلاک)
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

/* بازنشانی پس‌زمینه تمام ارکان وردپرس، وودمارت و المنتور */
html,
body, 
#page, 
.site,
.main-page-wrapper,
.page-container,
.site-content,
.content-area,
.elementor,
.elementor-page,
.elementor-section-wrap,
.elementor-section,
.elementor-container,
.wd-page-content,
header.header-base,
footer.footer-container {
  background-color: #0b0b0b !important;
  background-image: 
    radial-gradient(circle at 15% 20%, rgba(255, 215, 0, 0.07), transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(255, 215, 0, 0.05), transparent 45%),
    #0b0b0b !important;
  background-attachment: fixed !important;
  color: #ffffff !important;
  font-family: 'Vazirmatn', sans-serif !important;
}

/* رفع سفیدی پس‌زمینه کارت‌ها یا بخش‌های داخلی قالب وودمارت */
.wd-main-sub-content,
.woocommerce-content-area,
.elementor-widget-container {
  background: transparent !important;
}






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

/* 1. تنظیمات کلی متن‌ها و رنگ زرد (طلایی) */
:root {
    --theme-gold: #FFC107; /* رنگ زرد/طلایی اصلی */
    --theme-gold-hover: #FFA000; /* رنگ زرد تیره‌تر برای هاور */
    --theme-bg-dark: #121212; /* رنگ پس‌زمینه مشکی */
    --theme-text-light: #E0E0E0; /* رنگ متن سفید مایل به خاکستری برای خوانایی */
}

/* =========================================================
   2. استایل سبد خرید کناری (Off-canvas Cart)
   ========================================================= */
/* پس‌زمینه سبد خرید */
.woocommerce-mini-cart, 
.widget_shopping_cart_content,
.cart-sidebar-wrapper { 
    background-color: var(--theme-bg-dark) !important;
    color: var(--theme-text-light) !important;
}

/* نام محصول در سبد */
.woocommerce-mini-cart-item a {
    color: var(--theme-text-light) !important;
    font-weight: bold;
    transition: 0.3s;
}
.woocommerce-mini-cart-item a:hover {
    color: var(--theme-gold) !important;
}

/* قیمت محصول در سبد */
.woocommerce-mini-cart-item .quantity,
.woocommerce-mini-cart-item .amount {
    color: var(--theme-gold) !important;
}

/* دکمه‌های سبد (مشاهده سبد خرید و تسویه حساب) */
.woocommerce-mini-cart__buttons a.button {
    background-color: var(--theme-gold) !important;
    color: #000000 !important; /* متن مشکی روی دکمه زرد */
    font-weight: bold !important;
    border: none !important;
    transition: 0.3s !important;
}
.woocommerce-mini-cart__buttons a.button:hover {
    background-color: var(--theme-gold-hover) !important;
    color: #000000 !important;
}

/* دکمه حذف محصول (ضربدر) */
.woocommerce-mini-cart-item a.remove {
    color: var(--theme-gold) !important;
    background-color: transparent !important;
    font-size: 1.5em;
}
.woocommerce-mini-cart-item a.remove:hover {
    color: #ff3333 !important; /* قرمز هنگام هاور */
}

/* مجموع (جمع کل) */
.woocommerce-mini-cart__total {
    border-top: 1px solid #333 !important;
    color: var(--theme-text-light) !important;
}
.woocommerce-mini-cart__total .amount {
    color: var(--theme-gold) !important;
    font-size: 1.2em;
}

/* =========================================================
   3. استایل صفحه محصول تکی
   ========================================================= */
/* عنوان محصول */
.product_title {
    color: var(--theme-text-light) !important;
}

/* قیمت محصول */
.summary .price, 
.summary .price ins, 
.summary .price .amount {
    color: var(--theme-gold) !important;
    font-weight: bold;
}
/* قیمت خط خورده (قیمت اصلی قبل از تخفیف) */
.summary .price del, 
.summary .price del .amount {
    color: #888888 !important; 
}

/* وضعیت موجودی انبار */
.stock.in-stock {
    color: #4CAF50 !important; /* سبز ملایم */
    font-weight: bold;
}
.stock.out-of-stock {
    color: #F44336 !important; /* قرمز ملایم */
}

/* دکمه "افزودن به سبد خرید" */
.single_add_to_cart_button {
    background-color: var(--theme-gold) !important;
    color: #000000 !important;
    font-weight: bold !important;
    transition: 0.3s !important;
    border-radius: 5px;
}
.single_add_to_cart_button:hover {
    background-color: var(--theme-gold-hover) !important;
}

/* استایل فیلد تعداد (+ و -) */
.quantity .qty {
    background-color: #1a1a1a !important;
    color: var(--theme-gold) !important;
    border: 1px solid #333 !important;
}

/* =========================================================
   4. استایل متون عمومی و اطلاعات دسته‌بندی
   ========================================================= */
/* دسته‌بندی محصول (مثل: دسته: اکسسوری) */
.product_meta, 
.product_meta a, 
.product_meta span {
    color: #aaaaaa !important;
}
.product_meta a:hover {
    color: var(--theme-gold) !important;
}

/* برچسب حراج (Sale) */
span.onsale {
    background-color: var(--theme-gold) !important;
    color: #000000 !important;
    font-weight: bold;
}


/* =========================================================
   تم تاریک و زرد (طلایی) برای ووکامرس (شامل سبد چسبان)
   ========================================================= */

/* 1. تنظیمات کلی متغیرهای رنگی */
:root {
    --theme-gold: #FFC107; /* رنگ زرد/طلایی */
    --theme-gold-hover: #FFA000; /* زرد تیره‌تر */
    --theme-bg-dark: #121212; /* مشکی پس‌زمینه */
    --theme-bg-lighter: #1E1E1E; /* مشکی روشن‌تر برای نوارها */
    --theme-text-light: #E0E0E0; /* متن خاکستری روشن */
}

/* =========================================================
   2. سبد خرید کناری (Off-canvas Cart)
   ========================================================= */
.woocommerce-mini-cart, 
.widget_shopping_cart_content,
.cart-sidebar-wrapper { 
    background-color: var(--theme-bg-dark) !important;
    color: var(--theme-text-light) !important;
}
.woocommerce-mini-cart-item a { color: var(--theme-text-light) !important; transition: 0.3s; }
.woocommerce-mini-cart-item a:hover { color: var(--theme-gold) !important; }
.woocommerce-mini-cart-item .quantity, 
.woocommerce-mini-cart-item .amount { color: var(--theme-gold) !important; }

.woocommerce-mini-cart__buttons a.button {
    background-color: var(--theme-gold) !important;
    color: #000 !important;
    font-weight: bold !important;
    transition: 0.3s !important;
}
.woocommerce-mini-cart__buttons a.button:hover { background-color: var(--theme-gold-hover) !important; }
.woocommerce-mini-cart-item a.remove { color: var(--theme-gold) !important; font-size: 1.5em; }
.woocommerce-mini-cart-item a.remove:hover { color: #ff3333 !important; }
.woocommerce-mini-cart__total { border-top: 1px solid #333 !important; color: var(--theme-text-light) !important; }
.woocommerce-mini-cart__total .amount { color: var(--theme-gold) !important; }

/* =========================================================
   3. صفحه محصول تکی
   ========================================================= */
.product_title { color: var(--theme-text-light) !important; }
.summary .price, .summary .price ins, .summary .price .amount { color: var(--theme-gold) !important; }
.summary .price del, .summary .price del .amount { color: #888 !important; }
.stock.in-stock { color: #4CAF50 !important; font-weight: bold; }
.stock.out-of-stock { color: #F44336 !important; font-weight: bold; }

.single_add_to_cart_button {
    background-color: var(--theme-gold) !important;
    color: #000 !important;
    font-weight: bold !important;
    transition: 0.3s !important;
    border-radius: 5px;
}
.single_add_to_cart_button:hover { background-color: var(--theme-gold-hover) !important; }
.quantity .qty { background-color: #1a1a1a !important; color: var(--theme-gold) !important; border: 1px solid #333 !important; }
.product_meta, .product_meta a, .product_meta span { color: #aaa !important; }
.product_meta a:hover { color: var(--theme-gold) !important; }
span.onsale { background-color: var(--theme-gold) !important; color: #000 !important; font-weight: bold; }

/* =========================================================
   4. سبد خرید چسبان (Sticky Add to Cart - Woodmart)
   ========================================================= */
/* پس زمینه کل نوار چسبان */
.wd-sticky-btn {
    background-color: var(--theme-bg-lighter) !important;
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.5) !important;
}

/* عنوان محصول در نوار چسبان */
.wd-sticky-btn .wd-entities-title {
    color: var(--theme-text-light) !important;
    font-weight: 600;
}

/* قیمت در نوار چسبان */
.wd-sticky-btn .price,
.wd-sticky-btn .price .amount,
.wd-sticky-btn .price ins,
.wd-sticky-btn .price ins .amount {
    color: var(--theme-gold) !important;
}
.wd-sticky-btn .price del,
.wd-sticky-btn .price del .amount {
    color: #777 !important;
}

/* دکمه "انتخاب گزینه ها" و "افزودن به سبد" در نوار چسبان */
.wd-sticky-btn .wd-sticky-add-to-cart,
.wd-sticky-btn .button.alt {
    background-color: var(--theme-gold) !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
    transition: 0.3s !important;
}
.wd-sticky-btn .wd-sticky-add-to-cart:hover,
.wd-sticky-btn .button.alt:hover {
    background-color: var(--theme-gold-hover) !important;
    color: #000 !important;
}

/* آیکون‌های مقایسه و علاقه‌مندی در نوار چسبان */
.wd-sticky-btn .wd-action-btn a {
    color: #aaa !important;
    transition: 0.3s !important;
}
.wd-sticky-btn .wd-action-btn a:hover {
    color: var(--theme-gold) !important;
}




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

/* 1. تنظیمات کلی جدول سبد خرید */
.woocommerce-cart-form .shop_table {
    background-color: transparent !important;
    color: var(--theme-text-light, #E0E0E0) !important;
    border-color: #333 !important;
}

/* عناوین ستون‌های جدول (محصول، قیمت، تعداد و...) */
.woocommerce-cart-form .shop_table thead th {
    color: var(--theme-gold, #FFC107) !important;
    font-weight: bold !important;
    border-bottom: 1px solid #444 !important;
    background-color: transparent !important;
}

/* خطوط جداکننده ردیف‌ها */
.woocommerce-cart-form .shop_table tbody td {
    border-bottom: 1px solid #222 !important;
    color: var(--theme-text-light, #E0E0E0) !important;
}

/* نام محصول */
.woocommerce-cart-form .shop_table .product-name a {
    color: var(--theme-text-light, #E0E0E0) !important;
    font-weight: 500 !important;
    transition: 0.3s;
}
.woocommerce-cart-form .shop_table .product-name a:hover {
    color: var(--theme-gold, #FFC107) !important;
}

/* قیمت‌ها (قیمت محصول و جمع کل هر ردیف) */
.woocommerce-cart-form .shop_table .product-price,
.woocommerce-cart-form .shop_table .product-subtotal {
    color: var(--theme-text-light, #E0E0E0) !important;
}
.woocommerce-cart-form .shop_table .product-price .amount,
.woocommerce-cart-form .shop_table .product-subtotal .amount {
    color: var(--theme-gold, #FFC107) !important;
    font-weight: bold !important;
}

/* دکمه حذف (ضربدر) */
.woocommerce-cart-form .shop_table .product-remove a.remove {
    color: #ff3333 !important;
    background-color: rgba(255, 51, 51, 0.1) !important;
    transition: 0.3s;
}
.woocommerce-cart-form .shop_table .product-remove a.remove:hover {
    background-color: #ff3333 !important;
    color: #fff !important;
}

/* فیلدهای تعداد (+ و - و input) */
.woocommerce-cart-form .quantity .qty {
    background-color: #1a1a1a !important;
    color: var(--theme-gold, #FFC107) !important;
    border: 1px solid #444 !important;
}
.woocommerce-cart-form .quantity .minus,
.woocommerce-cart-form .quantity .plus {
    background-color: #222 !important;
    color: var(--theme-text-light, #E0E0E0) !important;
    border: 1px solid #444 !important;
}
.woocommerce-cart-form .quantity .minus:hover,
.woocommerce-cart-form .quantity .plus:hover {
    background-color: var(--theme-gold, #FFC107) !important;
    color: #000 !important;
}

/* 2. بخش کد تخفیف و دکمه‌های به‌روزرسانی */
.woocommerce-cart-form .coupon input#coupon_code {
    background-color: #1a1a1a !important;
    color: var(--theme-text-light, #E0E0E0) !important;
    border: 1px solid #444 !important;
}
.woocommerce-cart-form .coupon button.button {
    background-color: var(--theme-gold, #FFC107) !important;
    color: #000 !important;
    font-weight: bold !important;
}
.woocommerce-cart-form button[name="update_cart"] {
    background-color: transparent !important;
    color: var(--theme-text-light, #E0E0E0) !important;
    border: 1px solid #555 !important;
}
.woocommerce-cart-form button[name="update_cart"]:hover {
    background-color: #333 !important;
}

/* 3. باکس جمع کل سبد خرید (Cart Totals) */
.cart_totals h2 {
    color: var(--theme-text-light, #E0E0E0) !important;
}
.cart_totals .shop_table th,
.cart_totals .shop_table td {
    color: var(--theme-text-light, #E0E0E0) !important;
    border-color: #333 !important;
}
.cart_totals .shop_table .amount {
    color: var(--theme-gold, #FFC107) !important;
}
.cart_totals .shop_table .order-total .amount {
    color: var(--theme-gold, #FFC107) !important;
    font-size: 1.2em;
}

/* دکمه ادامه جهت تسویه حساب */
.wc-proceed-to-checkout a.checkout-button {
    background-color: var(--theme-gold, #FFC107) !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 12px 20px !important;
    transition: 0.3s !important;
}
.wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--theme-gold-hover, #FFA000) !important;
}

/* =========================================================
   4. اصلاح باکس کش‌بک (wpcb)
   ========================================================= */
/* پس‌زمینه باکس کش‌بک به رنگ مشکی سایت */
.wpcb {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
    --wpcb-text: #E0E0E0 !important; /* رنگ متن */
    --wpcb-muted: #999 !important; /* رنگ متن‌های کم‌رنگ‌تر */
    --wpcb-line: #333 !important; /* رنگ خطوط */
    --wpcb-accent: #FFC107 !important; /* رنگ زرد برای آیکون و نوار */
}
.wpcb-icon {
    background: rgba(255, 193, 7, 0.15) !important; /* پس‌زمینه محو زرد برای آیکون */
}
.wpcb-bar {
    background: #2a2a2a !important;
}
.wpcb-scale .amount {
    color: #E0E0E0 !important;
}
.wpcb-title {
    color: #fff !important;
}




/* =========================================================
   استایل تم تاریک و زرد برای صفحه تسویه حساب (Checkout)
   ========================================================= */

/* 1. استایل کلی فرم‌ها و ستون‌ها */
.woocommerce-checkout .customer-details, 
.woocommerce-checkout .checkout-order-review {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 10px !important;
    padding: 25px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

/* عنوان‌های اصلی (جزئیات صورت‌حساب، سفارش شما و...) */
.woocommerce-checkout h3 {
    color: #FFC107 !important; /* رنگ زرد */
    border-bottom: 1px solid #333 !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

/* برچسب‌های فیلدها (نام، آدرس و...) */
.woocommerce-checkout label {
    color: #E0E0E0 !important; /* رنگ خاکستری روشن */
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* 2. استایل فیلدهای ورودی (Inputs & Textareas) */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    background-color: #121212 !important;
    color: #E0E0E0 !important;
    border: 1px solid #444 !important;
    border-radius: 6px !important;
    padding: 10px !important;
    width: 100% !important;
    transition: 0.3s !important;
}

/* هنگام کلیک روی فیلدها */
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
    border-color: #FFC107 !important;
    box-shadow: 0 0 5px rgba(255, 193, 7, 0.3) !important;
    outline: none !important;
}

/* استایل Select2 (منوی کشویی استاندارد ووکامرس) */
.select2-container--default .select2-selection--single {
    background-color: #121212 !important;
    border: 1px solid #444 !important;
    height: 42px !important;
    padding-top: 6px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #E0E0E0 !important;
}
.select2-dropdown {
    background-color: #1a1a1a !important;
    border: 1px solid #444 !important;
}
.select2-results__option {
    color: #E0E0E0 !important;
}
.select2-results__option--highlighted {
    background-color: #FFC107 !important;
    color: #000 !important;
}

/* 3. استایل جدول سفارش (سمت چپ) */
.woocommerce-checkout-review-order-table {
    background-color: transparent !important;
    color: #E0E0E0 !important;
}
.woocommerce-checkout-review-order-table th {
    color: #FFC107 !important;
    border-bottom: 1px solid #444 !important;
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table .amount {
    color: #E0E0E0 !important;
    border-bottom: 1px solid #333 !important;
}
.woocommerce-checkout-review-order-table .order-total .amount {
    color: #FFC107 !important;
    font-size: 1.2em !important;
}

/* 4. باکس اخطار پرداخت (هشدار زردرنگ) */
.woocommerce-checkout .woocommerce-info {
    background-color: rgba(255, 193, 7, 0.1) !important;
    color: #FFC107 !important;
    border-top: 2px solid #FFC107 !important;
    border-radius: 6px !important;
    padding: 15px !important;
}
.woocommerce-checkout .woocommerce-info a {
    color: #fff !important;
    text-decoration: underline !important;
}

/* 5. دکمه ثبت سفارش */
.woocommerce-checkout #place_order {
    background-color: #FFC107 !important;
    color: #000 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    transition: 0.3s !important;
    width: 100% !important;
}
.woocommerce-checkout #place_order:hover {
    background-color: #FFA000 !important;
}

/* 6. باکس زمان‌بندی ارسال (Custom Box) */
.white_card {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
    border-radius: 10px !important;
}
.section_head {
    color: #FFC107 !important;
}
.section_head p {
    color: #FFC107 !important;
}
.section_head hr {
    border-color: #333 !important;
}






/* =========================================================
   استایل دکمه‌های رنگ و سایز (تم زرد و مشکی)
   ========================================================= */

/* 1. تنظیمات مشترک برای سایزها و رنگ‌ها (حالت عادی) */
.woocommerce .variations .value .wd-swatch.wd-text,
.woocommerce .variations .value .wd-swatch.wd-bg {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 45px !important;
    height: 38px !important;
    border-radius: 50px !important; /* حالت قرصی */
    padding: 0 12px !important;
    margin: 5px 5px 5px 0 !important;
    background-color: #FFC107 !important; /* پس‌زمینه زرد */
    border: 1px solid #FFC107 !important; /* حاشیه زرد */
    gap: 8px !important; 
    transition: all 0.3s ease !important;
    color: #000 !important; /* متن مشکی */
    font-weight: bold !important;
}

/* 2. مخصوص رنگ‌ها (چیدمان متن و دایره) */
.woocommerce .variations .value .wd-swatch.wd-bg {
    min-width: 75px !important;
    flex-direction: row-reverse !important;
}

/* 3. استایل دایره کوچک رنگ */
.woocommerce .variations .value .wd-swatch.wd-bg .wd-swatch-bg {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
    position: static !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* 4. نمایش متن نام رنگ و سایز */
.woocommerce .variations .value .wd-swatch-text {
    display: inline-block !important;
    font-size: 14px !important;
    color: #000 !important; /* متن مشکی */
    font-weight: bold !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* 5. حالت انتخاب شده (Active) - وقتی کاربر روی گزینه کلیک می‌کند */
.woocommerce .variations .value .wd-swatch.wd-active,
.woocommerce .variations .value .wd-swatch[aria-checked="true"] {
    background-color: #333 !important; /* پس‌زمینه مشکی */
    border-color: #333 !important;
}
.woocommerce .variations .value .wd-swatch.wd-active .wd-swatch-text,
.woocommerce .variations .value .wd-swatch[aria-checked="true"] .wd-swatch-text {
    color: #FFC107 !important; /* متن زرد در حالت انتخاب */
}
.woocommerce .variations .value .wd-swatch.wd-bg.wd-active .wd-swatch-bg,
.woocommerce .variations .value .wd-swatch.wd-bg[aria-checked="true"] .wd-swatch-bg {
    border-color: #FFC107 !important;
}

/* 6. حالت هاور (وقتی موس روی دکمه می‌رود) */
.woocommerce .variations .value .wd-swatch:hover {
    background-color: #FFA000 !important; /* زرد تیره‌تر */
    border-color: #FFA000 !important;
}





/* Billing address 2 */
#billing_address_2{
	visibility:hidden;
}

/* Label */
#ship-to-different-address label{
	visibility:hidden;
}

/* White card */
#customer_details .white_card{
	height:0px;
	visibility:hidden;
}

/* Payment method pal */
#payment_method_WC_ZPal{
	
}







/* Paragraph */
.pelak-footer-grid .pelak-footer-col p{
	color:#ffffff;
}

/* Link */
.pelak-footer-links li a{
	color:#ffffff;
}

/* Span Tag */
.pelak-contact-list .pelak-contact-item span{
	color:#ffffff;
}