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

:root {
	--wd-text-font: "peyda", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--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: #333333;
	--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: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "peyda", 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(79,79,79);
	--wd-alternative-color: rgb(140,140,140);
	--btn-default-font-family: "peyda", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: rgb(147,163,127);
	--btn-accented-font-family: "peyda", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(79,79,79);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(104,104,104);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(79,79,79);
	--wd-link-color-hover: rgb(140,140,140);
}
.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: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 200px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.page :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;
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button {
	font-family: "peyda", Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	background: rgb(33,33,33);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}
.product-labels .product-label.onsale {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
.product-labels .product-label.featured {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-form-brd-radius: 0px;
--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;
}


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

.wd-page-title {
background-color: rgba(10,10,10,0);
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "peyda";
	src: url("//vivishopm.com/wp-content/uploads/2026/02/PeydaVF.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
}

#main-content {
    padding: 0 !important;
}
.shop-loop-head {
	box-shadow: none !important;
}

.product-element-top .product-image-link img,
.product-element-top .hover-img img {
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3; /* همان 1 / 1.5 */
	object-fit: cover;
}


.home {
	margin: 0;
}

.products {
	--wd-gap-lg: 5px !important;
}

span.wd-cart-number.wd-tools-count {
	transform: translate(10px, -8px);
	background: #FFFFFF00 !important;
	color: #777 !important;
}


select.orderby {
	border: none;
}


a.scrollToTop.button-show {
	box-shadow: none;
	border: 1px solid #9999;
}


.wd-sticky-nav.wd-hide-md {
	height: 60px;
	border: none;
	background: #FFFFFF00;
}

.wd-sticky-nav.wd-hide-md:hover {
	height: 100vh;
	background: #FFFFFF;
}


.home .wd-header-text {
	transform: translateX(-60px);
}

.wd-sticky-nav-title {
	background: #FFFFFF00;
	color: #000;
	transform: translate(-7px, 7px);
}


.wd-header-text.reset-last-child {
	font-size: 27px;
	color: #333;
	font-family: serif;
}


section.wd-negative-gap {
	border: none !important;
}

.wd-sticky-nav-title:before {
	content: url(https://vivishopm.com/wp-content/uploads/2025/07/menu-icon.svg);
	https://vivishopm.com/wp-content/uploads/2025/07/menu-icon.svg);
	scale: 1.5;
}


.wd-breadcrumbs .wd-delimiter:after {
	content: "\f114";
	font-family: 'woodmart-font';
	color: #d7d5d5;
	font-size: 12px;
}

p.stock.in-stock.wd-style-default {
	display: flex;
}


.wd-checkout-steps li a {
	text-decoration: auto !important;
}


.wd-checkout-steps li:not(:last-child):after {
	font-weight: 400;
	font-size: 200%;
	opacity: 0.1;
	content: "\f114";
	font-family: "woodmart-font";
	padding-inline: 1.5em;
}


form.woocommerce-cart-form {
	border: 2px solid #ececec;
	padding: 2em;
}

.cart-content-wrapper>.cart_totals .cart-totals-inner {
	border: 2px solid var(--brdcolor-gray-200) !important;
}

tr td, tr th {
	border: none !important;
	text-align: center !important;
}


#shipping_method input[type=radio] {
	display: none;
}


ul#shipping_method li {
	background: #FFF;
	border: 1px solid #dddddd;
	padding: 1em;
}


ul#shipping_method li {
	background: #FFF;
	border: 1px solid #e9e9e9;
	padding: 1em;
	transition: 0.3s;
}


ul#shipping_method li:has(input:checked) {
	background: #fafafa;
	border-color: #c9c9c9;
}


ul#shipping_method li:hover {
	border-color: #c9c9c9;
}


.wd-table-wrapper.wd-manage-on {
	box-shadow: none !important;
}


.home .wd-section-stretch {
	margin: 0;
	transform: scale(1.05);
}


.product-wrapper * {
	text-align: right;
}


.archive .wd-swatches-grid {
	display: none;
}


.archive span.price span {
	color: #b1abab !important;
	font-weight: 100;
}


ul.wd-nav.wd-nav-mob-tab.wd-style-underline {
	flex-direction: row-reverse;
}

