:root {
	--wd-text-font: "YekanBakhFaNum", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "YekanBakhFaNum", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(86,86,86);
	--wd-entities-title-font: "YekanBakhFaNum", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(89,89,89);
	--wd-entities-title-color-hover: rgb(240, 25, 25);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "YekanBakhFaNum", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(109,109,109);
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: "YekanBakhFaNum", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 25px;
	--wd-otl-style: dashed;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(29,59,107);
	--wd-alternative-color: rgb(25,111,240);
	--btn-default-bgcolor: rgb(20,161,255);
	--btn-default-bgcolor-hover: rgb(25,209,255);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-font-family: "IRANSansXFaNum", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(20,161,255);
	--btn-accented-bgcolor-hover: rgb(25,209,255);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(37,55,99);
	--notices-success-color: rgb(255,255,255);
	--notices-warning-bg: rgb(255,86,86);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(104,104,104);
	--wd-link-color-hover: #rgb(240,25,25);
}
.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: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgba(59,0,99,0.88);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(0,0,0);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(0,0,0);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(255,255,255);
	--wd-form-placeholder-color: rgb(61,61,61);
	--wd-form-brd-color: rgb(58,58,58);
	--wd-form-brd-color-focus: rgb(0,0,0);
	--wd-form-bg: rgb(0,0,0);
}
.wd .product-label.onsale {
	background-color: rgb(25,111,240);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

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


.wd-page-title {
background-color: rgb(239,239,239);
}

body, .main-page-wrapper {
    background:
        radial-gradient(#151e2e 15%, transparent 16%) 0 0,
        radial-gradient(#151e2e 15%, transparent 16%) 8px 8px,
        radial-gradient(rgba(255, 255, 255, 0.08) 15%, transparent 20%) 0 1px,
        radial-gradient(rgba(255, 255, 255, 0.08) 15%, transparent 20%) 8px 9px !important;
    background-color: #1e293b !important;
    background-size: 16px 16px !important;
}

/* ۱. پاکسازی کامل خط رنگین‌کمان پیش‌فرض قالب */
.whb-main-header:after, 
.whb-main-header:before,
.whb-row:after, 
.whb-row:before,
.whb-header:after,
.whb-header:before,
header.whb-header:after,
header.whb-header:before {
    display: none !important;
    background: none !important;
    background-image: none !important;
    content: none !important;
}

/* ۲. خط گرادیان برای بالای هدر (چپ نارنجی -> راست زرد) */
.whb-top-bar {
    border-bottom: 2px solid transparent !important;
    border-image: linear-gradient(to right, #ff6a00, #ffea00) 1 !important;
}

/* ۳. خط گرادیان برای پایین هدر اصلی (چپ نارنجی -> راست زرد) */
.whb-main-header {
    border-bottom: 3px solid transparent !important;
    border-image: linear-gradient(to right, #ff6a00, #ffea00) 1 !important;
}
/* ۱. پس‌زمینه کل پنل کشویی سبد خرید */
.cart-widget-side,
.wd-side-hidden.wd-cart-side,
.wd-dropdown-cart {
    background-color: #1a1d24 !important; /* رنگ پس‌زمینه دلخواه (مثلاً تیره) */
}

/* ۲. عنوان "سبد خرید" و دکمه "بستن" در هدر پنل */
.cart-widget-side .widget-heading,
.wd-side-hidden .widget-heading,
.cart-widget-side .close-side-widget,
.wd-side-hidden .close-side-widget {
    color: #ffffff !important;
}

/* ۳. نام محصولات */
.cart-widget-side .product_list_widget li a,
.wd-side-hidden .product_list_widget li a {
    color: #f1f1f1 !important;
}

/* ۴. آیکون حذف محصول (ضربدر کنار هر آیتم) */
.cart-widget-side .remove,
.wd-side-hidden .remove {
    color: #e74c3c !important;
}

/* ۵. رنگ متن جمع جزء و قیمت‌ها */
.cart-widget-side .woocommerce-mini-cart__total strong,
.wd-side-hidden .woocommerce-mini-cart__total strong,
.cart-widget-side .woocommerce-Price-amount,
.wd-side-hidden .woocommerce-Price-amount {
    color: #00d2d3 !important; /* رنگ قیمت */
}

/* ۶. دکمه اول: مشاهده سبد خرید */
.cart-widget-side a.button.btn-cart,
.wd-side-hidden a.button.btn-cart,
.woocommerce-mini-cart__buttons a.btn-cart {
    background-color: #2f3640 !important;
    color: #ffffff !important;
    border-color: #2f3640 !important;
}
.cart-widget-side a.button.btn-cart:hover,
.wd-side-hidden a.button.btn-cart:hover,
.woocommerce-mini-cart__buttons a.btn-cart:hover {
    background-color: #1e272e !important;
}

/* ۷. دکمه دوم: تسویه حساب */
.cart-widget-side a.button.checkout,
.wd-side-hidden a.button.checkout,
.woocommerce-mini-cart__buttons a.checkout {
    background-color: #0984e3 !important;
    color: #ffffff !important;
    border-color: #0984e3 !important;
}
.cart-widget-side a.button.checkout:hover,
.wd-side-hidden a.button.checkout:hover,
.woocommerce-mini-cart__buttons a.checkout:hover {
    background-color: #076bb8 !important;
}

/* ۱. عنوان "سبد خرید" و دکمه "بستن" بالای منو */
.cart-widget-side .widget-heading,
.cart-widget-side .widget-title,
.cart-widget-side .close-side-widget,
.cart-widget-side .close-side-widget span,
.wd-side-hidden .widget-heading,
.wd-side-hidden .widget-title,
.wd-side-hidden .close-side-widget,
.wd-side-hidden .close-side-widget span {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* ۲. نام و عنوان محصولات */
.cart-widget-side .product_list_widget li a,
.cart-widget-side ul.woocommerce-mini-cart .mini_cart_item a,
.wd-side-hidden .product_list_widget li a,
.wd-side-hidden ul.woocommerce-mini-cart .mini_cart_item a {
    color: #f5f6fa !important;
    font-weight: 600;
}

/* رنگ عنوان محصول در حالت هاور (وقتی موس روی آن می‌رود) */
.cart-widget-side .product_list_widget li a:hover,
.wd-side-hidden .product_list_widget li a:hover {
    color: #00d2d3 !important;
}

/* ۳. علامت ضربدر حذف آیتم (کنار هر محصول) */
.cart-widget-side a.remove,
.wd-side-hidden a.remove,
.cart-widget-side .remove_from_cart_button,
.wd-side-hidden .remove_from_cart_button {
    color: #ff6b6b !important;
    opacity: 0.9 !important;
}

/* ۴. متن تعداد و علامت ضربدر در قیمت (مثلاً: 1 ×) */
.cart-widget-side .quantity,
.wd-side-hidden .quantity,
.cart-widget-side .mini_cart_item .quantity {
    color: #dcdde1 !important;
}

/* =========================================
   ۱. منوی کاربری شیشه‌ای (Glassmorphism)
========================================= */

/* پس‌زمینه نیمه‌شفاف با بلور و حاشیه ظریف */
.wd-dropdown-my-account,
.menu-item-my-account .sub-menu,
.wd-dropdown.wd-dropdown-register {
    background: rgba(22, 27, 34, 0.75) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* رنگ متن آیتم‌های منو */
.wd-dropdown-my-account li a,
.menu-item-my-account .sub-menu li a {
    color: #e6edf3 !important;
    font-size: 13.5px !important;
    transition: all 0.25s ease !important;
    padding: 10px 16px !important;
}

/* افکت هاور (زمانی که موس روی هر گزینه می‌رود) */
.wd-dropdown-my-account li a:hover,
.menu-item-my-account .sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #00d2d3 !important; /* نئون آبی متناسب با سایت */
    padding-right: 20px !important; /* انیمیشن لغزش کوچک */
}

/* خطوط جداکننده بین گزینه‌ها (در صورت وجود) */
.wd-dropdown-my-account li,
.menu-item-my-account .sub-menu li {
    border-color: rgba(255, 255, 255, 0.06) !important;
}


/* =========================================
   ۲. کادر جستجوی هماهنگ با تم تیره
========================================= */

/* استایل بدنه کادر ورودی سرچ */
.searchform input[type="text"],
.wd-search-form input[type="text"],
.wd-header-search-form input[type="text"] {
    background-color: rgba(26, 33, 44, 0.85) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 30px !important; /* فرم کپسولی */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.3s ease !important;
}

/* متن کم‌رنگ داخل کادر (Placeholder) */
.searchform input[type="text"]::placeholder,
.wd-search-form input[type="text"]::placeholder {
    color: #8b949e !important;
}

/* تغییر رنگ بوردر هنگام کلیک داخل کادر جستجو */
.searchform input[type="text"]:focus,
.wd-search-form input[type="text"]:focus {
    border-color: #00d2d3 !important;
    box-shadow: 0 0 12px rgba(0, 210, 211, 0.3) !important;
}

/* رنگ آیکون ذره‌بین سرچ */
.searchform button[type="submit"],
.wd-search-form button[type="submit"],
.wd-search-form .searchsubmit {
    color: #00d2d3 !important;
}

/* ۱. ایجاد پل نامرئی بین آیکون و منو برای جلوگیری از بسته شدن با حرکت موس */
.wd-dropdown-my-account::before,
.menu-item-my-account .sub-menu::before,
.wd-dropdown.wd-dropdown-register::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 25px;
    display: block;
    background: transparent;
}

/* ۲. کاهش فاصله منو تا آیکون بالایی برای تماس نرم‌تر */
.wd-dropdown-my-account,
.menu-item-my-account .sub-menu,
.wd-dropdown.wd-dropdown-register {
    margin-top: 0px !important;
}

/* =========================================
   دراپ‌داون سبد خرید شیشه‌ای (هماهنگ با منوی کاربری)
========================================= */

/* ۱. استایل کلی کادر سبد خرید کشویی */
.wd-dropdown-cart,
.dropdown-cart {
    background: rgba(22, 27, 34, 0.75) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* ۲. پل نامرئی برای حل مشکل بسته شدن ناگهانی با حرکت موس */
.wd-dropdown-cart::before,
.dropdown-cart::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 25px;
    display: block;
    background: transparent;
}

/* ۳. اصلاح روشنایی و کنتراست نام محصولات */
.wd-dropdown-cart .product_list_widget li a,
.dropdown-cart .product_list_widget li a {
    color: #f5f6fa !important;
    font-weight: 600 !important;
}
.wd-dropdown-cart .product_list_widget li a:hover,
.dropdown-cart .product_list_widget li a:hover {
    color: #00d2d3 !important;
}

/* ۴. رنگ آیکون ضربدر حذف محصول */
.wd-dropdown-cart a.remove,
.dropdown-cart a.remove {
    color: #ff6b6b !important;
    opacity: 0.8 !important;
}

/* ۵. رنگ عبارت «جمع جزء» */
.wd-dropdown-cart .woocommerce-mini-cart__total strong,
.dropdown-cart .woocommerce-mini-cart__total strong {
    color: #dcdde1 !important;
}

/* ۶. رنگ قیمت‌ها و تعداد */
.wd-dropdown-cart .quantity,
.dropdown-cart .quantity {
    color: #b0b8c4 !important;
}
.wd-dropdown-cart .woocommerce-Price-amount,
.dropdown-cart .woocommerce-Price-amount {
    color: #00d2d3 !important;
    font-weight: bold !important;
}

/* ۷. خط جداکننده بین محصولات */
.wd-dropdown-cart ul.woocommerce-mini-cart li,
.dropdown-cart ul.woocommerce-mini-cart li {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ۱. باز کردن محدوده overflow تا پل نامرئی کار کند */
.wd-dropdown-cart,
.dropdown-cart,
.wd-header-cart .wd-dropdown {
    overflow: visible !important;
}

/* ۲. پل نامرئی ضخیم‌تر و متصل بین آیکون و دراپ‌داون */
.wd-dropdown-cart::before,
.dropdown-cart::before,
.wd-header-cart .wd-dropdown::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    left: 0 !important;
    width: 100% !important;
    height: 35px !important;
    display: block !important;
    background: transparent !important;
    z-index: 9999 !important;
}

/* ۳. حذف مارجین اضافی بالای دراپ‌داون */
.wd-header-cart .wd-dropdown,
.wd-dropdown-cart,
.dropdown-cart {
    margin-top: 0 !important;
}

/**FOOTER**/
/* ۱. هماهنگ کردن رنگ فوتر با رنگ سرمه‌ای/دودی سایت */
footer.footer-container,
.footer-container,
.footer-sidebar,
.footer-container .elementor,
.footer-container .elementor-section,
.footer-container .elementor-top-section,
.footer-container .elementor-column,
.footer-container .elementor-widget-wrap {
    background-color: #161c28 !important; /* رنگ دقیق زمینه سایت شما */
    background-image: none !important;
}

/* ۲. حذف کامل نوار سفید ضخیم بالای فوتر */
.before-footer,
.woodmart-prefooter,
.wd-prefooter,
div[class*="prefooter"],
.main-page-wrapper + .footer-container {
    background-color: #161c28 !important;
    border: none !important;
    display: none !important; /* اگر المان خالی باشد کاملاً محو می‌شود */
}

/* در صورت لزوم بازنشانی فاصله انتهای صفحه تا فوتر */
.main-page-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ۳. ایجاد یک خط باریک نئونی و ملایم به جای خط سفید */
footer.footer-container {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-top: 0 !important;
}

/* ۴. رنگ متون، آیکون‌ها و عنوان‌ها */
.footer-container,
.footer-container p,
.footer-container span,
.footer-container div,
.footer-container li,
.footer-container a,
.footer-container .elementor-heading-title,
.footer-container .elementor-icon-box-title,
.footer-container .elementor-icon-box-description {
    color: #cbd5e1 !important;
}

.footer-container strong,
.footer-container b,
.footer-container h1,
.footer-container h2,
.footer-container h3,
.footer-container h4 {
    color: #ffffff !important;
}

.footer-container a:hover {
    color: #00d2d3 !important;
}

/* ۵. خط تفکیک میانی بین نوار تماس و متن درباره ما */
.footer-container .elementor-top-section:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 15px !important;
}

/* ۶. نوار کپی‌رایت نهایی پایین صفحه */
.min-footer,
.wd-subfooter {
    background-color: #11151f !important; /* کمی تیره‌تر از بدنه برای عمق بصری */
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.min-footer p,
.wd-subfooter p {
    color: #8b949e !important;
}

/* ۷. محو کردن پس‌زمینه سفید اینماد */
.footer-container img[alt*="eNAMAD"],
.footer-container img[src*="enamad"],
.footer-container a[href*="enamad"] img {
    background: transparent !important;
    filter: invert(1) hue-rotate(180deg) brightness(0.9) !important;
    mix-blend-mode: screen !important;
}

/* ========================================================
   ۱. نوار چسبان پایین گوشی (Mobile Bottom Navbar) شیشه‌ای
======================================================== */
.whb-stick-bottom,
.wd-toolbar,
.woodmart-toolbar,
.whb-responsive-bottom {
    background: rgba(18, 24, 34, 0.8) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.5) !important;
}

/* رنگ آیکون‌ها و متون نوار پایین موبایل */
.wd-toolbar .wd-tools-element > a,
.woodmart-toolbar .woodmart-toolbar-item > a,
.wd-toolbar .wd-toolbar-label,
.woodmart-toolbar .woodmart-toolbar-label {
    color: #cbd5e1 !important;
}

/* حالت فعال یا لمس شده (Active / Hover) */
.wd-toolbar .wd-tools-element:hover > a,
.wd-toolbar .wd-tools-element.wd-active > a,
.woodmart-toolbar .woodmart-toolbar-item:hover > a,
.woodmart-toolbar .woodmart-toolbar-item.current-item > a {
    color: #00d2d3 !important;
}

/* نشانگر دایره‌ای تعداد سبد خرید و علاقه‌مندی در نوار موبایل */
.wd-toolbar .wd-cart-number,
.woodmart-toolbar .woodmart-cart-number,
.wd-toolbar .wd-wishlist-count {
    background-color: #00d2d3 !important;
    color: #0b0e14 !important;
    font-weight: bold !important;
    border: 2px solid #121822 !important;
}


/* ========================================================
   ۲. منوی کشویی موبایل (Mobile Drawer Menu) شیشه‌ای
======================================================== */
/* بدنه اصلی پنل کشویی موبایل */
.wd-side-hidden.wd-mobile-nav,
.mobile-nav,
.wd-mobile-nav {
    background: rgba(18, 24, 34, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.6) !important;
}

/* تب‌های بالای منوی موبایل (مثل منو / دسته‌بندی‌ها) */
.wd-mobile-nav .wd-nav-mob-tab,
.mobile-nav-tabs,
.wd-nav-mob-tab li a {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #94a3b8 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.wd-mobile-nav .wd-nav-mob-tab li.wd-active a,
.mobile-nav-tabs li.active a {
    background: rgba(0, 210, 211, 0.12) !important;
    color: #00d2d3 !important;
    font-weight: bold !important;
}

/* کادر سرچ داخل منوی کشویی موبایل */
.wd-mobile-nav .searchform input[type="text"] {
    background-color: rgba(30, 41, 59, 0.7) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 25px !important;
}

.wd-mobile-nav .searchform button[type="submit"] {
    color: #00d2d3 !important;
}

/* لینک‌ها و گزینه‌های لیست منوی موبایل */
.wd-mobile-nav ul li a,
.mobile-nav ul li a {
    color: #e2e8f0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* رنگ گزینه‌ها هنگام لمس (Hover / Focus) */
.wd-mobile-nav ul li a:hover,
.wd-mobile-nav ul li a:active,
.mobile-nav ul li a:hover {
    color: #00d2d3 !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

/* آیکون فلش باز کردن زیرمنوها (Opener icon) */
.wd-mobile-nav .wd-icon-opener,
.mobile-nav .up-icon {
    color: #94a3b8 !important;
}

/* دکمه بستن منوی کشویی موبایل */
.wd-mobile-nav .close-side-widget {
    color: #ffffff !important;
}

/* ===================================================
   ۱. طراحی سایدبار فیلترها (سمت چپ/راست تصویر)
   =================================================== */
/* بدنه باکس کل فیلترها */
.elementor-widget-woodmart-sidebar,
.woodmart-sidebar-element,
.shop-content-area + .sidebar-container,
div[class*="woodmart-woocommerce-sidebar"],
.sidebar-widget {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    padding: 20px !important;
}

/* تیترهای داخل فیلتر (وضعیت محصول، دسته‌بندی و...) */
.widget-title,
.widgettitle,
.sidebar-widget h5,
.widget-area h5,
.woodmart-sidebar-element h5 {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 8px !important;
    margin-bottom: 14px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* متون و لینک‌های داخل فیلتر */
.widget-area a,
.sidebar-widget a,
.sidebar-container li a,
.woodmart-sidebar-element ul li a {
    color: #cbd5e1 !important;
    font-size: 13.5px !important;
    transition: all 0.2s ease !important;
}

.widget-area a:hover,
.sidebar-widget a:hover,
.woodmart-sidebar-element ul li a:hover {
    color: #00d2d3 !important;
    padding-right: 5px;
}

/* اعداد کنار دسته‌ها در فیلتر */
.widget-area span.count,
.sidebar-widget span.count,
.woodmart-sidebar-element span.count {
    color: #94a3b8 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 1px 7px !important;
    font-size: 11px !important;
}


/* ===================================================
   ۲. اصلاح کارت‌های محصولات، متن‌ها و قیمت‌ها
   =================================================== */
/* بدنه و کادر شیشه‌ای تک‌تک محصولات */
.wd-product,
.product-grid-item,
.wd-hover-base {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

/* افکت شناور شدن کارت هنگام رفتن موس روی محصول */
.wd-product:hover,
.product-grid-item:hover {
    border-color: rgba(0, 210, 211, 0.4) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-4px);
}

/* عنوان و نام محصول (کاملاً سفید و درخشان) */
.wd-entities-title,
.wd-entities-title a,
.woocommerce-loop-product__title,
.product-title,
.product-title a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
}

.wd-entities-title a:hover,
.product-title a:hover {
    color: #00d2d3 !important;
}

/* قیمت اصلی محصول */
.price,
.price .amount,
.price ins .amount,
.price > span {
    color: #00d2d3 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

/* قیمت خط‌خورده (تخفیف) */
.price del,
.price del .amount {
    color: #64748b !important;
    font-size: 12px !important;
}


/* ===================================================
   ۳. اسلایدر دسته‌بندی‌های بالای صفحه (ورلد آف وارکرفت و...)
   =================================================== */
.wd-cat,
.cat-design-default,
.woodmart-archive-shop .wd-subcat {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
}

/* نام دسته‌بندی و تعداد محصول زیر آن */
.wd-cat .wd-entities-title,
.cat-design-default .wd-entities-title {
    color: #f1f5f9 !important;
}
.wd-cat .more-products {
    color: #94a3b8 !important;
}


/* ===================================================
   ۴. نوار بالای گرید (مرتب‌سازی و نمایش تعداد نتایج)
   =================================================== */
.shop-loop-head,
.woocommerce-result-count,
.woocommerce-ordering select {
    color: #cbd5e1 !important;
}

.woocommerce-ordering select {
    background-color: rgba(22, 28, 40, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
}
/**---**/
/* ===================================================
   ۱. مسیر راهنما بالای صفحه (Breadcrumbs: خانه / فروشگاه)
   =================================================== */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span,
.yoast-breadcrumbs,
.yoast-breadcrumbs a,
nav[aria-label="Breadcrumb"],
nav[aria-label="Breadcrumb"] * {
    color: #ffffff !important;
    opacity: 0.9 !important;
}
nav[aria-label="Breadcrumb"] a:hover {
    color: #00d2d3 !important;
}

/* ===================================================
   ۲. اعداد تعویض تعداد نمایش (نمایش: ۹ / ۱۲ / ۱۸ / ۲۴)
   =================================================== */
.woodmart-products-per-page,
.woodmart-products-per-page span,
.woodmart-products-per-page a,
.wd-products-per-page,
.wd-products-per-page * {
    color: #cbd5e1 !important;
}
.woodmart-products-per-page a:hover,
.woodmart-products-per-page .current-page,
.wd-products-per-page a:hover,
.wd-products-per-page .current-page {
    color: #00d2d3 !important;
    font-weight: bold !important;
}

/* ===================================================
   ۳. اصلاح کامل هدر و باکس‌های سایدبار فیلترها
   =================================================== */
/* هدر بالای سایدبار (باکس "فیلتر های فروشگاه") */
.woodmart-sidebar-element .elementor-widget-heading,
.woodmart-sidebar-element > div:first-child,
.sidebar-container .widget-heading,
.sidebar-widget-title {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    margin-bottom: 15px !important;
}

.woodmart-sidebar-element h3,
.woodmart-sidebar-element h3 span,
.woodmart-sidebar-element i {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* یکپارچه‌سازی پس‌زمینه باکس‌های مجزای سایدبار (حذف رنگ طوسی متمایل به آبی ناهمگون) */
.woodmart-sidebar-element .elementor-widget-container > div,
.sidebar-container .widget,
.sidebar-widget,
.widget_product_categories,
.widget_stock_status,
.widget_price_filter {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    margin-bottom: 15px !important;
}

/* عناوین داخلی ابزارک‌ها (وضعیت محصول، دسته‌بندی و...) */
.widget_product_categories h5,
.widget_stock_status h5,
.widget_price_filter h5,
.sidebar-widget h5 {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
}

/* ===================================================
   ۴. متن‌های محدوده قیمت و فیلتر قیمت
   =================================================== */
.widget_price_filter .price_slider_amount,
.widget_price_filter .price_label,
.widget_price_filter .price_label span,
.widget_price_filter .from,
.widget_price_filter .to {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}

/* نوار لغزنده قیمت (اسلایدر) */
.widget_price_filter .ui-slider {
    background: rgba(255, 255, 255, 0.12) !important;
    height: 6px !important;
    border-radius: 10px !important;
}
.widget_price_filter .ui-slider-range {
    background: #00d2d3 !important;
}
.widget_price_filter .ui-slider-handle {
    background: #ffffff !important;
    border: 2px solid #00d2d3 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 8px rgba(0, 210, 211, 0.6) !important;
}

/* ===================================================
   ۵. متن مشخصات / توضیحات کوتاه داخل کارت محصول
   =================================================== */
.wd-product .product-list-content,
.wd-product .hover-content-inner,
.wd-product .wd-product-cats,
.wd-product .wd-product-cats a,
.product-grid-item .woocommerce-product-details__short-description,
.product-grid-item .product-excerpt {
    color: #e2e8f0 !important;
}

/* ===================================================
   ۶. بازطراحی مدرن منوی کشویی مرتب‌سازی (Ordering Select)
   =================================================== */
.woocommerce-ordering select,
.woocommerce-ordering .orderby {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: rgba(22, 28, 40, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
    padding: 10px 38px 10px 18px !important;
    font-size: 13.5px !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.25s ease !important;
    
    /* ایجاد فلش مینیمال مدرن */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300d2d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 15px !important;
}

.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
    border-color: #00d2d3 !important;
    box-shadow: 0 0 12px rgba(0, 210, 211, 0.3) !important;
}

/* رنگ آیتم‌های دراپ‌داون هنگام باز شدن */
.woocommerce-ordering select option {
    background-color: #161c28 !important;
    color: #ffffff !important;
}

/**---**/
/* ===================================================
   ۱. حذف کامل بک‌گراند کدر و هاله بین ۳ کادر سایدبار
   =================================================== */
/* ریست کردن پس‌زمینه ستون و والدها در المنتور */
.elementor-widget-sidebar,
.elementor-widget-woodmart-sidebar,
.elementor-column-gap-default > .elementor-column > .elementor-widget-wrap,
.elementor-element.elementor-widget-woodmart-sidebar > .elementor-widget-container,
.woodmart-sidebar-element,
.woodmart-woocommerce-sidebar {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* هدر "فیلتر های فروشگاه" و آیکون قیف */
div[class*="elementor-widget-heading"] h3,
div[class*="elementor-widget-heading"] h3 span,
.woodmart-sidebar-element h3,
.woodmart-sidebar-element h3 span,
.woodmart-sidebar-element .elementor-icon,
.woodmart-sidebar-element i {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 0 10px rgba(0, 210, 211, 0.4) !important;
}

/* حذف کادر کدر پشت هدر */
.woodmart-sidebar-element .elementor-widget-container > div:first-child,
.woodmart-sidebar-element > .elementor-widget-heading,
.sidebar-widget-title {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

/* سه باکس مجزا (وضعیت محصول، دسته‌ها، قیمت) بدون هاله اضافه */
.sidebar-widget,
.widget_product_categories,
.widget_stock_status,
.widget_price_filter,
.woodmart-sidebar-element .widget {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

/* ===================================================
   ۲. کاستومایز مدرن و شیشه‌ای چک‌باکس‌های وضعیت محصول
   =================================================== */
.widget_stock_status ul li,
.wd-filter-list li {
    position: relative;
    padding-right: 26px !important;
    line-height: 24px;
}

/* ساخت مربع کاستوم شیشه‌ای */
.widget_stock_status ul li::before,
.wd-filter-list li::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 5px !important;
    transition: all 0.25s ease !important;
}

/* حالت تیک‌خورده / فعال */
.widget_stock_status ul li.chosen::before,
.wd-filter-list li.chosen::before {
    background: #00d2d3 !important;
    border-color: #00d2d3 !important;
    box-shadow: 0 0 8px rgba(0, 210, 211, 0.6) !important;
}

/* ایجاد علامت تیک مدرن روی آیتم فعال */
.widget_stock_status ul li.chosen::after,
.wd-filter-list li.chosen::after {
    content: '' !important;
    position: absolute !important;
    right: 5px !important;
    top: calc(50% - 2px) !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #0b0e14 !important;
    border-width: 0 2px 2px 0 !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.widget_stock_status ul li:hover::before {
    border-color: #00d2d3 !important;
}

/* ===================================================
   ۳. بازطراحی اسلایدر قیمت و حذف دستگیره‌های بزرگ
   =================================================== */
/* نوار اصلی باریک و مدرن */
.price_slider_wrapper .ui-slider-horizontal,
.widget_price_filter .ui-slider-horizontal {
    height: 4px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: none !important;
    border-radius: 10px !important;
    margin: 18px 6px 22px 6px !important;
}

/* نوار پُرشده بازه انتخابی */
.price_slider_wrapper .ui-slider-range,
.widget_price_filter .ui-slider-range {
    background: linear-gradient(90deg, #00d2d3, #0284c7) !important;
    height: 100% !important;
    border-radius: 10px !important;
}

/* دستگیره‌های لغزنده (تبدیل به گوی‌های کوچک و مینیمال نئونی) */
.price_slider_wrapper .ui-slider-handle,
.widget_price_filter .ui-slider-handle {
    width: 14px !important;
    height: 14px !important;
    top: -5px !important;
    background: #ffffff !important;
    border: 2px solid #00d2d3 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px rgba(0, 210, 211, 0.8) !important;
    cursor: pointer !important;
    outline: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.price_slider_wrapper .ui-slider-handle:hover,
.price_slider_wrapper .ui-slider-handle:active {
    transform: scale(1.25) !important;
    box-shadow: 0 0 15px rgba(0, 210, 211, 1) !important;
}

/* هماهنگ‌سازی فونت و رنگ قیمت در باکس زیرین */
.widget_price_filter .price_slider_amount {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 10px !important;
}
/**--**/
/* ===================================================
   ۱. تراز دقیق گوی‌های بازه قیمت روی خط اسلایدر
   =================================================== */
/* ریست و تراز عمودی خط */
.widget_price_filter .ui-slider-horizontal {
    height: 4px !important;
    position: relative !important;
    margin: 20px 8px !important;
}

/* قرار گرفتن دقیق مرکز دایره روی خط (حل مشکل بالاتر بودن) */
.widget_price_filter .ui-slider-handle,
.price_slider_wrapper .ui-slider-handle {
    top: 50% !important;
    transform: translateY(-50%) !important; /* قفل شدن دقیق در آکس خط */
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
}

.widget_price_filter .ui-slider-handle:hover {
    transform: translateY(-50%) scale(1.2) !important;
}

/* ===================================================
   ۲. اصلاح دکمه خراب فیلتر فعال (حذف همه فیلترها)
   =================================================== */
/* استایل دکمه دوم که متنش محو بود */
.woodmart-active-filters a,
.woodmart-active-filters .clear-all,
.wd-active-filters a,
.wd-active-filters .clear-all,
.woocommerce-active-filters a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(0, 210, 211, 0.4) !important;
    text-indent: 0 !important;
    font-size: 12.5px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.woodmart-active-filters .clear-all,
.wd-active-filters .clear-all {
    border-color: rgba(255, 107, 107, 0.5) !important;
    color: #ff9f9f !important;
}

/* ===================================================
   ۳. حذف تیک و چک‌باکس پیش‌فرض و اصلاح وضعیت محصول
   =================================================== */
.widget_stock_status ul li a::before,
.widget_stock_status ul li a::after,
.wd-filter-list li a::before,
.wd-filter-list li a::after {
    display: none !important; /* حذف تیک پیش‌فرض وردپرس */
}

/* چک‌باکس تمیز و شیشه‌ای یکدست */
.widget_stock_status ul li,
.wd-filter-list li {
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 6px 0 !important;
}

.widget_stock_status ul li a {
    color: #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* ساخت آیکون مربع شیک */
.widget_stock_status ul li a::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 4px !important;
}

/* حالت تیک خورده */
.widget_stock_status ul li.chosen a::before {
    background-color: #00d2d3 !important;
    border-color: #00d2d3 !important;
    box-shadow: 0 0 8px rgba(0, 210, 211, 0.6) !important;
}

/* ===================================================
   ۴. اصلاح دکمه کناری "افزودن به سبد خرید" در هاور محصول
   =================================================== */
/* دکمه مشاهده سریع / مقایسه / علاقه‌مندی که کادر مشکی توخالی شده بود */
.wd-hover-base .wd-bottom-actions,
.product-grid-item .wrapp-swap,
.product-grid-item .wd-buttons {
    background: transparent !important;
}

.wd-hover-base .wd-bottom-actions a,
.product-grid-item .quick-view-button a,
.product-grid-item .wd-wishlist-btn a,
.product-grid-item .wd-compare-btn a {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}

.wd-hover-base .wd-bottom-actions a:hover {
    background-color: #00d2d3 !important;
    color: #000000 !important;
}

/* ===================================================
   ۱. رفع مشکل کادر خالی کنار فیلتر فعال
   =================================================== */
/* تزریق متن فارسی و استایل تمیز به دکمه ریست فیلترها */
.woodmart-active-filters .clear-all,
.wd-active-filters .clear-all,
.woocommerce-active-filters .clear-all,
.woodmart-active-filters a:empty,
.wd-active-filters a:empty {
    position: relative !important;
    font-size: 0 !important; /* پنهان کردن فضای خالی */
    background: rgba(239, 68, 68, 0.15) !important;
    border: 1px solid rgba(239, 68, 68, 0.4) !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* نوشتن متن اختصاصی "حذف همه" روی دکمه خالی */
.woodmart-active-filters .clear-all::after,
.wd-active-filters .clear-all::after,
.woocommerce-active-filters .clear-all::after,
.woodmart-active-filters a:empty::after,
.wd-active-filters a:empty::after {
    content: 'حذف همه فیلترها ✕' !important;
    font-size: 12px !important;
    color: #fca5a5 !important;
    font-weight: 500 !important;
}

/* نکته: اگر اصلاً این دکمه اضافه را نمی‌خواهید، خط زیر را فعال کنید:
.woodmart-active-filters .clear-all, .wd-active-filters .clear-all { display: none !important; }
*/


/* ===================================================
   ۲. حل مشکل زبانه قهوه‌ای/کدر بیرون‌زده از محصول
   =================================================== */
/* برش زوائد خارج از محدوده کارت محصول */
.product-grid-item,
.wd-product,
.product-wrapper,
.product-element-top {
    overflow: hidden !important;
}

/* مخفی کردن آیکون‌های جانبی لغزان که خارج از کادر می‌افتند در حالت عادی */
.product-grid-item .wd-buttons,
.product-grid-item .woodmart-buttons,
.product-grid-item .quick-view-btn,
.product-grid-item .woodmart-wishlist-btn {
    background: transparent !important;
    box-shadow: none !important;
}

/* اصلاح رنگ پس‌زمینه دکمه‌های جانبی تا با تم سازگار شوند و دیگر قهوه‌ای نباشند */
.wd-buttons[class*="wd-pos-"] > div a,
.woodmart-buttons[class*="wd-pos-"] > div a,
.product-grid-item .wd-buttons a {
    background: rgba(18, 24, 34, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/**--**/
/* ===================================================
   ۱. اصلاح رنگ دکمه "حذف فیلترها" (روشن، شفاف و خوانا)
   =================================================== */
.woodmart-active-filters .clear-all,
.wd-active-filters .clear-all,
.woocommerce-active-filters .clear-all,
.woodmart-active-filters a[class*="clear"],
.wd-active-filters a[class*="clear"] {
    background: rgba(239, 68, 68, 0.15) !important;
    border: 1px solid rgba(239, 68, 68, 0.45) !important;
    color: #fca5a5 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* آیکون ضربدر داخل دکمه حذف فیلترها */
.woodmart-active-filters .clear-all:after,
.woodmart-active-filters .clear-all:before,
.wd-active-filters .clear-all:after,
.wd-active-filters .clear-all:before {
    color: #fca5a5 !important;
}

.woodmart-active-filters .clear-all:hover,
.wd-active-filters .clear-all:hover {
    background: rgba(239, 68, 68, 0.3) !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
}


/* ===================================================
   ۲. حذف کادرهای تیره روی عکس محصول و نمایش فقط در Hover
   =================================================== */
/* مخفی کردن آیکون‌های سه‌گانه در حالت عادی */
.product-grid-item .wd-buttons,
.product-grid-item .woodmart-buttons {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(10px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ظاهر شدن شیک و نرم هنگام هاور موس روی محصول */
.product-grid-item:hover .wd-buttons,
.product-grid-item:hover .woodmart-buttons {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}

/* استایل شیشه‌ای و مدرن برای هر دکمه (علاقه‌مندی، مقایسه، نمایش سریع) */
.product-grid-item .wd-buttons > div a,
.product-grid-item .woodmart-buttons > div a {
    background: rgba(18, 24, 34, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease !important;
}

/* سفید و درخشان کردن آیکون‌های SVG و فونت‌های داخل دکمه‌ها */
.product-grid-item .wd-buttons > div a:before,
.product-grid-item .woodmart-buttons > div a:before,
.product-grid-item .wd-buttons svg,
.product-grid-item .woodmart-buttons svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* هاور روی خود آیکون‌ها */
.product-grid-item .wd-buttons > div a:hover,
.product-grid-item .woodmart-buttons > div a:hover {
    background: #00d2d3 !important;
    border-color: #00d2d3 !important;
    color: #0b0e14 !important;
}

.product-grid-item .wd-buttons > div a:hover:before,
.product-grid-item .woodmart-buttons > div a:hover svg {
    color: #0b0e14 !important;
    fill: #0b0e14 !important;
}
/**--**/
/* ===================================================
   هم‌اندازه کردن و اصلاح رنگ هر دو برچسب فیلتر فعال
   =================================================== */

/* کانتینر کل فیلترهای فعال جهت تراز عمودی یکسان */
.woodmart-active-filters,
.wd-active-filters,
.woocommerce-active-filters {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.woodmart-active-filters ul,
.wd-active-filters ul,
.woocommerce-active-filters ul {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ۱. یکسان‌سازی دقیق ابعاد، پدینگ و فونت هر دو کادر */
.woodmart-active-filters li a,
.wd-active-filters li a,
.woocommerce-active-filters li a,
.woodmart-active-filters a,
.wd-active-filters a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;            /* ارتفاع کاملاً قفل و یکسان */
    line-height: 36px !important;
    padding: 0 16px !important;         /* پدینگ مساوی */
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;      /* زاویه گوشه برابر */
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    gap: 8px !important;
}

/* ۲. دکمه اول (تگ انتخاب‌شده - مثل: محصولات تخفیف دار) */
.woodmart-active-filters li:not(:last-child) a,
.wd-active-filters li:not(:last-child) a,
.woodmart-active-filters a:not([class*="clear"]) {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(0, 210, 211, 0.4) !important;
    color: #ffffff !important;
}

/* ۳. دکمه دوم (حذف فیلترها - کاملاً سفید، خوانا و متمایز) */
.woodmart-active-filters li:last-child a,
.wd-active-filters li:last-child a,
.woocommerce-active-filters li:last-child a,
.woodmart-active-filters a[class*="clear"],
.wd-active-filters a[class*="clear"] {
    background: rgba(239, 68, 68, 0.15) !important;
    border: 1px solid rgba(239, 68, 68, 0.5) !important;
    color: #ffffff !important;           /* سفید کامل بدون تیرگی */
    opacity: 1 !important;
}

/* آیکون ضربدر دکمه حذف فیلترها */
.woodmart-active-filters li:last-child a::after,
.woodmart-active-filters li:last-child a::before,
.wd-active-filters li:last-child a::after,
.wd-active-filters li:last-child a::before {
    color: #ff8585 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* هاور دکمه حذف فیلترها */
.woodmart-active-filters li:last-child a:hover,
.wd-active-filters li:last-child a:hover {
    background: rgba(239, 68, 68, 0.3) !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
}
/**--**/
/* ===================================================
   روشن و کاملاً سفید کردن متن دکمه "حذف فیلترها"
   =================================================== */
.woodmart-active-filters li:last-child a,
.woodmart-active-filters li:last-child a *,
.wd-active-filters li:last-child a,
.wd-active-filters li:last-child a *,
.woocommerce-active-filters li:last-child a,
.woocommerce-active-filters li:last-child a *,
div[class*="active-filters"] li:last-child a,
div[class*="active-filters"] li:last-child a *,
a[class*="clear"],
a[class*="clear"] * {
    color: #ffffff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* روشن و درخشان کردن آیکون ضربدر دکمه حذف فیلترها */
.woodmart-active-filters li:last-child a::before,
.woodmart-active-filters li:last-child a::after,
.wd-active-filters li:last-child a::before,
.wd-active-filters li:last-child a::after,
div[class*="active-filters"] li:last-child a::before,
div[class*="active-filters"] li:last-child a::after {
    color: #00d2d3 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #00d2d3 !important;
}
/* اجبار شدید برای سفید کردن دکمه سمت راست فیلترها */
.woodmart-active-filters a:last-child,
.woodmart-active-filters a:last-child *,
.wd-active-filters a:last-child,
.wd-active-filters a:last-child *,
ul.woocommerce-active-filters li:last-child,
ul.woocommerce-active-filters li:last-child a,
ul.woocommerce-active-filters li:last-child a * {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* آیکون ضربدر دکمه حذف فیلترها */
.woodmart-active-filters a:last-child::after,
.wd-active-filters a:last-child::after,
ul.woocommerce-active-filters li:last-child a::after {
    color: #00d2d3 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #00d2d3 !important;
}
/**--solo--**/
/* ===================================================
   ۱. شیشه‌ای کردن تمام باکس‌های اصلی صفحه محصول
   =================================================== */
/* باکس قیمت و خرید، باکس مشاوره، باکس توضیحات و مشخصات پایین */
.single-product-page .product-image-summary,
.single-product-page .summary-inner,
.single-product-page .woocommerce-tabs,
.single-product .tabs-layout-tabs,
.single-product .elementor-widget-wrap,
div[class*="product-design-"] .entry-summary,
.single-product div.product .entry-summary > div {
    color: #e2e8f0;
}

/* کارت‌های جداگانه داخل ستون خرید و ستون میانی */
.single-product .summary > div,
.single-product-page .entry-summary > div,
.single-product-page .tabs-wrapper,
.single-product-page .woocommerce-Tabs-panel,
.single-product-page .product-tabs-wrapper {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

/* باکس‌های دارای استایل کارت سفید در صفحه محصول */
.single-product div[style*="background-color: rgb(255, 255, 255)"],
.single-product div[style*="background-color: #fff"],
.single-product div[style*="background-color:#fff"],
.single-product div[style*="background: rgb(255, 255, 255)"],
.single-product div[style*="background: #fff"],
.single-product div[style*="background:#fff"],
.single-product .elementor-widget-container {
    background-color: transparent !important;
}

/* ===================================================
   ۲. اصلاح و روشن کردن متون و تیترها
   =================================================== */
/* تیترهای اصلی، نام محصول و عناوین بخش‌ها */
.single-product .product_title,
.single-product h1,
.single-product h2,
.single-product h3,
.single-product h4,
.single-product .elementor-heading-title,
.single-product .woocommerce-Tabs-panel h2 {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* متن پاراگراف‌ها، لیست‌های نشانه‌دار (بولت‌ها) و توضیحات */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-Tabs-panel,
.single-product .woocommerce-Tabs-panel p,
.single-product .woocommerce-Tabs-panel li,
.single-product .entry-summary p,
.single-product .entry-summary li {
    color: #cbd5e1 !important;
    line-height: 1.8 !important;
}

/* رنگ قیمت محصول */
.single-product .summary .price,
.single-product .summary .price .amount {
    color: #00d2d3 !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
}

/* بخش متای محصول (شناسه، دسته‌بندی و برچسب‌ها) */
.single-product .product_meta,
.single-product .product_meta span,
.single-product .product_meta a {
    color: #94a3b8 !important;
    font-size: 13px !important;
}
.single-product .product_meta a:hover {
    color: #00d2d3 !important;
}

/* ===================================================
   ۳. دکمه‌های خرید، شمارنده تعداد و علاقه‌مندی
   =================================================== */
/* کنترلر تعداد (+ و -) */
.single-product .quantity,
.single-product .quantity input.qty {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
}

.single-product .quantity input.minus,
.single-product .quantity input.plus {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: none !important;
}

/* دکمه‌های "افزودن به علاقه مندی" و "مقایسه" */
.single-product .wd-wishlist-btn a,
.single-product .wd-compare-btn a,
.single-product .wd-action-btn a {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #cbd5e1 !important;
    border-radius: 12px !important;
    transition: all 0.25s ease !important;
}

.single-product .wd-wishlist-btn a:hover,
.single-product .wd-compare-btn a:hover {
    background: rgba(0, 210, 211, 0.15) !important;
    border-color: #00d2d3 !important;
    color: #00d2d3 !important;
}

/* ===================================================
   ۴. استایل تب‌های پایین (توضیحات محصول و اطلاعات تکمیلی)
   =================================================== */
/* سربرگ تب‌ها */
.woocommerce-tabs ul.tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: transparent !important;
}

.woocommerce-tabs ul.tabs li a {
    color: #94a3b8 !important;
    font-weight: 600 !important;
    border: none !important;
    background: transparent !important;
}

.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
    color: #00d2d3 !important;
    border-bottom: 2px solid #00d2d3 !important;
}

/* جدول ویژگی‌ها در تب اطلاعات تکمیلی */
.woocommerce-product-attributes,
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}
.woocommerce-product-attributes th {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* ===================================================
   ۵. بخش اشتراک‌گذاری اجتماعی (بالای باکس قیمت)
   =================================================== */
.woodmart-social-icons a,
.wd-social-icons a,
.single-product .icons-design-default a {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    transition: all 0.2s ease !important;
}

.woodmart-social-icons a:hover,
.wd-social-icons a:hover {
    background: #00d2d3 !important;
    color: #0b0e14 !important;
    border-color: #00d2d3 !important;
}
/* ===================================================
   ۱. حذف کامل کادرهای تو در تو (علاقه‌مندی و مقایسه)
   =================================================== */
/* حذف کادر والد المنتور و وودمارت */
.single-product .wd-action-btn,
.single-product .wd-wishlist-btn,
.single-product .wd-compare-btn,
.single-product .elementor-widget-woodmart-compare,
.single-product .elementor-widget-woodmart-wishlist,
div[class*="woodmart-wishlist-btn"],
div[class*="woodmart-compare-btn"] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* حذف کادر هرگونه تگ درونی بجز خود دکمه کلیک */
.single-product .wd-action-btn > div,
.single-product .wd-action-btn .elementor-widget-container {
    border: none !important;
    background: transparent !important;
}

/* استایل تک‌کادر شیک، هم‌ارتفاع و یکدست برای هر دو دکمه */
.single-product .wd-action-btn a,
.single-product .wd-wishlist-btn a,
.single-product .wd-compare-btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 42px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(0, 210, 211, 0.35) !important;
    border-radius: 10px !important;
    color: #cbd5e1 !important;
    font-size: 13px !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}

.single-product .wd-action-btn a:hover {
    background: rgba(0, 210, 211, 0.15) !important;
    border-color: #00d2d3 !important;
    color: #ffffff !important;
}

.single-product .wd-action-btn svg,
.single-product .wd-action-btn i {
    color: #00d2d3 !important;
    fill: #00d2d3 !important;
}


/* ===================================================
   ۲. بازسازی کامل کادر تعداد (حذف کپسول مشکی وودمارت)
   =================================================== */
/* بدنه کلی انتخابگر تعداد */
.single-product form.cart .quantity,
.single-product .entry-summary .quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 42px !important;
    width: 105px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 10px !important;
    padding: 2px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* دکمه‌های مثبت و منفی */
.single-product form.cart .quantity input.minus,
.single-product form.cart .quantity input.plus,
.single-product .quantity .minus,
.single-product .quantity .plus {
    width: 30px !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: none !important;
    color: #00d2d3 !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease !important;
}

.single-product form.cart .quantity input.minus:hover,
.single-product form.cart .quantity input.plus:hover {
    background: #00d2d3 !important;
    color: #0d1117 !important;
}

/* ورودی عدد وسط */
.single-product form.cart .quantity input.qty,
.single-product .quantity input.qty {
    width: 35px !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    box-shadow: none !important;
}
/**--**/
/* ===================================================
   متقارن‌سازی و استاندارد کردن ابعاد دکمه‌های علاقه‌مندی و مقایسه
   =================================================== */
/* هم‌ردیف و متقارن کردن کانتینر والد */
.single-product .entry-summary .elementor-widget-woodmart-wishlist,
.single-product .entry-summary .elementor-widget-woodmart-compare,
.single-product .wd-wishlist-btn,
.single-product .wd-compare-btn {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* اعمال ابعاد یکسان و فیت به هر دو دکمه */
.single-product .entry-summary .wd-action-btn a,
.single-product .entry-summary .wd-wishlist-btn a,
.single-product .entry-summary .wd-compare-btn a,
.single-product div[class*="woodmart-wishlist"] a,
.single-product div[class*="woodmart-compare"] a {
    width: 100% !important;              /* پر کردن کامل فضا */
    min-width: 140px !important;
    height: 42px !important;             /* ارتفاع استاندارد و متناسب */
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 10px !important;      /* نرم‌تر شدن لبه‌ها */
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* ===================================================
   اصلاح تب نظرات و دیدگاه‌های محصول (Reviews Form)
   =================================================== */

/* ۱. روشن و خوانا کردن تمام متون و عناوین داخل تب نظرات */
#reviews #comments,
#reviews .woocommerce-Reviews-title,
#review_form #reply-title,
#review_form .comment-reply-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* متن "هنوز بررسی‌ای ثبت نشده است" و "اولین کسی باشید که..." */
#reviews .woocommerce-noreviews,
#review_form .comment-notes,
#review_form p {
    color: #cbd5e1 !important;
    font-size: 13.5px !important;
    line-height: 1.8 !important;
}

/* برچسب‌های "امتیاز شما" و "دیدگاه شما" */
#review_form label {
    color: #f1f5f9 !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
}

/* ستاره‌های امتیازدهی */
#review_form .stars a,
#review_form .stars span a {
    color: #00d2d3 !important;
}

/* ۲. تبدیل کادر مشکی متن دیدگاه به شیشه‌ای مدرن */
#review_form textarea#comment,
#review_form input[type="text"],
#review_form input[type="email"] {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* فوکوس و کلیک داخل کادر دیدگاه (افکت نئونی فیروزه‌ای) */
#review_form textarea#comment:focus,
#review_form input[type="text"]:focus,
#review_form input[type="email"]:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #00d2d3 !important;
    box-shadow: 0 0 14px rgba(0, 210, 211, 0.3) !important;
    outline: none !important;
}

/* ۳. استایل دکمه ارسال دیدگاه (ثبت) */
#review_form #respond input#submit,
#review_form .form-submit input[type="submit"] {
    background: #00a8ff !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: 12px !important;
    padding: 10px 32px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(0, 168, 255, 0.4) !important;
    transition: all 0.2s ease !important;
}

#review_form #respond input#submit:hover,
#review_form .form-submit input[type="submit"]:hover {
    background: #0090dd !important;
    box-shadow: 0 6px 20px rgba(0, 168, 255, 0.6) !important;
    transform: translateY(-2px);
}
/**contact**/
/* ===================================================
   ۱. اصلاح نوار عنوان بالای برگه (Page Title - تماس با ما)
   =================================================== */
/* شیشه‌ای و دارک کردن کل نوار سفید */
.page-title-default,
.page-title,
.title-size-default,
.page-heading {
    background-color: rgba(22, 28, 40, 0.75) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background-image: none !important;
}

/* سفید و خوانا کردن تیتر بزرگ "تماس با ما" */
.page-title h1,
.page-title .entry-title,
.page-title-default .entry-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

/* اصلاح رنگ مسیر راهنما (خانه / تماس با ما) */
.page-title .breadcrumbs,
.page-title .breadcrumbs a,
.page-title .breadcrumbs span {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

.page-title .breadcrumbs a:hover {
    color: #00d2d3 !important;
}


/* ===================================================
   ۲. اصلاح فرم تماس (برچسب‌ها، کادرها و دکمه ثبت)
   =================================================== */
/* روشن و سفید کردن عنوان فیلدها (نام شما، ایمیل شما، موضوع و...) */
.wpcf7 form p,
.wpcf7 form label,
.wpcf7-form-control-wrap,
.wpforms-form label,
.wpforms-form .wpforms-field-label,
form.wpcf7-form {
    color: #f1f5f9 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* تغییر کادرهای سفید ورودی به فرم شیشه‌ای دارک و مدرن */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form textarea {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}

/* افکت جذاب نئونی فیروزه‌ای هنگام کلیک داخل فیلد */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpforms-form input:focus,
.wpforms-form textarea:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #00d2d3 !important;
    box-shadow: 0 0 12px rgba(0, 210, 211, 0.3) !important;
    outline: none !important;
}

/* متن کم‌رنگ داخل فیلدها (Placeholder) */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder,
.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
    color: #64748b !important;
}

/* استایل دکمه ارسال / ثبت */
.wpcf7 input[type="submit"],
.wpforms-form button[type="submit"] {
    background: #00a8ff !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    padding: 12px 36px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(0, 168, 255, 0.4) !important;
    transition: all 0.2s ease !important;
}

.wpcf7 input[type="submit"]:hover,
.wpforms-form button[type="submit"]:hover {
    background: #0090dd !important;
    box-shadow: 0 6px 20px rgba(0, 168, 255, 0.6) !important;
    transform: translateY(-2px);
}@media (min-width: 1025px) {
	.wd-dropdown-menu.wd-design-sized:not(.wd-scroll), .wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner
{
	    padding: 0px 15px 0px 15px;
}
.site-logo
{
	margin-top:-20px;
}
.otherdemoes a
{
    background-color: #f01919;
    border-radius: 10px;
    padding: 0px 8px;
    color: white !important;
    font-size: 14px;
    font-family: iranyekan;	
}

.wd-post-content h3 a
{
    font-size: 16px !important;	
}

.menu-opener .menu-opener-icon:before{
	    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 112px;
    height: 50px;
    transform: translateY(-50%);
    border-radius: 0 60px 60px 0;
    box-shadow: 17px 0 30px -14px rgb(0 0 0 / 28%);
    transition: 0.3s;
    pointer-events: none;
}
.menu-opener,.wd-dropdown-cats
{
	    min-width: 210px !important;
}
.wd-nav-vertical.wd-design-default
{
	border-radius:20px !important;
}


.infode .info-box-content{
	background-color: white;
	padding:20px
}
.wd-tools-element:is(.wd-design-6,.wd-design-7):not(.wd-with-wrap) .wd-tools-icon{
	box-shadow: 0 0 0 4px #fff, 0 0 0 5px #eee, 0 0 0 8px #fff, 0 0 0 9px #f5f5f5;
}
.menu-opener .menu-opener-icon:before {
box-shadow: 17px 0 30px -14px rgba(0, 0, 0, 0.2);}

.whb-general-header:before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: -435px;
    left: -420px;
    height: 6px;
    background-color: #a2a2a2;
    background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
	border-radius: 100%}
.whb-general-header:after{
	content: "";
    position: absolute;
    bottom: px;
    right: -435px;
    left: -420px;
    height: 9px;
    background-color: #a2a2a2;
    background-image: linear-gradient(to right, #8E2DE2 0%, #8E2DE2 8.33%, #E0224F 17.19%, #E0224F 25.52%, #EBD513 34.9%, #EED816 46.88%, #1BEC23 59.9%, #1BEC23 72.4%, #1B52BB 84.9%, #1B52BB 96.36%);
    border-radius: 100%;
    filter: blur(12px);
    opacity: 0.5;
}
.wd-nav-wrapper.wd-nav-tabs-wrapper.text-center{
	border: 1px solid #E8E2E2;
	border-radius:10px;
	padding:8px
}

}