:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "EstedadRegular", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "EstedadBold", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "EstedadBold", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "EstedadRegular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "EstedadBold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "EstedadBold", 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(212,175,55);
	--wd-alternative-color: rgb(39,53,68);
	--btn-default-font-family: IRANSansXFaNum;
	--btn-default-font-weight: 300;
	--btn-default-bgcolor: rgb(248,37,104);
	--btn-default-bgcolor-hover: rgb(214,32,86);
	--btn-default-color: rgb(212,175,55);
	--btn-accented-font-family: IRANSansXFaNum;
	--btn-accented-font-weight: 300;
	--btn-accented-bgcolor: rgb(248,37,104);
	--btn-accented-bgcolor-hover: rgb(214,32,86);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(104,104,104);
}
.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: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-hb {
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
: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: rgb(254,250,239);
	background-image: none;
	background-repeat: repeat-x;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,250,239);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,250,239);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,247,240);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,250,239);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,250,239);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,250,239);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(254,250,239);
	background-image: none;
}
.wd .product-label.onsale {
	background-color: rgb(92,29,170);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-hb-opt-h: 100px;
	}

}
:root{
--wd-container-w: 1200px;
--wd-form-brd-radius: 30px;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--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;
--wd-brd-radius: 12px;
--wd-cat-brd-radius: 8px;
}

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


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

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

@font-face {
	font-family: "EstedadBold";
	font-weight: 700;
	font-style: normal;
}

/* ====================================================
   بخش ۱: رفع قطعی مشکل هدر، جستجو و حساب کاربری (جدید)
==================================================== */

/* 1. بالا آوردن کل هدر بالا (جستجو) تا روی منوی پایین قرار بگیرد */
.whb-general-header {
    position: relative !important;
    z-index: 9999 !important; 
}
.whb-header-bottom {
    position: relative !important;
    z-index: 10 !important;
}

/* 2. بالا آوردن خود فرم و نتایج جستجو */
.wd-header-search-form,
.woodmart-ajax-search,
.wd-search-results-wrapper {
    position: relative !important;
    z-index: 99999 !important; 
}

/* 3. اجبار نتایج جستجو به سفید شدن (حذف تم تیره) */
html body .wd-dropdown-results,
html body .wd-dropdown-results.color-scheme-light,
html body .wd-dropdown-results.color-scheme-dark,
html body .autocomplete-suggestions {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e0e0e0 !important;
    border-top: 3px solid #d4af37 !important; 
    border-radius: 0 0 15px 15px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
    z-index: 9999999 !important;
    padding: 15px !important;
}