section.sms-ir-client-form .panel-primary>.panel-heading {
	background-color: #f3f3f3 !important;
	border-color: #4f4f4f !important;

}


section.sms-ir-client-form .panel-primary {
	border-color: #4f4f4f !important;
}


.panel-heading h5 {
	margin: .2em !important;
}


section.sms-ir-client-form input {
	margin: 0 !important;
}

section.sms-ir-client-form input {
	margin-inline: auto !important;
	margin-bottom: 14px !important;
}

table.variations {
	display: flex;
}

.close-header-banner.wd-action-btn.wd-style-icon.wd-cross-icon {
  display: none;
}

.woocommerce-error {
  background: #282828;
  border-radius: 9px;
}

/* خاکستری کردن سواچ‌های ناموجود - وودمارت */
.swatch-on-single.swatch-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    position: relative !important;
}

/* خط مورب روی سواچ رنگی/تصویری */
.swatch-on-single.swatch-disabled::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    height: 1.5px !important;
    background: #777 !important;
    transform: rotate(-45deg) !important;
}

/* خط روی متن سواچ‌های متنی */
.swatch-on-single.swatch-disabled .swatch-label {
    text-decoration: line-through !important;
    text-decoration-color: #555 !important;
}

table.variations select option:disabled {
    color: #bbb !important;
    background-color: #f5f5f5 !important;
}

.star-rating {
    display: none;
}

/* 1. حذف عنوان و قرار دادن فیلترها در یک خط */
.wd-widget-stock-status .widget-title {
    display: none !important;
}

