/*
Theme Name: Woodmart Child
Template: woodmart
*/

.yith-wcan-filters .yith-wcan-filter .filter-title{color:var(--yith-wcan-filters_colors_titles,#434343);--sub-menu-color:#333;--sub-menu-color-hover:var(--wd-primary-color);text-transform:uppercase;font-weight:600;font-size:14px}.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item{line-height:2.5;margin:0}.yith-wcan-filters .yith-wcan-filter .filter-items.level-0{margin-top:-12px;padding:0}.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a,.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a{text-decoration:none;position:relative;display:flex;align-items:center;padding-top:7px;padding-bottom:8px;padding-right:8px;color:var(--sub-menu-color);font-size:14px;line-height:1.3}.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a:hover,.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover{color:var(--wd-primary-color)}.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a,.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a{color:#f94327}.btnofferheader {
    color: white !important;
    background-image: linear-gradient(to right, #F28500, #ff6a00) !important;
    border-radius: 15px;
    padding: 0px 25px;
}
.product-labels .product-label.onsale {
    background-color: #ff8b25;
    color: rgb(255,255,255);
}
.wpcbm-badge-style-04 {
    padding: 5px 10px;
    border-radius: 15px;
    border-width: 2px;
    border-style: solid;
}
.wd-logo img {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    max-height: inherit;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 800px;
}
.custom-sorting-text {
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.sort-label {
    font-size: 14px;
}
.sort-text {
    font-size: 14px;
    color: #333;
    cursor: pointer;
}
.sort-text:hover {
    opacity: 0.7;
}
.sort-text.active {
    color: #eb5b00;
}
.stock-filter {
    margin: 10px 0;
}
.stock-toggle {
    font-size: 14px;
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    background-color: #e0e0e0;
    color: #333;
    cursor: pointer;
    transition: all 0.3s;
}
.stock-toggle.active {
    background-color: #00B4D8;
    color: #fff;
}
.stock-toggle:hover {
    opacity: 0.9;
}
.products.loading {
    opacity: 0.5;
    position: relative;
}
.products.loading::after {
    content: 'در حال بارگذاری...';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #333;
}
label {
    display: block;
    margin-bottom: 5px;
    color: var(--wd-title-color);
    vertical-align: middle;
    font-weight: 600;
}
.filter-text {
    font-weight: 600;
}
.shop-products-count {
    font-weight: 600;
}
//55
/* باکس کلی */
.stock-filter {
    display: inline-flex;
    align-items: center; /* سوئیچ و متن وسط‌چین بشن */
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
}/* استایل سوئیچ */
.custom-switch {
    position: relative;
    display: inline-block;
    width: 57px; /* عرض سوئیچ */
    height: 24px; /* ارتفاع سوئیچ */
    margin-right: 8px; /* فاصله سوئیچ از متن */
}/* مخفی کردن چک‌باکس */
.custom-switch input {
    display: none;
}/* بدنه سوئیچ */
.switch-slider {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ccc; /* رنگ خاموش */
    border-radius: 12.5px; /* گوشه‌های گرد */
    cursor: pointer;
    transition: background-color 0.3s ease;
}/* دکمه داخل سوئیچ */
.switch-slider::before {
    content: '';
    position: absolute;
    width: 20px; /* اندازه دکمه */
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    top: 2px;
    left: 1px;
    transition: transform 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}/* حالت روشن سوئیچ */
.custom-switch input:checked + .switch-slider {
    background-color: #eb5b00; /* رنگ روشن */
}.custom-switch input:checked + .switch-slider::before {
    transform: translateX(35px); /* جابجایی دکمه به راست */
}/* متن کنار سوئیچ */
.filter-text {
    margin-left: 8px; /* فاصله متن از سوئیچ */
}
/* استایل دکمه‌های فیلتر */
.filter-button {
    padding: 10px 20px !important;
    margin: 5px !important;
    background-color: #e0e0e0 !important; /* خاکستری روشن */
    border: 1px solid #b0b0b0 !important; /* حاشیه خاکستری تیره‌تر */
    border-radius: 5px !important;
    color: #333 !important; /* رنگ متن تیره */
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important; /* سایه ملایم */
    transition: all 0.3s ease !important;
    display: inline-block !important;
    text-decoration: none !important;
}

.filter-button:hover {
    background-color: #d0d0d0 !important; /* خاکستری کمی پررنگ‌تر */
    border-color: #a0a0a0 !important; /* حاشیه کمی پررنگ‌تر */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important; /* سایه کمی قوی‌تر */
    color: #000 !important; /* متن کمی پررنگ‌تر */
}

/* استایل صفحه‌بندی */
.pagination {
    margin-top: 20px !important;
    text-align: center !important;
}

.pagination ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.pagination ul li a.page-link {
    padding: 8px 12px !important;
    background: #f0f0f0 !important;
    color: #333 !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: background 0.3s, color 0.3s !important;
}

.pagination ul li a.page-link:hover {
    background: #ff8538 !important;
    color: #fff !important;
}

.pagination ul li a.page-link.current {
    background: #eb5b00 !important;
    color: #fff !important;
}

.pagination ul li span.page-ellipsis {
    padding: 8px 12px !important;
    color: #333 !important;
}

/* استایل مدل‌ها */
.model-container {
    display: block !important;
}

.model-container.hidden {
    display: none !important;
}
/*استایل فاصله برای تایتل*/
legend, h1, h2, h3, h4, h5, h6, .title {
    color: var(--wd-title-color);
    padding-top: 15px;
}
html .elementor-4052 .elementor-element.elementor-element-5feea786 .product_title {
    line-height: 35px;
}
.wd-info-box .info-box-content {
    --wd-tags-mb: 10px;
    position: relative;
    flex: 1 1 auto;
    margin-top: -20px;
    margin-bottom: 10px;
    border-radius: var(--wd-brd-radius);
}
.whb-wnrnnal77sh9at4vpax4 {
    display: none !important;
}
.whb-sticky-header .whb-jpitqqxv3meh9fdszxjn {
    display: none !important;
}
.whb-sticky-header .whb-a22wdkiy3r40yw2paskq {
    display: none !important;
}
.whb-sticky-header .whb-alfh74csvj7g7342xuzi .wd-tools-text {
    display: none !important;
}
/* CSS برای محدود کردن عرض متن حساب کاربری در هدر اصلی */
.whb-alfh74csvj7g7342xuzi .wd-tools-text {
    display: inline-block; /* یا block، برای اعمال عرض و ارتفاع */
    max-width: 120px;      /* حداکثر عرض دلخواه، مثلا 120 پیکسل. این مقدار را تنظیم کنید */
    overflow: hidden;         /* محتوای اضافی را مخفی کن */
    text-overflow: ellipsis;  /* به جای محتوای اضافی، سه نقطه (...) نمایش بده */
    white-space: nowrap;      /* از شکستن متن و رفتن به خط بعدی جلوگیری کن */
    vertical-align: middle;   /* برای تراز عمودی بهتر در کنار آیکون (اختیاری) */
}
/* CSS برای محدود کردن عرض و مخفی‌سازی اولیه متن حساب کاربری در هدر اصلی */
.whb-alfh74csvj7g7342xuzi .wd-tools-text {
    display: inline-block;
    max-width: 120px;      /* این مقدار را به دلخواه تنظیم کنید */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    visibility: hidden;  /* متن را در ابتدا نامرئی کن */
    opacity: 0;          /* برای نرم‌تر شدن، با transition هم می‌شود استفاده کرد */
    transition: opacity 0.3s ease-in-out; /* انتقال نرم (اختیاری) */
}
.titomd {
	padding: 2px;
}