/* 4. اصلاح رنگ متن داخل نتایج جستجو */
html body .wd-dropdown-results .wd-search-history-title { color: #b88a2a !important; border-bottom: 1px dashed #e0c070 !important; }
html body .wd-dropdown-results .wd-history-item { color: #444444 !important; }
html body .wd-dropdown-results .wd-history-item:hover { color: #d4af37 !important; background-color: #fcf8ee !important; }
html body .wd-dropdown-results .wd-history-clear { color: #d72828 !important; }
html body .autocomplete-suggestion { background-color: transparent !important; border-bottom: 1px solid #f5f5f5 !important; margin: 0 !important; padding: 10px 0 !important; }
html body .autocomplete-suggestion:hover { background-color: #fcf8ee !important; }
html body .autocomplete-suggestion .suggestion-title { color: #333333 !important; font-weight: 700 !important; }
html body .autocomplete-suggestion:hover .suggestion-title { color: #b88a2a !important; }
html body .autocomplete-suggestion .price, html body .autocomplete-suggestion .amount { color: #b88a2a !important; font-weight: 900 !important; }
html body .autocomplete-suggestion img { background: transparent !important; border-radius: 6px !important; mix-blend-mode: multiply !important; }

/* 5. جلوگیری از کلیک روی منوهای زیرین وقتی جستجو باز است */
.wd-header-search-form:focus-within ~ .wd-header-cats,
.wd-header-search-form:focus-within ~ .wd-header-nav {
    pointer-events: none !important;
}

/* 6. رفع فرار کردن منوی حساب کاربری */
.wd-header-my-account {
    position: relative !important;
}
.wd-header-my-account::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 30px; /* پل نامرئی */
    background: transparent;
    z-index: 999;
}
.wd-header-my-account:hover .wd-dropdown-my-account {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}
.wd-header-my-account .wd-dropdown-menu {
    background-color: #ffffff !important; 
    box-shadow: 0px 5px 20px rgba(0,0,0,0.15) !important; 
    border-radius: 8px !important;
    border: 1px solid #eee !important;
    padding-top: 20px !important;
}
.wd-header-my-account .wd-dropdown-menu,
.wd-header-my-account .wd-dropdown-menu a,
.wd-header-my-account .wd-dropdown-menu span {
    color: #333333 !important; 
}
.wd-header-my-account .wd-dropdown-menu a:hover {
    color: #d4a55d !important; 
}

/* ====================================================
   بخش ۲: کدهای فایل اول شما (عمومی، فونت، سئو و هدر)
==================================================== */
.stories.carousel { text-align: center; }
.stories.snapgram .story.seen, .stories.carousel .story { margin: 6px 30px 0px 30px !important; }
.stories.carousel .story>.item-link>.info .name { font-weight: 600; font-size: 13px; color: #3D3D3D; }
#wpforms-form-136 { display: flex; }
#wpforms-136-field_1-container { padding: 0px; }
.wpforms-submit-container { margin: 0px !important; padding-right: 8px !important; }
.wpforms-submit-container button { background: var(--btn-accented-bgcolor) !important; border-radius: 300px !important; font-size: 15px !important; font-weight: 400 !important; }
.wpforms-submit-container button:hover { background: var(--btn-accented-bgcolor-hover) !important; border-radius: 300px !important; font-size: 15px !important; font-weight: 400 !important; }
.imgrot { -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.gradcol2 { border-top-left-radius: 300px; border-top-right-radius: 300px; animation: animateBg 3s linear infinite; background-image: linear-gradient(0deg, #3F7D58, #55C080, #95d2b3, #B0E4A4, #55C080, #3F7D58); background-size: 100% 1000%; }
@keyframes animateBg { 0% { background-position: 0% 0%; } 100% { background-position: 0% 100%; } }
@keyframes wiggle { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(20px); } 75% { transform: translateX(-20px); } }
.wiggleimg { animation: wiggle 5s linear infinite; }
.procard img { width: 70px; }
.wd-header-cats.wd-style-1 .menu-opener { border-radius: 200px !important; }
.whb-header-bottom { padding-top: 8px; padding-bottom: 8px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; margin-left: 50px; margin-right: 50px; box-shadow: 0px 4px 20px rgba(209, 197, 164, 0.5); }
.whb-general-header { box-shadow: 0px 4px 10px rgba(209, 197, 164, 0.5); border-radius: 200px; }
.whb-main-header { background-color: #FEFAEF; }
.shadblur { filter: blur(10px); }
.blogcard h3 { font-size: 15px !important; }
.imgslider img { padding: 20px 0px; }
.wd-nav-vertical .wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-nav-vertical .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner { padding: 16px; }

/* فونت و قیمت‌ها */
@font-face { font-family: 'EstedadFD'; src: url('/wp-content/uploads/Estedad-FD-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'EstedadFD'; src: url('/wp-content/uploads/Estedad-FD-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
:root { --e-global-typography-primary-font-family: 'EstedadFD', Tahoma, sans-serif !important; --e-global-typography-secondary-font-family: 'EstedadFD', Tahoma, sans-serif !important; --e-global-typography-text-font-family: 'EstedadFD', Tahoma, sans-serif !important; --e-global-typography-accent-font-family: 'EstedadFD', Tahoma, sans-serif !important; }
body, body *, p, h1, h2, h3, h4, h5, h6, span, a, div, li, strong, em, button, input, textarea, select, .woodmart-font, .product-title, .price { font-family: 'EstedadFD', Tahoma, sans-serif !important; }
i, .fa, .fas, .fa-solid, .fa-brands, .fa-regular { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important; }
.wd-product .price, .product-grid-item .price { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; white-space: nowrap !important; gap: 4px !important; }
.wd-product .price del, .wd-product .price ins, .wd-product .price span { display: inline-block !important; }

/* باکس سئو */
.term-description, .wc-term-description, .category-extra-description { background: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; margin-bottom: 30px !important; }
.digi-seo-box { background: #ffffff; padding: 30px; border-radius: 12px; border: 1px solid #e0e0e2; font-family: inherit; direction: rtl; text-align: justify; margin-top: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.03); }
.digi-seo-box h2, .digi-seo-box h3 { color: #3f4064; font-weight: 900; margin-top: 30px; margin-bottom: 15px; }
.digi-seo-box h2 { font-size: 18px; margin-top: 0; }
.digi-seo-box h3 { font-size: 16px; border-bottom: 1px dashed #eee; padding-bottom: 10px; }
.digi-seo-box p, .digi-seo-box li { color: #62666d; font-size: 14px; line-height: 2.3; margin-bottom: 15px; }
.digi-seo-box ul { list-style: none; padding-right: 0; }
.digi-seo-box li::before { content: "▪"; color: #0096a6; margin-left: 8px; font-weight: bold; font-size: 18px; vertical-align: middle; }
.digi-seo-content { max-height: 145px; overflow: hidden; transition: max-height 0.8s cubic-bezier(0, 1, 0.5, 1); position: relative; }
.digi-seo-fade { position: absolute; bottom: 0; left: 0; right: 0; height: 90px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; transition: opacity 0.5s ease; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.digi-btn-wrap { text-align: right; margin-top: 15px; position: relative; z-index: 10; border-top: 1px solid #f0f0f0; padding-top: 15px; }
.digi-toggle-btn { cursor: pointer; display: inline-flex; align-items: center; color: #0096a6; font-size: 14px; font-weight: 900; user-select: none; transition: all 0.3s ease; }
.digi-toggle-btn:hover { color: #007b89; }
.digi-toggle-btn svg { margin-right: 6px; }
.digi-seo-content.is-open { max-height: 4000px; }
.digi-seo-content.is-open .digi-seo-fade { opacity: 0; }

/* ====================================================
   بخش ۳: کدهای فایل دوم شما (سایدبار، تب‌ها، مگامنو، پرداخت)
==================================================== */
.single-product .product-labels { display: none !important; }

/* سایدبار - ویجت‌ها */
aside.sidebar-container .widget, .area-sidebar-shop .widget, .wd-widget { background-color: #fbf9f6 !important; border: 1px solid #eaeaea !important; border-radius: 12px !important; padding: 22px 25px !important; margin-bottom: 25px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; transition: all 0.3s ease; }
aside.sidebar-container .widget:hover, .area-sidebar-shop .widget:hover, .wd-widget:hover { box-shadow: 0 8px 25px rgba(212,175,55,0.12) !important; border-color: rgba(212,175,55,0.3) !important; }
aside.sidebar-container .widget-title, .area-sidebar-shop .widget-title, .wd-widget .widget-title { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 auto 20px auto !important; font-size: 17px !important; font-weight: 800 !important; color: #2c3e50 !important; text-align: center !important; padding-bottom: 10px !important; border-bottom: 3px solid #d4af37 !important; border-radius: 2px !important; }
aside.sidebar-container .widget-title::after, .area-sidebar-shop .widget-title::after, .wd-widget .widget-title::after { display: none !important; }

/* فیلترها و چک‌باکس‌ها */
.wd-widget .wd-swatches-grid, .wd-widget .wd-grid, .wd-widget .woodmart-woocommerce-layered-nav ul, .wd-widget .wd-layout-grid, .wd-widget .wd-layout-inline { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; padding: 0 !important; margin: 0 !important; gap: 12px !important; }
.wd-widget li, .wd-widget .wd-swatch-wrap { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; }
.wd-widget li a, .wd-widget .wd-swatch { display: flex !important; align-items: center !important; justify-content: flex-start !important; background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; flex-grow: 1 !important; min-height: auto !important; text-decoration: none !important; }
.wd-widget .wd-swatch-bg { display: none !important; }
.wd-widget li a, .wd-widget .wd-swatch-text { font-size: 13.5px !important; color: #555 !important; font-weight: 400 !important; text-align: right !important; }
.wd-widget li a::before, .wd-widget .wd-swatch::before { content: "" !important; display: block !important; flex: 0 0 22px !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 2px solid #dddddd !important; margin-left: 12px !important; margin-right: 0 !important; background-color: #fff !important; transition: all 0.2s ease !important; }
.wd-widget li a:hover::before, .wd-widget .wd-swatch:hover::before { border-color: #d4af37 !important; }
.wd-widget li.chosen a::before, .wd-widget .wd-swatch-wrap.wd-active .wd-swatch::before, .wd-active .wd-swatch::before { border-color: #d4af37 !important; background-color: #d4af37 !important; }
.wd-widget li .count, .wd-widget .wd-swatch-wrap .count { font-size: 12px !important; color: #999 !important; padding: 0 !important; margin: 0 !important; }

/* اسلایدر قیمت */
.price_slider_amount { display: flex !important; flex-direction: column !important; align-items: center !important; }
.price_slider_amount .price_label { order: 1 !important; width: 100% !important; text-align: center !important; margin-bottom: 15px !important; font-size: 12.5px !important; font-weight: 700 !important; color: #444 !important; letter-spacing: -0.5px !important; white-space: normal !important; line-height: 1.8 !important; }
.price_slider_amount .button { order: 2 !important; font-size: 0 !important; background-color: #d4af37 !important; color: #fff !important; border-radius: 50px !important; padding: 8px 25px !important; box-shadow: 0 4px 10px rgba(212,175,55,0.3) !important; transition: all 0.3s ease; width: 100% !important; text-align: center !important; }
.price_slider_amount .button::after { content: 'اعمال فیلتر' !important; font-size: 14px !important; font-family: inherit !important; font-weight: bold !important; }
.price_slider_amount .button:hover { background-color: #2c3e50 !important; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(44,62,80,0.3) !important; }
a.reset_variations { font-size: 0 !important; visibility: hidden; margin-right: 15px !important; }

/* سایدبار (بخش دوم شما) */
.wd-sidebar .widget-area { font-family: 'IRANYekan', Tahoma, sans-serif; direction: rtl; text-align: right; }
.wd-sidebar .wd-widget.widget_block { background: #ffffff !important; border-radius: 15px !important; padding: 25px !important; margin-bottom: 35px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; border: 1px solid rgba(212, 175, 55, 0.15) !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; overflow: hidden !important; }
.wd-sidebar .wd-widget.widget_block:hover { box-shadow: 0 15px 35px rgba(212, 175, 55, 0.12) !important; border-color: rgba(212, 175, 55, 0.4) !important; transform: translateY(-3px); }
.wd-sidebar .wd-widget.widget_block::before { content: '' !important; position: absolute !important; top: 0 !important; right: 0 !important; width: 4px !important; height: 100% !important; background: linear-gradient(to bottom, #d4af37, #1a202c) !important; opacity: 0.8 !important; }
.wd-sidebar .wp-block-heading { font-size: 20px !important; font-weight: 800 !important; color: #1a202c !important; margin-bottom: 20px !important; padding-bottom: 15px !important; border-bottom: 2px dashed rgba(212, 175, 55, 0.4) !important; position: relative !important; padding-right: 20px !important; }
.wd-sidebar .wp-block-heading::before { content: '◆' !important; color: #d4af37 !important; font-size: 14px !important; position: absolute !important; right: 0 !important; top: 6px !important; }
.wd-sidebar .widget-area ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.wd-sidebar .widget-area ul li { padding: 12px 0 !important; border-bottom: 1px solid #edf2f7 !important; font-size: 15px !important; color: #4a5568 !important; transition: all 0.3s ease !important; display: block !important; }
.wd-sidebar .widget-area ul li:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.wd-sidebar .widget-area ul li a { color: #34495e !important; text-decoration: none !important; font-weight: 600 !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; }
.wd-sidebar .widget-area ul li a:hover { color: #d4af37 !important; padding-right: 8px !important; }
.wd-sidebar .widget-area ul li a::before { content: '›' !important; color: #d4af37 !important; font-size: 20px !important; margin-left: 8px !important; line-height: 1 !important; }
.wd-sidebar .wp-block-search__inside-wrapper { display: flex !important; background: #fafafa !important; border: 1px solid #e2e8f0 !important; border-radius: 50px !important; overflow: hidden !important; padding: 5px !important; transition: all 0.3s ease !important; box-shadow: inset 0 2px 5px rgba(0,0,0,0.02) !important; margin-top: 10px !important; }
.wd-sidebar .wp-block-search__inside-wrapper:focus-within { border-color: #d4af37 !important; box-shadow: 0 0 15px rgba(212, 175, 55, 0.2) !important; background: #ffffff !important; }
.wd-sidebar .wp-block-search__input { border: none !important; background: transparent !important; padding: 10px 18px !important; flex-grow: 1 !important; outline: none !important; font-family: 'IRANYekan', Tahoma, sans-serif !important; color: #2c3e50 !important; font-size: 14px !important; margin: 0 !important; }
.wd-sidebar .wp-block-search__button { background: #1a202c !important; color: #d4af37 !important; border: none !important; padding: 10px 25px !important; border-radius: 50px !important; font-family: 'IRANYekan', Tahoma, sans-serif !important; font-weight: bold !important; font-size: 14px !important; cursor: pointer !important; transition: all 0.3s ease !important; margin: 0 !important; line-height: 1.5 !important; }
.wd-sidebar .wp-block-search__button:hover { background: #d4af37 !important; color: #1a202c !important; box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4) !important; }
.wd-sidebar .no-comments { color: #718096 !important; font-style: italic !important; font-size: 14px !important; padding: 10px 0 !important; }

/* ویژگی‌های محصول */
.attr__custom_gp-container { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px 0; direction: rtl; }
.attr__custom_gp-section.regular-attr { display: contents; }
.attr__custom_gp-item { display: flex; align-items: stretch; background: #ffffff; border: 1px solid #f0ece6; border-radius: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); overflow: hidden; transition: all 0.25s ease-in-out; min-height: 40px; }
.attr__custom_gp-item:hover { box-shadow: 0 4px 12px rgba(184, 138, 42, 0.25); transform: translateY(-2px); border-color: #e8dfd1; }
.attr__custom_gp-label { flex: 0 0 40%; display: flex; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #faf8f5 0%, #f5f1eb 100%); color: #8a7a6a; font-size: 12px; font-weight: 500; text-align: right; position: relative; line-height: 1.4; }
.attr__custom_gp-label::before { content: ""; position: absolute; right: 0; top: 30%; bottom: 30%; width: 2px; background: linear-gradient(180deg, #d4a373 0%, #c68b5c 100%); border-radius: 2px 0 0 2px; }
.attr__custom_gp-value { flex: 1; display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #ffffff; color: #1a1a2e; font-size: 12.5px; font-weight: 600; text-align: right; transition: all 0.25s ease-in-out; line-height: 1.4; }
.attr__custom_gp-value::before { content: ""; display: inline-block; width: 5px; height: 5px; background: #d4a373; border-radius: 50%; box-shadow: 0 0 0 3px rgba(212, 163, 115, 0.15); flex-shrink: 0; transition: all 0.25s ease-in-out; }
.attr__custom_gp-item:hover .attr__custom_gp-value, .attr__custom_gp-item:hover .attr__custom_gp-value * { background: #8a5a10 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important; }
.attr__custom_gp-item:hover .attr__custom_gp-value::before { background: #ffd97a !important; box-shadow: 0 0 0 3px rgba(255, 217, 122, 0.35) !important; }
.attr__custom_gp-product-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid #f0ece6; text-align: right; position: relative; grid-column: 1 / -1; }
.attr__custom_gp-product-title::after { content: ""; position: absolute; bottom: -2px; right: 0; width: 40px; height: 2px; background: linear-gradient(90deg, #d4a373, #c68b5c); border-radius: 2px; }
@media (max-width: 768px) {
    .attr__custom_gp-container { grid-template-columns: 1fr; gap: 5px; }
    .attr__custom_gp-label { flex: 0 0 42%; padding: 7px 10px; font-size: 11.5px; }
    .attr__custom_gp-value { padding: 7px 10px; font-size: 12px; gap: 6px; }
    .attr__custom_gp-item { min-height: 36px; }
    .attr__custom_gp-product-title { font-size: 14px; }
}

/* تب‌های المنتور */
.elementor-widget-tabs .elementor-tabs-wrapper, .elementor-tabs-wrapper, .e-n-tabs .e-n-tabs-heading, .e-n-tabs-heading { display: flex !important; justify-content: center !important; align-items: center !important; gap: 15px !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; flex-wrap: wrap !important; margin-bottom: 25px !important; }
.elementor-tab-title, .e-n-tab-title { display: flex !important; align-items: center !important; justify-content: center !important; padding: 14px 40px !important; background: #ffffff !important; border: 2px solid #e8dfd1 !important; border-radius: 50px !important; color: #8a7a6a !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease-in-out !important; position: relative !important; margin: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important; min-width: 140px !important; }
.elementor-tab-title:hover, .e-n-tab-title:hover { background: #faf8f5 !important; color: #b88a2a !important; border-color: #b88a2a !important; transform: translateY(-3px) !important; box-shadow: 0 8px 20px rgba(184, 138, 42, 0.2) !important; }
.elementor-tab-title.elementor-active, .elementor-tab-title[aria-selected="true"], .e-n-tab-title.e-n-tab-title-active, .e-n-tab-title[aria-selected="true"] { background: linear-gradient(135deg, #b88a2a 0%, #8a5a10 100%) !important; color: #ffffff !important; border-color: #8a5a10 !important; box-shadow: 0 10px 25px rgba(184, 138, 42, 0.4) !important; transform: translateY(-3px) scale(1.03) !important; font-weight: 700 !important; }
.elementor-tab-title.elementor-active *, .elementor-tab-title[aria-selected="true"] *, .e-n-tab-title.e-n-tab-title-active *, .e-n-tab-title[aria-selected="true"] * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 700 !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important; }
.elementor-tab-title::before, .elementor-tab-title::after, .e-n-tab-title::before { display: none !important; }
.elementor-tabs-content-wrapper, .e-n-tabs-content { background: #ffffff !important; border-radius: 16px !important; padding: 25px 28px !important; border: 1px solid #f0ece6 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important; direction: rtl !important; text-align: right !important; margin-top: 15px !important; }
@media (max-width: 768px) { .elementor-tabs-wrapper, .e-n-tabs-heading { gap: 8px !important; } .elementor-tab-title, .e-n-tab-title { padding: 10px 20px !important; font-size: 13px !important; min-width: 100px !important; border-radius: 40px !important; } }

/* ====================================================
   اصلاح نهایی مگامنو (دسکتاپ و موبایل)
==================================================== */

/* 1. استایل مگامنو در دسکتاپ (فقط برای سایزهای بزرگتر از 1024px) */
@media (min-width: 1025px) {
    .wd-nav-main .menu-item-has-children .wd-dropdown-menu, 
    .wd-dropdown-menu.color-scheme-light, 
    .wd-dropdown-menu.color-scheme-dark { 
        background-color: #ffffff !important; 
        background-image: linear-gradient(180deg, #ffffff, #fffdf5) !important; 
        border-top: 3px solid #d4af37 !important; 
        border-radius: 0 0 15px 15px !important; 
        box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important; 
        padding: 20px !important; 
    }
    .wd-dropdown-menu .widget-title, 
    .wd-dropdown-menu .wd-nav-title, 
    .wd-dropdown-menu > .sub-menu > li > a { 
        color: #b88a2a !important; 
        font-family: 'IRANYekan', tahoma, sans-serif !important; 
        font-weight: 900 !important; 
        font-size: 16px !important; 
        border-bottom: 2px dashed #f0e5ca !important; 
        padding-bottom: 10px !important; 
        margin-bottom: 15px !important; 
        text-align: right !important; 
        display: block !important; 
    }
    .wd-dropdown-menu .widget-title::before, 
    .wd-dropdown-menu .wd-nav-title::before, 
    .wd-dropdown-menu > .sub-menu > li > a::before { 
        content: "🔸" !important; 
        margin-left: 6px !important; 
        font-size: 11px !important; 
    }
    .wd-dropdown-menu .sub-menu li a, 
    .wd-dropdown-menu .sub-sub-menu li a, 
    .wd-dropdown-menu .menu-item a { 
        color: #555555 !important; 
        font-size: 14px !important; 
        font-weight: 500 !important; 
        padding: 8px 0 !important; 
        transition: all 0.3s ease !important; 
        display: flex !important; 
        align-items: center !important; 
        background: transparent !important; 
    }
    .wd-dropdown-menu .sub-menu li a::before, 
    .wd-dropdown-menu .sub-sub-menu li a::before { 
        content: "-" !important; 
        margin-left: 8px !important; 
        color: #d4af37 !important; 
        opacity: 0.5; 
        transition: all 0.3s ease !important; 
        font-weight: bold; 
    }
    .wd-dropdown-menu .sub-menu li a:hover, 
    .wd-dropdown-menu .sub-sub-menu li a:hover, 
    .wd-dropdown-menu .menu-item a:hover { 
        color: #d4af37 !important; 
        transform: translateX(-6px) !important; 
    }
    .wd-dropdown-menu .sub-menu li a:hover::before, 
    .wd-dropdown-menu .sub-sub-menu li a:hover::before { 
        opacity: 1 !important; 
        transform: scale(1.2) !important; 
    }
    .wd-dropdown-menu .elementor-section, 
    .wd-dropdown-menu .elementor-column { 
        background-color: transparent !important; 
    }
}

/* 2. اصلاح زیرمنوها در موبایل (رفع به هم ریختگی عکس سوم) */
@media (max-width: 1024px) {
    /* استایل کلی زیرمنو در موبایل (پس‌زمینه تیره برای خوانایی) */
    .wd-side-hidden .wd-dropdown-menu, 
    .mobile-nav .wd-dropdown-menu {
        background-color: #1e293b !important; /* پس‌زمینه سرمه‌ای تیره هماهنگ با منو */
        background-image: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 15px 20px !important;
        border-radius: 8px !important;
        margin: 5px 10px !important;
    }

    /* تبدیل ستون‌های مگامنو به حالت عمودی (استک) در موبایل */
    .wd-side-hidden .wd-dropdown-menu .elementor-section, 
    .wd-side-hidden .wd-dropdown-menu .elementor-container,
    .wd-side-hidden .wd-dropdown-menu .elementor-column,
    .wd-side-hidden .wd-dropdown-menu .wd-mega-menu-col {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
    }

    /* رنگ سفید برای متن‌های زیرمنو در موبایل */
    .wd-side-hidden .wd-dropdown-menu .widget-title, 
    .wd-side-hidden .wd-dropdown-menu .wd-nav-title, 
    .wd-side-hidden .wd-dropdown-menu > .sub-menu > li > a,
    .wd-side-hidden .wd-dropdown-menu .sub-menu li a,
    .wd-side-hidden .wd-dropdown-menu .menu-item a {
        color: #f1f5f9 !important; /* متن سفید و خوانا */
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        padding: 10px 0 !important;
        display: block !important;
        font-size: 14px !important;
    }

    /* حذف آیکون‌های قبل از عنوان‌ها در موبایل برای تمیزی بیشتر */
    .wd-side-hidden .wd-dropdown-menu .widget-title::before, 
    .wd-side-hidden .wd-dropdown-menu .wd-nav-title::before,
    .wd-side-hidden .wd-dropdown-menu .sub-menu li a::before {
        display: none !important;
    }

    /* رنگ هاور در موبایل */
    .wd-side-hidden .wd-dropdown-menu .sub-menu li a:hover,
    .wd-side-hidden .wd-dropdown-menu .menu-item a:hover {
        color: #d97706 !important; /* طلایی */
        background-color: rgba(255,255,255,0.05) !important;
        padding-right: 5px !important;
    }
}

/* درگاه‌های پرداخت */
.woocommerce-checkout #payment ul.payment_methods { padding: 0 !important; margin: 0 0 20px 0 !important; list-style: none !important; border: none !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method { background: #f8fafc !important; border: 2px solid #e2e8f0 !important; border-radius: 12px !important; margin-bottom: 15px !important; padding: 0 !important; transition: all 0.3s ease !important; position: relative !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover { border-color: #cbd5e1 !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] { display: none !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 15px !important; width: 100% !important; box-sizing: border-box !important; padding: 18px 20px !important; cursor: pointer !important; font-weight: 800 !important; color: #475569 !important; margin: 0 !important; font-size: 15px !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label::before { content: ''; display: inline-block; width: 22px; height: 22px; border: 2px solid #cbd5e1; border-radius: 50%; transition: all 0.3s ease; flex-shrink: 0; box-sizing: border-box; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) { border-color: #d97706 !important; box-shadow: 0 4px 15px rgba(217,119,6,0.1) !important; background: #fff !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked + label { color: #0f172a !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked + label::before { border-color: #d97706; border-width: 7px; background: #fff; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked ~ .payment_box { border-top: 1px dashed #cbd5e1 !important; padding: 15px 20px !important; background: #f1f5f9 !important; border-radius: 0 0 12px 12px !important; margin: 0 !important; font-size: 13.5px !important; color: #64748b !important; line-height: 1.8 !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label img, .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label svg { margin-right: auto !important; margin-left: 0 !important; max-height: 30px !important; display: block !important; }
.woocommerce-checkout #payment ul.payment_methods li.payment_method_wc_gateway_torobpay input[type="radio"]:checked ~ label .clean-torob-text { color: #0f172a !important; }

/* صفحه تشکر خرید */
.woocommerce-order { max-width: 900px !important; margin: 0 auto !important; font-family: 'EstedadFD', Tahoma, sans-serif !important; }
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { display: none !important; }
.woocommerce-order ul.woocommerce-order-overview { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 20px !important; margin: 25px 0 30px 0 !important; list-style: none !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; text-align: center !important; }
.woocommerce-order ul.woocommerce-order-overview li { flex: 1 1 18% !important; border-right: 1px dashed #cbd5e1 !important; padding: 10px !important; text-transform: none !important; font-size: 13px !important; color: #64748b !important; margin: 0 !important; }
.woocommerce-order ul.woocommerce-order-overview li:first-child { border-right: none !important; }
.woocommerce-order ul.woocommerce-order-overview li strong { display: block !important; font-size: 16px !important; color: #0f172a !important; margin-top: 8px !important; font-weight: 900 !important; }
.woocommerce-order-details { background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important; overflow: hidden !important; margin-bottom: 30px !important; border: 1px solid #e2e8f0 !important; }
.woocommerce-order-details h2.woocommerce-order-details__title { background: #f8fafc !important; padding: 18px 25px !important; margin: 0 !important; font-size: 18px !important; color: #0f172a !important; border-bottom: 2px solid #e2e8f0 !important; font-weight: 900 !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.woocommerce-order-details h2.woocommerce-order-details__title::before { content: '🛒'; font-size: 22px; }
.woocommerce-table--order-details { margin: 0 !important; width: 100% !important; border-collapse: collapse !important; }
.woocommerce-table--order-details th { background: #fff !important; color: #475569 !important; padding: 15px 25px !important; font-weight: bold !important; border-bottom: 2px solid #f1f5f9 !important; text-align: right !important; font-size: 14px !important; }
.woocommerce-table--order-details td { padding: 15px 25px !important; border-bottom: 1px solid #f1f5f9 !important; color: #334155 !important; vertical-align: middle !important; text-align: left !important; font-size: 14px !important; }
.woocommerce-table--order-details tbody td.woocommerce-table__product-name { text-align: right !important; }
.woocommerce-table--order-details tbody tr:last-child td { border-bottom: 2px solid #e2e8f0 !important; }
.woocommerce-table--order-details tfoot th { background: #f8fafc !important; color: #475569 !important; font-size: 14px !important; font-weight: bold !important; padding: 12px 25px !important; border-bottom: 1px solid #e2e8f0 !important; }
.woocommerce-table--order-details tfoot td { background: #f8fafc !important; font-weight: bold !important; color: #0f172a !important; padding: 12px 25px !important; border-bottom: 1px solid #e2e8f0 !important; }
.woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-table--order-details tfoot tr:last-child td { background: #f0fdf4 !important; color: #059669 !important; font-size: 18px !important; border-bottom: none !important; font-weight: 900 !important; }
.woocommerce-table--order-details .product-name a { color: #0f172a !important; text-decoration: none !important; font-weight: bold !important; transition: 0.3s !important; }
.woocommerce-table--order-details .product-name a:hover { color: #d97706 !important; }
.woocommerce-table--order-details .product-quantity { font-weight: 900 !important; background: #e2e8f0 !important; padding: 2px 8px !important; border-radius: 6px !important; margin-right: 8px !important; color: #0f172a !important; display: inline-block !important; }
.woocommerce-customer-details { display: flex !important; gap: 20px !important; margin-top: 30px !important; flex-wrap: wrap !important; }
.woocommerce-order > h2.woocommerce-column__title { display: none !important; }
.woocommerce-customer-details > section { flex: 1 1 calc(50% - 10px) !important; background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; border: 1px solid #e2e8f0 !important; padding: 0 !important; overflow: hidden !important; margin-bottom: 20px !important; }
.woocommerce-customer-details h2.woocommerce-column__title { background: #f8fafc !important; padding: 15px 20px !important; margin: 0 !important; font-size: 16px !important; color: #0f172a !important; border-bottom: 1px solid #e2e8f0 !important; font-weight: 800 !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.woocommerce-customer-details .woocommerce-column--billing-address h2.woocommerce-column__title::before { content: '🧾'; }
.woocommerce-customer-details .woocommerce-column--shipping-address h2.woocommerce-column__title::before { content: '🚚'; }
.woocommerce-customer-details address { padding: 20px !important; font-style: normal !important; line-height: 2.2 !important; color: #334155 !important; font-size: 14px !important; background: #fff !important; }
.woocommerce-customer-details address p { margin: 0 !important; }
.woocommerce-customer-details address p.woocommerce-customer-details--phone, .woocommerce-customer-details address p.woocommerce-customer-details--email { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px dashed #e2e8f0 !important; color: #0f172a !important; font-weight: bold !important; direction: ltr !important; text-align: right !important; }
@media (max-width: 768px) {
    .woocommerce-order ul.woocommerce-order-overview { flex-direction: column !important; padding: 15px !important; }
    .woocommerce-order ul.woocommerce-order-overview li { width: 100% !important; flex: none !important; border-right: none !important; border-bottom: 1px dashed #e2e8f0 !important; margin-bottom: 10px !important; padding-bottom: 10px !important; text-align: right !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
    .woocommerce-order ul.woocommerce-order-overview li strong { margin-top: 0 !important; font-size: 14px !important; }
    .woocommerce-order ul.woocommerce-order-overview li:last-child { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
    .woocommerce-customer-details { flex-direction: column !important; gap: 15px !important; }
    .woocommerce-customer-details > section { width: 100% !important; flex: none !important; }
    .woocommerce-table--order-details th, .woocommerce-table--order-details td { padding: 12px 15px !important; font-size: 13px !important; }
}

/* باکس شماره حساب‌ها */
.woocommerce-order section.woocommerce-bacs-bank-details, .woocommerce-order > div[style*="border-radius: 12px"] { background: #f8fafc !important; border: 2px solid #e2e8f0 !important; border-radius: 16px !important; padding: 25px !important; margin: 30px 0 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important; }
.woocommerce-order h2.woocommerce-column__title, .woocommerce-order h3 { text-align: center !important; color: #0f172a !important; font-size: 18px !important; font-weight: 900 !important; margin-bottom: 20px !important; }
.woocommerce-order ul[style*="list-style: none"] { display: flex !important; flex-direction: column !important; gap: 15px !important; }
.woocommerce-order ul[style*="list-style: none"] li { display: flex !important; justify-content: space-between !important; align-items: center !important; border-bottom: 1px dashed #cbd5e1 !important; padding-bottom: 15px !important; margin: 0 !important; }
.woocommerce-order ul[style*="list-style: none"] li:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.woocommerce-order ul[style*="list-style: none"] li span:first-child { color: #475569 !important; font-size: 14.5px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.woocommerce-order ul[style*="list-style: none"] li span:last-child { font-size: 16px !important; font-weight: 900 !important; color: #0f172a !important; background: #fff !important; padding: 6px 12px !important; border-radius: 8px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important; }
@media (max-width: 768px) {
    .woocommerce-order ul[style*="list-style: none"] li { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
    .woocommerce-order ul[style*="list-style: none"] li span:last-child { width: 100% !important; text-align: left !important; box-sizing: border-box !important; }
}
/* ====================================================
   🔥 رفع نهایی: سفید کردن باکس جستجو و حذف خط طلایی
==================================================== */

/* 1. تنظیم باکس اصلی نتایج (سفید، بدون خط طلایی، با گوشه‌های گرد) */
html body .wd-header-search-form .wd-dropdown-results,
html body .wd-search-results-wrapper .wd-dropdown-results,
html body .wd-dropdown-results.color-scheme-light,
html body .wd-dropdown-results.color-scheme-dark {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e0e0e0 !important; /* حاشیه خاکستری ملایم */
    border-top: none !important; /* حذف خط طلایی */
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
    padding: 10px !important;
}

/* 2. اجبار پس‌زمینه تمام محصولات داخل جستجو به سفید */
html body .wd-header-search-form .autocomplete-suggestions,
html body .wd-header-search-form .autocomplete-suggestion {
    background-color: #ffffff !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

/* 3. تیره کردن اجباری تمام متن‌ها (عنوان محصول و...) */
html body .wd-header-search-form .autocomplete-suggestion *,
html body .wd-header-search-form .autocomplete-suggestion .suggestion-title,
html body .wd-header-search-form .wd-search-history-title,
html body .wd-header-search-form .wd-history-item {
    color: #333333 !important; 
    -webkit-text-fill-color: #333333 !important; /* خنثی کردن رنگ سفید اجباری وودمارت */
}

/* 4. رنگ طلایی برای قیمت‌ها و حالت هاور */
html body .wd-header-search-form .autocomplete-suggestion .amount,
html body .wd-header-search-form .autocomplete-suggestion .price {
    color: #b88a2a !important;
    -webkit-text-fill-color: #b88a2a !important;
}
html body .wd-header-search-form .autocomplete-suggestion:hover {
    background-color: #fcf8ee !important;
}
html body .wd-header-search-form .autocomplete-suggestion:hover * {
    color: #b88a2a !important;
    -webkit-text-fill-color: #b88a2a !important;
}

/* 5. پس‌زمینه سفید برای تاریخچه جستجو */
html body .wd-header-search-form .wd-search-history {
    background-color: #ffffff !important;
}
/* ====================================================
   💥 حل قطعی مشکل فرار کردن فیلترها در موبایل (قفل کردن لمس)
==================================================== */

@media (max-width: 1024px) {
    
    /* 1. بالا آوردن منوی فیلتر به بالاترین لایه ممکن */
    .wd-side-hidden-nav,
    .mobile-nav.wd-side-hidden-nav {
        z-index: 9999999999 !important;
        pointer-events: auto !important;
    }

    /* 2. پایین آوردن لایه تیره تا نتواند مانع کلیک شود */
    .wd-close-side,
    .wd-side-page-mask {
        z-index: 9999999998 !important;
    }

    /* 3. قفل کردن تمام افکت‌های جابجایی (حذف کامل پرش و فرار) */
    .wd-side-hidden-nav .wd-widget,
    .wd-side-hidden-nav .wd-widget:hover,
    .wd-side-hidden-nav .wd-widget li a,
    .wd-side-hidden-nav .wd-widget li a:hover,
    .wd-side-hidden-nav .wd-widget li a:active,
    .wd-side-hidden-nav .wd-widget li a:focus {
        transform: none !important; /* باکس‌ها دیگر تکان نمی‌خورند */
        transition: none !important; /* حذف انیمیشن */
        animation: none !important;
        padding-right: 0 !important; /* متن‌ها جابجا نمی‌شوند */
        margin-right: 0 !important;
    }

    /* 4. رفع مشکل کد قبلی شما (overflow: hidden) که باعث میشد بخشی از فیلتر کلیک‌خور نشود */
    .wd-side-hidden-nav .wd-widget.widget_block,
    .wd-sidebar .wd-widget.widget_block {
        overflow: visible !important;
        pointer-events: auto !important;
    }

    /* 5. اطمینان از اینکه لینک‌ها و چک‌باکس‌ها کاملاً قابل لمس هستند */
    .wd-side-hidden-nav .wd-widget li,
    .wd-side-hidden-nav .wd-widget li a {
        pointer-events: auto !important;
        touch-action: manipulation !important; /* جلوگیری از تاخیر در لمس */
        cursor: pointer !important;
    }
}
/* ==========================================
   1. استایل منوی دسکتاپ (رفع دو خطی و ظاهر مدرن)
   ========================================== */
.elementor-nav-menu > li > a,
.wd-nav > li > a,
.main-navigation ul li a {
    white-space: nowrap !important; /* جلوگیری از شکستن متن */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'EstedadLocal', Tahoma, sans-serif !important; 
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    position: relative;
    border-bottom: 2px solid transparent !important; /* آماده‌سازی برای حالت فعال */
}

/* افکت هاور دسکتاپ */
.elementor-nav-menu > li > a:hover,
.wd-nav > li > a:hover,
.main-navigation ul li a:hover {
    color: #d97706 !important;
    background-color: #fef3c7 !important;
    transform: translateY(-2px);
}

/* ==========================================
   2. حالت فعال (Active) برای دسکتاپ
   وقتی کاربر در صفحه‌ای است، آن تب مشخص می‌شود
   ========================================== */
.elementor-nav-menu > li.current-menu-item > a,
.elementor-nav-menu > li.current_page_item > a,
.wd-nav > li.current-menu-item > a,
.wd-nav > li.current_page_item > a,
.main-navigation ul li.current-menu-item > a {
    color: #d97706 !important; /* متن طلایی */
    background-color: rgba(217, 119, 6, 0.08) !important; /* پس‌زمینه محو طلایی */
    border-bottom: 2px solid #d97706 !important; /* خط زیرین طلایی */
    border-radius: 8px 8px 0 0 !important; /* گوشه‌های بالایی گرد */
}

/* ==========================================
   3. استایل اختصاصی تب "همکاری با ما" (دکمه طلایی)
   ========================================== */
.elementor-nav-menu > li > a[href*="wholesale"],
.elementor-nav-menu > li > a[href*="b2b"],
.elementor-nav-menu > li > a[href*="omde"],
.wd-nav > li > a[href*="wholesale"],
.wd-nav > li > a[href*="b2b"],
.wd-nav > li > a[href*="omde"] {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(217, 119, 6, 0.3) !important;
    margin-right: 10px !important;
    border-bottom: none !important; /* حذف خط زیرین برای این دکمه */
}

/* هاور دکمه همکاری با ما */
.elementor-nav-menu > li > a[href*="wholesale"]:hover,
.elementor-nav-menu > li > a[href*="b2b"]:hover,
.wd-nav > li > a[href*="wholesale"]:hover,
.wd-nav > li > a[href*="b2b"]:hover {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    transform: translateY(-3px) scale(1.02) !important;
}

/* ==========================================
   4. اصلاح منوی موبایل (مشکل دیده نشدن متن در پس‌زمینه تیره)
   ========================================== */
@media (max-width: 1024px) {
    /* رنگ سفید برای متن منوهای موبایل در حالت عادی */
    .wd-side-hidden .wd-nav > li > a,
    .mobile-nav .wd-nav > li > a,
    .wd-nav-mobile > li > a {
        color: #f1f5f9 !important; /* رنگ متن سفید مایل به خاکستری */
        background-color: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* خط جداکننده ظریف */
        border-radius: 0 !important;
        padding: 15px 20px !important;
        transform: none !important; /* حذف حرکت در موبایل */
    }

    /* افکت هاور در موبایل */
    .wd-side-hidden .wd-nav > li > a:hover,
    .mobile-nav .wd-nav > li > a:hover,
    .wd-nav-mobile > li > a:hover {
        color: #d97706 !important;
        background-color: rgba(255, 255, 255, 0.05) !important;
    }

    /* حالت فعال در موبایل (تبی که کاربر در آن است) */
    .wd-side-hidden .wd-nav > li.current-menu-item > a,
    .wd-side-hidden .wd-nav > li.current_page_item > a,
    .mobile-nav .wd-nav > li.current-menu-item > a {
        color: #d97706 !important; /* متن طلایی */
        background-color: rgba(217, 119, 6, 0.15) !important; /* پس‌زمینه محو طلایی */
        border-right: 4px solid #d97706 !important; /* خط ضخیم طلایی در سمت راست (برای RTL) */
    }

    /* استایل دکمه همکاری با ما در موبایل (همیشه طلایی و برجسته بماند) */
    .wd-side-hidden .wd-nav > li > a[href*="wholesale"],
    .wd-side-hidden .wd-nav > li > a[href*="b2b"],
    .wd-side-hidden .wd-nav > li > a[href*="omde"],
    .mobile-nav .wd-nav > li > a[href*="wholesale"],
    .mobile-nav .wd-nav > li > a[href*="b2b"] {
        background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
        color: #ffffff !important;
        margin: 10px 15px !important; /* فاصله‌گذاری مناسب برای دکمه در موبایل */
        border-radius: 8px !important;
        border-bottom: none !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
    }
}
/* ====================================================
   🚑 اصلاح قطعی و نهایی منوی مگامنو در موبایل
==================================================== */
@media (max-width: 1024px) {
    
    /* 1. حذف کامل پس‌زمینه خاکستری از تمام لایه‌های المنتور 
       تا پس‌زمینه تیره اصلی منو وودمارت دیده شود */
    .wd-side-hidden .elementor-section,
    .wd-side-hidden .elementor-column,
    .wd-side-hidden .elementor-widget-wrap,
    .wd-side-hidden .elementor-widget-container,
    .wd-side-hidden .elementor-widget-icon-list,
    .wd-side-hidden .elementor-icon-list-items {
        background-color: transparent !important; 
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* 2. اصلاح رنگ متن لینک‌ها (سفید و خوانا) */
    .wd-side-hidden .elementor-icon-list-text {
        color: #f8fafc !important; /* سفید روشن */
        font-size: 14px !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
    }

    /* 3. ایجاد خط جداکننده بسیار ظریف بین آیتم‌ها برای زیبایی بیشتر */
    .wd-side-hidden .elementor-icon-list-item {
        padding: 12px 5px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; 
    }
    
    .wd-side-hidden .elementor-icon-list-item:last-child {
        border-bottom: none !important;
    }

    /* 4. رنگ طلایی برای عنوان‌های ستون‌ها (مثل: شرکت عطرسازی، مناسب فصل و...) */
    .wd-side-hidden .elementor-heading-title {
        color: #d97706 !important; /* طلایی */
        font-size: 15px !important;
        font-weight: 800 !important;
        margin-bottom: 10px !important;
        border-bottom: 1px dashed rgba(217, 119, 6, 0.3) !important;
        padding-bottom: 8px !important;
        display: block !important;
    }

    /* 5. افکت هاور هنگام لمس کردن */
    .wd-side-hidden .elementor-icon-list-item a:hover .elementor-icon-list-text,
    .wd-side-hidden .elementor-icon-list-item a:active .elementor-icon-list-text {
        color: #d97706 !important; /* تغییر رنگ به طلایی */
        padding-right: 5px !important;
    }
    
    /* 6. رنگ آیکون‌های کوچک کنار متن‌ها (اگر وجود داشته باشند) */
    .wd-side-hidden .elementor-icon-list-icon i,
    .wd-side-hidden .elementor-icon-list-icon svg {
        color: #d97706 !important;
        fill: #d97706 !important;
    }
}
/* ==========================================
   استایل نهایی و اصلاح‌شده (کادر سفید + رفع تداخل آیکون)
   ========================================== */

/* ۱. تنظیم پس‌زمینه تیره سایت */
section.loggra {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    padding: 50px 15px !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* شفاف کردن کانتینرهای المنتور تا فقط کادر سفید ما دیده شود */
section.loggra .elementor-container,
section.loggra .elementor-column,
section.loggra .elementor-widget-wrap,
section.loggra .elementor-inner-section {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ۲. ساخت کادر سفید اصلی (اعمال روی خودِ فرم به جای ستون المنتور) */
.login_register_smart {
    background-color: #ffffff !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
    padding: 40px 35px !important;
    width: 100%;
    max-width: 460px !important;
    margin: 0 auto !important;
    border: 1px solid #e2e8f0 !important;
    position: relative;
    z-index: 10;
}

/* ۳. استایل لوگو */
.login_register_smart .elementor-widget-image {
    margin-bottom: 25px !important;
    text-align: center;
}
.login_register_smart .elementor-widget-image img {
    max-height: 100px;
    width: auto;
}

/* ۴. استایل فیلدهای ورودی (اصلاح فاصله برای آیکون) */
.floating-input-field {
    position: relative;
    margin-bottom: 25px;
}

.floating-input-field input {
    background-color: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    height: 58px !important;
    
    /* 🔴 اصلاح اصلی: ۵۵ پیکسل از سمت راست فاصله دادیم تا متن روی آدمک نیفتد */
    padding: 0 55px 0 20px !important; 
    
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.floating-input-field input:focus {
    border-color: #d97706 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(217, 119, 6, 0.15) !important;
    outline: none !important;
}

/* ۵. لیبل (متن نگهدارنده) - اصلاح موقعیت */
.floating-input-field label {
    position: absolute;
    right: 55px; /* شروع لیبل بعد از آیکون */
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    padding: 0 5px;
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 500;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    margin: 0;
    white-space: nowrap; /* 🔴 جلوگیری از شکستن متن به خط بعد */
}

/* 🔴 اصلاح اختصاصی برای موبایل: کوچک کردن فونت و فاصله‌ها تا متن در یک خط جا شود */
@media (max-width: 480px) {
    .floating-input-field label {
        right: 48px !important; /* کمی نزدیک‌تر به آیکون */
        font-size: 12.5px !important; /* فونت کمی کوچک‌تر */
    }
    .floating-input-field input {
        padding-right: 45px !important; /* فضای آیکون در موبایل کمی کمتر */
    }
    .floating-input-field .input-icon {
        right: 14px !important;
    }
}
/* ۶. فیلد کد تایید (OTP) */
.otp-inputs {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}
.otp-input {
    width: 100% !important;
    height: 65px !important;
    text-align: center !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    letter-spacing: 15px !important;
    border: 2px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}
.otp-input:focus {
    border-color: #d97706 !important;
    border-style: solid !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(217, 119, 6, 0.15) !important;
    outline: none !important;
}

/* ۷. دکمه اصلی (تایید و ادامه) */
.submit-btn {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    height: 58px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px -5px rgba(217, 119, 6, 0.4) !important;
    margin-top: 10px;
}
.submit-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 35px -5px rgba(217, 119, 6, 0.6) !important;
}

/* ۸. دکمه/تایمر ارسال مجدد */
.resend-code {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}
.resend-code .timer {
    display: inline-block;
    background: #f1f5f9;
    color: #64748b;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    border: 1px dashed #cbd5e1;
}
.resend-code a, 
.resend-code button {
    display: inline-block;
    background: #fffbeb;
    color: #d97706 !important;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    border: 1px solid #fde68a;
    transition: all 0.3s ease;
    cursor: pointer;
}
.resend-code a:hover, 
.resend-code button:hover {
    background: #d97706;
    color: #ffffff !important;
    box-shadow: 0 6px 15px rgba(217, 119, 6, 0.3);
    transform: translateY(-2px);
}

/* ۹. دکمه‌های پایین فرم (تغییر شماره و ورود با رمز) */
.extra-links {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 25px !important;
    border-top: 1px dashed #cbd5e1;
    padding-top: 25px;
}
.extra-links a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    padding: 12px 10px;
    border-radius: 12px;
    color: #475569 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
}
.extra-links a:hover {
    background: #ffffff;
    border-color: #d97706;
    color: #d97706 !important;
    box-shadow: 0 8px 15px -5px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}
.extra-links a svg {
    width: 18px;
    height: 18px;
}

/* ۱۰. متن‌های راهنما */
.top-header .title_otp, 
.top-header .title_password,
.top-header h5 {
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}