.wd-widget-stock-status .wd-checkboxes-on {
    display: flex !important;
    flex-direction: row !important;
    gap: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. تنظیم ساختار آیتم‌ها */
.wd-widget-stock-status .wd-checkboxes-on li {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* 3. مخفی کردن متن و ظاهر پیش‌فرض وودمارت */
.wd-widget-stock-status .wd-checkboxes-on li a {
    font-size: 0 !important; 
    color: transparent !important;
    display: flex !important;
    align-items: center !important;
    padding-right: 55px !important; /* فضا برای سوییچ */
    min-height: 26px !important;
    text-decoration: none !important;
}

.wd-widget-stock-status .wd-checkboxes-on li a::before,
.wd-widget-stock-status .wd-checkboxes-on li a::after {
    display: none !important;
}

/* 4. قرار دادن متن‌های جدید بر اساس ترتیب (مستقل از لینک) */
.wd-widget-stock-status .wd-checkboxes-on li:nth-child(1) a::after {
    content: "فروش ویژه" !important;
    font-size: 14px !important;
    color: #333 !important;
    display: block !important;
}

.wd-widget-stock-status .wd-checkboxes-on li:nth-child(2) a::after {
    content: "آماده ارسال" !important;
    font-size: 14px !important;
    color: #333 !important;
    display: block !important;
}

/* 5. پس‌زمینه سوییچ (خاکستری) */
.wd-widget-stock-status .wd-checkboxes-on li::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    width: 46px !important;
    height: 26px !important;
    background-color: #e4e4e4 !important;
    border-radius: 50px !important;
    transition: 0.3s ease !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 6. دکمه سوییچ (دایره سفید) */
.wd-widget-stock-status .wd-checkboxes-on li::after {
    content: '' !important;
    position: absolute !important;
    right: 2px !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    transition: transform 0.3s ease !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* 7. حالت فعال (سبز شدن با کلاس اختصاصی وودمارت) */
.wd-widget-stock-status .wd-checkboxes-on li.wd-active::before,
.wd-widget-stock-status .wd-checkboxes-on li.chosen::before {
    background-color: #4cd964 !important;
}

.wd-widget-stock-status .wd-checkboxes-on li.wd-active::after,
.wd-widget-stock-status .wd-checkboxes-on li.chosen::after {
    transform: translateX(-20px) !important; /* حرکت دکمه به سمت چپ */
}

.wd-widget-stock-status .wd-checkboxes-on li a::after {
    white-space: nowrap !important;
}

.widget-area .wd-widget span.widget-title,
.widget-area .widget span.widget-title,
.wd-widget.sidebar-widget span.widget-title {
    margin-bottom: 22px !important;
    display: block !important;
}
/* مرتب سازی */
/* 1. تبدیل لیست به باکس‌های انعطاف‌پذیر (Flex) */
.wd-widget.woodmart-woocommerce-sort-by ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important; /* فاصله یکدست بین کپسول‌ها */
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. تنظیم عرض کپسول‌ها برای حالت دو ستونه */
.wd-widget.woodmart-woocommerce-sort-by ul li {
    margin: 0 !important;
    list-style: none !important;
    flex: 1 1 calc(50% - 10px) !important; 
}

/* 3. طراحی ظاهر کپسولی و مینیمال (حالت عادی) */
.wd-widget.woodmart-woocommerce-sort-by ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f5f5f7 !important; /* خاکستری بسیار روشن و مدرن */
    color: #666666 !important;
    font-size: 13px !important;
    padding: 10px 8px !important;
    border-radius: 12px !important; /* گوشه‌های کاملاً گرد */
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

/* 4. افکت هنگام رفتن ماوس روی گزینه‌ها */
.wd-widget.woodmart-woocommerce-sort-by ul li a:hover {
    background-color: #e8e8ed !important;
    color: #333333 !important;
}

/* 5. استایل حالت فعال */
.wd-widget.woodmart-woocommerce-sort-by ul li a.selected-order {
    background-color: #1d1d1f !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

.wd-widget.woodmart-woocommerce-sort-by ul li a.selected-order::before {
    content: "\2713" !important; 
    margin-left: 6px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    display: inline-block !important;
}
/* استایل دسته بندی */

/* 1. تنظیم ساختار اصلی هر آیتم برای کنترل دقیق محتوا */
.widget_product_categories .product-categories li {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
}

/* 2. طراحی کپسول (لینک دسته‌بندی) */
.widget_product_categories .product-categories li > a {
    flex: 1 1 100% !important;
    background-color: #f5f5f7 !important;
    color: #666666 !important;
    padding: 10px 40px 10px 15px !important; /* فاصله 40 پیکسلی در سمت چپ برای دکمه کشویی */
    border-radius: 12px !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

/* 3. افکت هاور */
.widget_product_categories .product-categories li > a:hover {
    background-color: #e8e8ed !important;
    color: #333333 !important;
}

/* 4. حالت فعال (کپسول مشکی) - هم برای دسته فعلی و هم دسته والد */
.widget_product_categories .product-categories li.current-cat > a,
.widget_product_categories .product-categories li.current-cat-parent > a {
    background-color: #1d1d1f !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* 5. موقعیت‌دهی دکمه باز و بسته کردن (Toggle) در سمت چپ */
.widget_product_categories .product-categories li > .wd-cats-toggle {
    position: absolute !important;
    left: 2px !important; 
    top: 0 !important;
    width: 36px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    background: transparent !important;
    border: none !important;
    color: #666666 !important; 
}

/* 6. تغییر رنگ آیکون کشویی در حالت فعال (برای اینکه روی مشکی دیده شود) */
.widget_product_categories .product-categories li.current-cat > .wd-cats-toggle,
.widget_product_categories .product-categories li.current-cat-parent > .wd-cats-toggle {
    color: #ffffff !important;
}

/* 7. استایل و تورفتگی زیردسته‌ها (Hierarchy) */
.widget_product_categories .product-categories li > ul.children {
    flex: 1 1 100% !important;
    margin-top: 8px !important;
    padding-right: 15px !important; /* تورفتگی برای نمایش زیردسته */
    border-right: 2px solid #f5f5f7 !important; /* خط راهنمای ظریف سلسله‌مراتب */
    margin-right: 5px !important;
}

/* 8. تنظیم ابعاد کپسول‌های زیردسته (کمی جمع‌وجورتر) */
.widget_product_categories .product-categories li > ul.children li > a {
    min-height: 36px !important;
    padding: 8px 35px 8px 12px !important;
    font-size: 12px !important;
}

.widget_product_categories ul.product-categories {
    padding: 0 !important;
    margin: 0 !important;
}
/* استایل ویژگی */
/* 1. اجبار سیستم گرید دو ستونه برای تمام فیلترها (از جمله رنگ با کلاس خاص وودمارت) */
.wd-widget.sidebar-widget ul.wd-swatches-filter,
.wd-widget.sidebar-widget ul.wd-filter-list,
.wd-widget.sidebar-widget ul.wd-layout-double { /* اضافه شدن کلاس خاص رنگ */
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* دو ستون مساوی */
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. استایل کپسول روی li (برای ادغام متن و عدد داخل یک کادر) */
.wd-widget.sidebar-widget ul.wd-swatches-filter li,
.wd-widget.sidebar-widget ul.wd-filter-list li,
.wd-widget.sidebar-widget ul.wd-layout-double li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #f5f5f7 !important; /* رنگ خاکستری روشن مدرن */
    border-radius: 12px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border: none !important;
    transition: all 0.3s ease !important;
    min-height: 40px !important;
    width: 100% !important; /* اجبار به پر کردن ستون گرید */
    box-sizing: border-box !important;
    flex: none !important; /* خاموش کردن Flexbox قالب */
}

/* 3. استایل بخش لینک (متن و دایره رنگ/سایز) */
.wd-widget.sidebar-widget ul.wd-swatches-filter li a,
.wd-widget.sidebar-widget ul.wd-filter-list li a {
    display: flex !important;
    align-items: center !important;
    color: #666666 !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
    flex-grow: 1 !important;
}

/* دایره رنگ و متن سایز */
.wd-widget.sidebar-widget ul.wd-swatches-filter li a .wd-swatch,
.wd-widget.sidebar-widget ul.wd-filter-list li a .wd-swatch {
    margin-left: 8px !important; /* فاصله از متن */
    margin-right: 0 !important;
    border-radius: 50% !important; /* دایره شدن کامل */
    flex-shrink: 0 !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
}

/* 4. استایل عدد (Count) در سمت چپ کپسول */
.wd-widget.sidebar-widget ul.wd-swatches-filter li .count,
.wd-widget.sidebar-widget ul.wd-filter-list li .count {
    background: transparent !important;
    border: none !important;
    color: #a0a0a0 !important;
    font-size: 11px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-width: auto !important;
}

/* 5. هاور و حالت فعال (مشکی پریمیوم و سفید شدن محتوا) */
.wd-widget.sidebar-widget ul.wd-swatches-filter li:hover,
.wd-widget.sidebar-widget ul.wd-filter-list li:hover {
    background-color: #e8e8ed !important;
}

.wd-widget.sidebar-widget ul.wd-swatches-filter li.chosen,
.wd-widget.sidebar-widget ul.wd-filter-list li.chosen,
.wd-widget.sidebar-widget ul.wd-swatches-filter li.wd-active,
.wd-widget.sidebar-widget ul.wd-filter-list li.wd-active {
    background-color: #1d1d1f !important;
}

/* سفید شدن تمام متن‌ها و اعداد داخل کپسول فعال */
.wd-widget.sidebar-widget ul.wd-swatches-filter li.chosen a,
.wd-widget.sidebar-widget ul.wd-filter-list li.chosen a,
.wd-widget.sidebar-widget ul.wd-swatches-filter li.chosen .count,
.wd-widget.sidebar-widget ul.wd-filter-list li.chosen .count,
.wd-widget.sidebar-widget ul.wd-swatches-filter li.wd-active a,
.wd-widget.sidebar-widget ul.wd-filter-list li.wd-active a,
.wd-widget.sidebar-widget ul.wd-swatches-filter li.wd-active .count,
.wd-widget.sidebar-widget ul.wd-filter-list li.wd-active .count {
    color: #ffffff !important;
}

/* 1. کنترل متن‌های طولانی رنگ‌ها (کوچک کردن فونت و نمایش سه‌نقطه) */
.wd-widget.sidebar-widget ul.wd-swatches-filter li a .layer-term-lable,
.wd-widget.sidebar-widget ul.wd-filter-list li a .layer-term-lable {
    font-size: 11px !important; /* کوچکتر شدن سایز فونت */
    white-space: nowrap !important; /* جلوگیری از رفتن به خط دوم */
    overflow: hidden !important; /* مخفی کردن متن اضافی */
    text-overflow: ellipsis !important; /* قرار دادن ... برای متن‌های طولانی */
    min-width: 0 !important; /* این دستور برای کار کردن سه‌نقطه در فلکس‌باکس الزامی است */
    flex-grow: 1 !important;
}

/* 2. حذف کامل خط دور و کادر از فیلترهای متنی (مثل سایز) */
.wd-widget.sidebar-widget ul.wd-swatches-filter li a .wd-swatch.wd-text,
.wd-widget.sidebar-widget ul.wd-filter-list li a .wd-swatch.wd-text {
    border: none !important;
    box-shadow: none !important; /* حذف خط دور مزاحم قالب */
    background: transparent !important;
    padding: 0 !important;
    min-width: auto !important;
    height: auto !important;
    font-size: 12px !important; /* تنظیم سایز فونت برای سایزها */
}
/* سفید شدن قطعی متن سایز و پارچه در حالت فعال */
.wd-widget.sidebar-widget ul li.chosen .wd-swatch.wd-text,
.wd-widget.sidebar-widget ul li.wd-active .wd-swatch.wd-text,
.wd-widget.sidebar-widget ul li.chosen .layer-term-lable,
.wd-widget.sidebar-widget ul li.wd-active .layer-term-lable {
    color: #ffffff !important;
}
.woocommerce-result-count { display: none !important; }

.wd-toolbar-shop .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url('https://vivishopm.com/wp-content/uploads/2026/04/svg_1777322776123.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* آیکون منو */
.wd-header-mobile-nav .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url('https://vivishopm.com/wp-content/uploads/2026/04/svg_1777323093274.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* آیکون سبد خرید */
.wd-header-cart .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url('https://vivishopm.com/wp-content/uploads/2026/04/svg_1777322890894.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.wd-toolbar-label {
    position: absolute;
    inset-inline: 10px;
    bottom: 3px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    padding: 1px 0;
}
/* تنظیم جایگاه عدد سبد خرید (پایین‌تر و متمایل به چپ) */
.wd-header-cart .wd-cart-number {
    top: 2px !important; /* با افزایش این عدد، نشانگر پایین‌تر می‌آید */
    inset-inline-end: auto !important; 
    left: -2px !important; /* با تغییر این عدد، نشانگر به چپ و راست می‌رود */
}

/* استایل شیشه‌ای و لوکس برای فوتر موبایل */
.wd-toolbar {
    background-color: rgba(255, 255, 255, 0.85) !important; 
    backdrop-filter: blur(12px) !important; 
    -webkit-backdrop-filter: blur(12px) !important; 
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.04) !important; 
    border-top: 1px solid rgba(0, 0, 0, 0.03) !important; 
}
/* یکسان‌سازی اندازه تمام آیکون‌های فوتر */
.wd-toolbar .wd-tools-icon,
.wd-toolbar .wd-tools-icon::before {
    width: 22px !important;
    height: 22px !important;
    opacity: 0.8 !important; /* حالت عادی کمی محو */
    transition: opacity 0.8s ease !important;
}



/* ۱. باکس جستجو و تگ‌های محبوب (یکپارچه و مینیمال) */
.mobile-nav .wd-search-form {
    padding: 20px 20px 15px !important;
    background-color: #ffffff !important;
}

.mobile-nav .wd-search-form form {
    background-color: #f5f5f7 !important; /* خاکستری بسیار ملایم و مدرن */
    border-radius: 12px !important;
    border: none !important;
}

.mobile-nav .wd-search-form input[type="text"] {
    color: #1d1d1f !important;
    font-weight: 500 !important;
}

/* اصلاح رنگ آبی تگ‌های جستجو به استایل مینیمال */
.mobile-nav .wd-search-requests {
    background: transparent !important;
}

.mobile-nav .wd-search-requests span.wd-search-title {
    color: #86868b !important;
    font-size: 12px !important;
}

.mobile-nav .wd-search-requests ul li a {
    background-color: #f5f5f7 !important;
    color: #555555 !important;
    border-radius: 20px !important;
    border: none !important;
    font-size: 12px !important;
    padding: 6px 12px !important;
}

/* ۲. تب‌های منو (طراحی سوییچ یکپارچه) */
.wd-nav-mob-tab {
    background-color: #f5f5f7 !important;
    border-radius: 10px !important;
    margin: 5px 20px 15px !important;
    padding: 4px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
}

.wd-nav-mob-tab > li {
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.wd-nav-mob-tab > li > a {
    padding: 8px 0 !important;
    color: #86868b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.wd-nav-mob-tab > li.wd-active {
    background-color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.wd-nav-mob-tab > li.wd-active > a {
    color: #1d1d1f !important;
}

/* حذف کامل خطوط پیش‌فرض قالب از زیر تب‌ها */
.wd-nav-mob-tab > li::after, 
.wd-nav-mob-tab > li::before {
    display: none !important; 
}

/* ۳. لیست آیتم‌های منو و فلش زیرمنو */
.mobile-nav .wd-nav-mobile {
    padding: 0 10px !important;
}

.mobile-nav .wd-nav-mobile > li {
    margin: 0 10px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important; /* خط جداکننده بسیار محو */
}

.mobile-nav .wd-nav-mobile > li:last-child {
    border-bottom: none !important;
}

.mobile-nav .wd-nav-mobile > li > a {
    padding: 16px 10px !important;
    font-size: 15px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
}

.mobile-nav .wd-nav-opener {
    color: #b0b0b0 !important;
    background: transparent !important;
    border: none !important;
}le > li {
    margin: 0 20px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.mobile-nav .wd-nav-mobile > li > a {
    padding: 14px 5px !important; /* کاهش فاصله عمودی آیتم‌ها */
    font-size: 14px !important;
}

/* کاهش ارتفاع و ظرافت باکس جستجو */
.mobile-nav .wd-search-form {
    padding: 15px 20px 10px !important; /* کاهش فضای اطراف */
}

.mobile-nav .searchform input[type="text"] {
    height: 46px !important; /* ارتفاع استاندارد و لوکس */
    font-size: 13px !important; /* ظریف‌تر شدن متن */
    font-weight: 400 !important;
}

/* هماهنگ کردن آیکون جستجو با ارتفاع جدید */
.mobile-nav .searchform button {
    height: 46px !important;
}
/* حذف قطعی خط زیر تب فعال */
.wd-nav-mob-tab > li.wd-active > a,
.wd-nav-mob-tab > li.wd-active {
    border-bottom: none !important;
}

/* تراز کردن دقیق لیست‌ها با باکس جستجو و ایجاد فضای تنفس */
.mobile-nav .wd-nav-mobile > li {
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important; 
}

.mobile-nav .wd-nav-mobile > li > a {
    padding: 18px 20px !important; /* فاصله ۲۰ پیکسل برای هم‌راستایی با جستجو */
}

/* تنظیم دکمه فیلتر: استایل شیشه‌ای و انتقال به پایین سمت راست */
.wd-sidebar-opener.wd-filter-icon {
    width: 44px !important;
    height: 44px !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    border-radius: 12px !important;
    inset-inline-start: 15px !important; /* قرارگیری سمت راست */
    top: auto !important; /* لغو تنظیمات پیش‌فرض قالب */
    bottom: 75px !important; /* فاصله از پایین صفحه */
    --wd-action-icon-size: 18px !important;
}

/* تنظیم دکمه اسکرول به بالا: استایل شیشه‌ای و هم‌تراز با فیلتر در سمت چپ */
a.scrollToTop {
    width: 44px !important;
    height: 44px !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    border-radius: 12px !important;
    left: 15px !important; /* قرارگیری سمت چپ */
    bottom: 75px !important; /* هم‌تراز با فیلتر */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* تنظیم رنگ و سایز آیکون اسکرول */
a.scrollToTop:after {
    color: #333333 !important;
    font-size: 14px !important;
}

.wd-header-wishlist .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url('https://vivishopm.com/wp-content/uploads/2026/04/svg_1777322810044.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.wd-header-my-account .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url('https://vivishopm.com/wp-content/uploads/2026/04/svg_1777322993479.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.wd-header-search .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url('https://vivishopm.com/wp-content/uploads/2026/04/svg_1777369238530.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* تنظیم هوشمند عرض سایدبار فیلتر برای موبایل و تبلت */
@media (max-width: 1024px) {
    .wd-side-hidden {
        --wd-side-hidden-w: 85vw !important; 
        max-width: 360px !important; 
    }
}

/* برای گوشی‌های با صفحه نمایش خیلی کوچک */
@media (max-width: 400px) {
    .wd-side-hidden {
        --wd-side-hidden-w: 100vw !important; 
    }
}

/* رفع مشکل بیرون‌زدگی کپسول‌ها در صفحه‌های کوچک موبایل */
.wd-widget.sidebar-widget ul.wd-swatches-filter,
.wd-widget.sidebar-widget ul.wd-filter-list,
.wd-widget.sidebar-widget ul.wd-layout-double {
    gap: 6px !important; /* کاهش ظریف فاصله بین ستون‌ها */
}

.wd-widget.sidebar-widget ul.wd-swatches-filter li,
.wd-widget.sidebar-widget ul.wd-filter-list li,
.wd-widget.sidebar-widget ul.wd-layout-double li {
    padding: 6px 8px !important; /* بهینه‌سازی پدینگ داخلی کپسول‌ها */
    min-width: 0 !important;
    overflow: hidden !important;
}

.wd-widget.sidebar-widget ul.wd-swatches-filter li a,
.wd-widget.sidebar-widget ul.wd-filter-list li a {
    min-width: 0 !important; /* کلید اصلی: اجبار متن به فشرده شدن به جای بیرون زدن */
    overflow: hidden !important;
}

/* 1. قفل کردن کانتینر اصلی سایدبار برای جلوگیری از باگ‌های حرکتی */
.wd-sidebar.wd-opened {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. فعال کردن اسکرول نرم فقط برای محتوای فیلترها و قطع ارتباط با پس‌زمینه */
.wd-sidebar.wd-opened .wd-scroll-content,
.wd-sidebar.wd-opened .widget-area {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex-grow: 1 !important;
    height: 100% !important;
    /* این دستور جادویی مانع از حرکت برگه پس‌زمینه می‌شود (Scroll Trapping) */
    overscroll-behavior: contain !important; 
    -webkit-overflow-scrolling: touch !important; /* برای اسکرول فوق‌روان در آیفون و موبایل */
    padding-bottom: 60px !important; /* ایجاد فضای راحت در انتهای لیست */
}

/* 3. طراحی یک نوار اسکرول (Scrollbar) بسیار ظریف و مینیمال (سبک مک‌بوک) */
.wd-sidebar.wd-opened .wd-scroll-content::-webkit-scrollbar {
    width: 4px !important;
}
.wd-sidebar.wd-opened .wd-scroll-content::-webkit-scrollbar-track {
    background: transparent !important;
}
.wd-sidebar.wd-opened .wd-scroll-content::-webkit-scrollbar-thumb {
    background-color: #d1d1d6 !important;
    border-radius: 10px !important;
}

.wd-sizeguide-wrap .responsive-table::after {
    content: "* اندازه در واحد مقیاس سانتی‌متر می‌باشد.";
    display: block;
    font-size: 13px;
    color: #777;
    margin-top: 15px;
    text-align: right;
    padding: 0 15px;
}
/* ۱. محدود کردن ارتفاع باکس و فعال‌سازی اسکرول عمودی */
.wd-sizeguide-content .responsive-table {
    max-height: 50vh !important; /* ارتفاع جدول نهایتا نصف صفحه باشد */
    overflow-y: auto !important;
    overflow-x: auto !important;
}

/* ۲. چسبان کردن سطر اول (هدر) جدول */
.wd-sizeguide-content .wd-sizeguide-table tr:first-child td,
.wd-sizeguide-content .wd-sizeguide-table tr:first-child th,
.wd-sizeguide-content .wd-sizeguide-table thead th {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    
    /* رنگ پس‌زمینه آبی مشابه عکس شما، تا موقع اسکرول متن‌های زیرین دیده نشوند */
    background-color: #a1c6e7 !important; 
    
    /* ایجاد یک سایه ملایم برای تفکیک هدر از محتوا موقع اسکرول */
    box-shadow: 0 3px 5px -2px rgba(0,0,0,0.15) !important;
    border-bottom: none !important;
}

/* رفع تداخل حاشیه‌های جدول موقع اسکرول */
.wd-sizeguide-content .wd-sizeguide-table {
    border-collapse: collapse !important;
}

/* ۳. قرار دادن متن سانتی‌متر به صورت ثابت در پایین پاپ‌آپ (خارج از بخش اسکرول) */
.wd-sizeguide-content::after {
    content: "* اندازه در واحد مقیاس سانتی‌متر می‌باشد.";
    display: block;
    font-size: 12px;
    color: #777;
    margin-top: 15px;
    text-align: right;
    padding-right: 5px;
}