:root {
	--wd-text-font: "iranyekan", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 14px;
	--wd-title-font: "iranyekan", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "iranyekan", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "iranyekan", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "iranyekan", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "iranyekan", 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(255,255,255);
	--wd-alternative-color: rgb(36,58,115);
	--btn-default-font-family: "iranyekan", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "iranyekan", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-bgcolor: rgb(248,249,250);
	--btn-accented-bgcolor-hover: rgb(248,249,250);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-link-decor-color: rgb(0,0,0);
	--wd-link-decor-color-hover: rgb(0,0,0);
	--wd-sticky-btn-height: 95px;
}
.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;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,245,245);
	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(0,0,0);
	--wd-form-placeholder-color: rgb(0,0,0);
	--wd-form-brd-color: rgb(248,249,250);
	--wd-form-brd-color-focus: rgb(0,0,0);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(178,143,96);
	--wd-arrow-color-hover: rgb(0,0,0);
	--wd-arrow-bg: rgb(36,58,115);
	--wd-arrow-bg-hover: rgb(221,153,51);
	--wd-arrow-bg-dis: rgb(36,58,115);
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-color: rgb(255,196,3);
	--wd-arrow-color-hover: rgb(255,196,3);
	--wd-arrow-color-dis: rgb(255,196,3);
	--wd-arrow-bg: rgb(36,58,115);
	--wd-arrow-bg-hover: rgb(36,58,115);
	--wd-arrow-bg-dis: rgb(36,58,115);
	--wd-arrow-radius: 300px;
	--wd-arrow-brd-color: rgb(255,196,3);
	--wd-arrow-brd-color-hover: rgb(255,196,3);
	--wd-arrow-brd-color-dis: rgb(255,196,3);
	--wd-arrow-brd: 1px solid;
	--wd-arrow-shadow: 0px 0px 0px 0px rgb(36,58,115);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

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

}

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

}
:root{
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}



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

.product-labels.labels-rounded-sm {
    display: none !important;
}










/* ========================================================
   استایل‌های لوکس و ریسپانسیو پاپ‌آپ سبد خرید (تم سورمه‌ای-سفید)
======================================================== */

/* کادر اصلی پاپ‌آپ */
.swal2-popup.premium-swal-popup {
    font-family: inherit !important;
    border-radius: 32px !important;
    padding: 40px 30px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(15px);
    box-shadow: 0 25px 50px rgba(10, 37, 64, 0.15) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    width: 90% !important;
    max-width: 420px !important;
    box-sizing: border-box !important;
}

/* تایپوگرافی عناوین */
.swal2-popup.premium-swal-popup .swal2-title.premium-swal-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0a2540 !important;
    margin-bottom: 12px !important;
}
.swal2-popup.premium-swal-popup .swal2-html-container.premium-swal-html {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.8 !important;
}

/* فیلد ورودی شماره */
.swal2-popup.premium-swal-popup .swal2-input.premium-swal-input {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 25px 0 0 0 !important;
    font-family: inherit !important;
    font-size: 18px !important;
    height: 56px !important;
    border-radius: 16px !important;
    border: 2px solid #e2e8f0 !important;
    background: #f8fafc !important;
    color: #0a2540 !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    letter-spacing: 2px !important;
}
.swal2-popup.premium-swal-popup .swal2-input.premium-swal-input:focus {
    border-color: #0a2540 !important;
    box-shadow: 0 0 0 4px rgba(10, 37, 64, 0.1) !important;
    outline: none !important;
    background: #ffffff !important;
}

/* --- ساختار ریسپانسیو دکمه‌ها --- */
div:where(.swal2-container) div:where(.swal2-actions).premium-swal-actions {
    display: flex !important;
    flex-direction: row !important; /* اجبار به قرارگیری در یک خط حتی در موبایل */
    width: 100% !important;
    justify-content: space-between !important;
    margin-top: 35px !important;
    gap: 12px !important; /* استفاده از گپ پیکسلی ثابت به جای درصد برای جلوگیری از شکستگی */
}

/* استایل پایه هر دو دکمه */
.swal2-popup.premium-swal-popup .swal2-confirm.premium-swal-confirm,
.swal2-popup.premium-swal-popup .swal2-cancel.premium-swal-cancel {
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important; /* جلوگیری از دو خط شدن متن دکمه‌ها */
}

/* دکمه تایید نهایی */
.swal2-popup.premium-swal-popup .swal2-confirm.premium-swal-confirm {
    flex: 3 !important; /* معادل ۳ قسمت از ۴ قسمت فضای در دسترس */
    padding: 16px 10px !important;
    font-size: 15px !important;
    background-color: #0a2540 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(10, 37, 64, 0.2) !important;
}
.swal2-popup.premium-swal-popup .swal2-confirm.premium-swal-confirm:hover {
    background-color: #06182c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 25px rgba(10, 37, 64, 0.3) !important;
}

/* دکمه انصراف */
.swal2-popup.premium-swal-popup .swal2-cancel.premium-swal-cancel {
    flex: 1 !important; /* معادل ۱ قسمت از ۴ قسمت فضای در دسترس */
    padding: 16px 10px !important;
    font-size: 15px !important;
    background-color: #ffffff !important;
    color: #64748b !important;
    border: 2px solid #cbd5e1 !important;
}
.swal2-popup.premium-swal-popup .swal2-cancel.premium-swal-cancel:hover {
    background-color: #f1f5f9 !important;
    color: #0a2540 !important;
    border-color: #94a3b8 !important;
}/* --- بهینه‌سازی دقیق برای موبایل (صفحات زیر 480 پیکسل) --- */
@media (max-width: 480px) {
    .swal2-popup.premium-swal-popup {
        padding: 30px 15px !important; /* کاهش پدینگ داخلی برای ایجاد فضای بیشتر */
        width: 96% !important; /* استفاده حداکثری از عرض موبایل */
    }
    .swal2-popup.premium-swal-popup .swal2-title.premium-swal-title {
        font-size: 19px !important; /* تناسب عنوان */
    }
    .swal2-popup.premium-swal-popup .swal2-input.premium-swal-input {
        font-size: 16px !important;
        height: 50px !important; /* فیلد جمع‌وجورتر */
        margin-top: 20px !important;
    }
    div:where(.swal2-container) div:where(.swal2-actions).premium-swal-actions {
        gap: 8px !important; /* فاصله ایمن‌تر برای موبایل‌های کوچک (مثل آیفون SE) */
        margin-top: 25px !important;
    }
    .swal2-popup.premium-swal-popup .swal2-confirm.premium-swal-confirm {
        font-size: 14px !important;
        padding: 14px 5px !important;
    }
    .swal2-popup.premium-swal-popup .swal2-cancel.premium-swal-cancel {
        font-size: 14px !important;
        padding: 14px 5px !important;
    }
}


































/* ==================================================
   ADM SEARCH DROPDOWN V3
   Safe Version
================================================== */

/* باکس اصلی */

.wd-search-results{
    background:#fff !important;
    border:1px solid rgba(36,58,115,.08) !important;
    border-radius:18px !important;
    overflow:hidden !important;

    box-shadow:
    0 15px 40px rgba(36,58,115,.08),
    0 2px 10px rgba(0,0,0,.03) !important;
}

/* آیتم نتایج */

.wd-search-results .wd-suggestion{
    position:relative;
    display:flex;
    align-items:center;

    gap:14px;

    padding:12px 16px !important;

    border-bottom:1px solid rgba(36,58,115,.06);

    transition:
    background .25s ease,
    transform .25s ease;
}

.wd-search-results .wd-suggestion:last-child{
    border-bottom:none;
}

/* هاور */

.wd-search-results .wd-suggestion:hover{
    background:rgba(36,58,115,.035);
}

/* نوار کناری */

.wd-search-results .wd-suggestion::before{
    content:"";

    position:absolute;
    top:12px;
    bottom:12px;
    right:0;

    width:3px;

    border-radius:20px;

    background:#243A73;

    opacity:0;
    transition:.25s ease;
}

.wd-search-results .wd-suggestion:hover::before{
    opacity:1;
}

/* تصویر */

.wd-search-results .wd-suggestion-thumb{
    flex:0 0 58px;
}

.wd-search-results .wd-suggestion-thumb img{
    width:58px !important;
    height:58px !important;

    object-fit:cover;

    border-radius:12px;

    border:1px solid rgba(36,58,115,.08);

    transition:.35s ease;
}

.wd-search-results .wd-suggestion:hover img{
    transform:scale(1.05);
}

/* محتوا */

.wd-search-results .wd-suggestion-content{
    flex:1;
    min-width:0;
}

/* عنوان */

.wd-search-results .wd-entities-title{
    color:#1f2937 !important;

    font-size:13px !important;
    font-weight:700 !important;

    margin-bottom:6px !important;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.wd-search-results .wd-entities-title strong{
    color:#243A73 !important;
    font-weight:800 !important;
}

/* قیمت عادی */

.wd-search-results .price,
.wd-search-results .amount,
.wd-search-results .price bdi{
    color:#243A73 !important;
    font-weight:700 !important;
}

/* قیمت قبل تخفیف */

.wd-search-results .price del,
.wd-search-results .price del bdi,
.wd-search-results .price del .amount{
    color:#9AA4BE !important;
    opacity:1 !important;
}

/* قیمت تخفیف خورده */

.wd-search-results .price ins,
.wd-search-results .price ins bdi,
.wd-search-results .price ins .amount{
    color:#D35400 !important;
    font-weight:800 !important;
    text-decoration:none !important;
}

/* دکمه مشاهده همه */

.wd-search-results .wd-all-results{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:52px;

    background:#fafbff !important;

    border-top:1px solid rgba(36,58,115,.08);

    color:#243A73 !important;

    font-size:13px;
    font-weight:800;

    transition:.25s ease;
}

.wd-search-results .wd-all-results:hover{
    background:#243A73 !important;
    color:#fff !important;
}

/* اسکرول زیبا */

.wd-search-results .wd-scroll-content::-webkit-scrollbar{
    width:6px;
}

.wd-search-results .wd-scroll-content::-webkit-scrollbar-track{
    background:transparent;
}

.wd-search-results .wd-scroll-content::-webkit-scrollbar-thumb{
    background:rgba(36,58,115,.18);
    border-radius:20px;
}

/* موبایل */

@media (max-width:768px){

    .wd-search-results{
        border-radius:14px !important;
    }

    .wd-search-results .wd-suggestion{
        padding:10px 12px !important;
        gap:10px;
    }

    .wd-search-results .wd-suggestion-thumb{
        flex:0 0 50px;
    }

    .wd-search-results .wd-suggestion-thumb img{
        width:50px !important;
        height:50px !important;
    }

    .wd-search-results .wd-entities-title{
        font-size:12px !important;
    }

    .wd-search-results .price{
        font-size:12px !important;
    }
}


















@media (min-width: 1025px) {
	:root{
  --adm-primary:#243A73;
  --adm-text:#111;
  --adm-border:rgba(36,58,115,.12);
}

/* ═══════════════════════════════════════════════════════════════
ADM — Sticky Add-to-Cart Bar
دسکتاپ‌فقط | سازگار با محصول ساده + متغیر
رنگ اصلی: #ffffff | رنگ دوم: #243A73
═══════════════════════════════════════════════════════════════ */

/* ─── فقط دسکتاپ ─────────────────────────────────────────────── */
@media (max-width: 991px) {
.wd-sticky-btn { display: none !important; }
}

/* ══════════════════════════════════════════════════════════════
کانتینر اصلی
══════════════════════════════════════════════════════════════ */
.wd-sticky-btn {
position:           fixed   !important;
inset:              auto 0 0 !important;
z-index:            9990    !important;
background:         rgba(255, 255, 255, 0.94) !important;
backdrop-filter:    blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-top:         1px solid rgba(36, 58, 115, 0.10) !important;
box-shadow:         0 -6px 28px rgba(36, 58, 115, 0.08) !important;
padding:            0 !important;
transform:          translateY(100%) !important;
opacity:            0 !important;
transition:         transform 0.46s cubic-bezier(0.32, 1.2, 0.64, 1), opacity 0.32s ease !important;
will-change:        transform, opacity !important;
}

.wd-sticky-btn.wd-sticky-btn-shown {
transform: translateY(0) !important;
opacity:   1             !important;
}

/* ══════════════════════════════════════════════════════════════
wrapper داخلی
══════════════════════════════════════════════════════════════ */
.wd-sticky-btn .wd-sticky-btn-container,
.wd-sticky-btn .container,
.wd-sticky-btn .wd-sticky-btn-container.container {
width:           90%   !important;
max-width:       1200px !important;
margin-right:    auto  !important;
margin-left:     auto  !important;
padding:         10px 0 !important;
box-sizing:      border-box !important;
display:         flex   !important;
align-items:     center !important;
justify-content: space-between !important;
gap:             20px  !important;
}

/* ══════════════════════════════════════════════════════════════
بخش چپ: تصویر + عنوان
══════════════════════════════════════════════════════════════ */
.wd-sticky-btn .wd-sticky-btn-content {
display:     flex       !important;
align-items: center     !important;
gap:         12px       !important;
min-width:   0          !important;
flex:        1 1 auto   !important;
}

.wd-sticky-btn .wd-sticky-btn-thumbnail {
flex-shrink:   0   !important;
width:         42px !important;
height:        42px !important;
border-radius: 8px  !important;
overflow:      hidden !important;
border:        1px solid rgba(36, 58, 115, 0.08) !important;
}

.wd-sticky-btn .wd-sticky-btn-thumbnail img {
width:        100%    !important;
height:       100%    !important;
object-fit:   cover   !important;
display:      block   !important;
}

.wd-sticky-btn .wd-sticky-btn-info {
min-width: 0 !important;
}

.wd-sticky-btn .wd-sticky-btn-info .wd-entities-title {
font-family:    inherit    !important;
font-size:      13px       !important;
font-weight:    600        !important;
color:          #111       !important;
margin:         0          !important;
white-space:    nowrap     !important;
overflow:       hidden     !important;
text-overflow:  ellipsis   !important;
max-width:      320px      !important;
}

/* ══════════════════════════════════════════════════════════════
بخش راست: قیمت + فرم + wishlist
══════════════════════════════════════════════════════════════ */
.wd-sticky-btn .wd-sticky-btn-cart {
display:     flex       !important;
align-items: center     !important;
gap:         14px       !important;
flex-shrink: 0          !important;
}

.wd-sticky-btn .wd-sticky-btn-cart .price,
.wd-sticky-btn .wd-sticky-btn-cart .price span,
.wd-sticky-btn .wd-sticky-btn-cart .price bdi,
.wd-sticky-btn .wd-sticky-btn-cart .woocommerce-Price-amount,
.wd-sticky-btn .wd-sticky-btn-cart .woocommerce-Price-amount * {
color:       #111      !important;
font-weight: 800       !important;
font-size:   14px      !important;
white-space: nowrap    !important;
}

.wd-sticky-btn .wd-sticky-btn-cart .woocommerce-Price-currencySymbol {
font-size:   10px      !important;
font-weight: 500       !important;
color:       #666      !important;
}

.wd-sticky-btn .wd-sticky-btn-cart form.cart {
display:     flex       !important;
align-items: center     !important;
gap:         10px       !important;
margin:      0          !important;
padding:     0          !important;
position:    relative   !important; /* Added for overlay */
}

/* ══════════════════════════════════════════════════════════════
ADM Overlay - لایه پوششی برای اسکرول زوری
══════════════════════════════════════════════════════════════ */
.adm-scroll-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
cursor: pointer;
background: transparent;
/ این لایه روی فرم/دکمه قرار میگیرد و کلیک را میدزدد */
}

/* ══════════════════════════════════════════════════════════════
Quantity
══════════════════════════════════════════════════════════════ */
.wd-sticky-btn .wd-sticky-btn-cart .quantity {
display:     flex       !important;
align-items: center     !important;
gap:         0          !important;
border:      1px solid rgba(36, 58, 115, 0.18) !important;
border-radius: 50px     !important;
overflow:    hidden     !important;
background:  #fff       !important;
}

.wd-sticky-btn .wd-sticky-btn-cart .quantity .btn,
.wd-sticky-btn .wd-sticky-btn-cart .quantity .minus,
.wd-sticky-btn .wd-sticky-btn-cart .quantity .plus {
display:         flex           !important;
align-items:     center         !important;
justify-content: center         !important;
width:           30px           !important;
height:          34px           !important;
border:          none           !important;
background:      transparent    !important;
color:           #243A73        !important;
font-size:       16px           !important;
font-weight:     500            !important;
cursor:          pointer        !important;
flex-shrink:     0              !important;
transition:      background 0.18s ease !important;
padding:         0              !important;
line-height:     1              !important;
border-radius:   0              !important;
}

.wd-sticky-btn .wd-sticky-btn-cart .quantity .btn:hover,
.wd-sticky-btn .wd-sticky-btn-cart .quantity .minus:hover,
.wd-sticky-btn .wd-sticky-btn-cart .quantity .plus:hover {
background: rgba(36, 58, 115, 0.07) !important;
}

.wd-sticky-btn .wd-sticky-btn-cart .quantity input.qty {
width:       36px      !important;
height:      34px      !important;
border:      none      !important;
border-right: 1px solid rgba(36, 58, 115, 0.12) !important;
border-left:  1px solid rgba(36, 58, 115, 0.12) !important;
border-radius: 0       !important;
background:  transparent !important;
text-align:  center    !important;
font-size:   13px      !important;
font-weight: 600       !important;
color:       #111      !important;
padding:     0         !important;
outline:     none      !important;
box-shadow:  none      !important;
-moz-appearance: textfield !important;
}

.wd-sticky-btn .wd-sticky-btn-cart .quantity input.qty::-webkit-outer-spin-button,
.wd-sticky-btn .wd-sticky-btn-cart .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
دکمه افزودن — pulse + shimmer
══════════════════════════════════════════════════════════════ */
.wd-sticky-btn .wd-sticky-btn-cart .single_add_to_cart_button,
.wd-sticky-btn .wd-sticky-btn-cart .wd-sticky-add-to-cart,
.wd-sticky-btn .wd-sticky-btn-cart a.button {
display:         inline-flex   !important;
align-items:     center        !important;
justify-content: center        !important;
padding:         10px 28px     !important;
font-family:     inherit       !important;
font-size:       12px          !important;
font-weight:     700           !important;
color:           #fff          !important;
text-decoration: none          !important;
background:      #243A73       !important;
border:          none          !important;
border-radius:   50px          !important;
white-space:     nowrap        !important;
position:        relative      !important;
overflow:        hidden        !important;
cursor:          pointer       !important;
animation:       adm-pulse 2.5s ease infinite !important;
transition:      transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.20s ease, box-shadow 0.20s ease !important;
will-change:     transform     !important;
flex-shrink:     0             !important;
}

.wd-sticky-btn .wd-sticky-btn-cart .single_add_to_cart_button.disabled,
.wd-sticky-btn .wd-sticky-btn-cart .single_add_to_cart_button:disabled {
animation:   none             !important;
background:  rgba(36,58,115,0.35) !important;
cursor:      not-allowed      !important;
transform:   none             !important;
box-shadow:  none             !important;
}

@keyframes adm-pulse {
0%   { box-shadow: 0 4px 14px rgba(36,58,115,0.28), 0 0 0 0    rgba(36,58,115,0.22); }
55%  { box-shadow: 0 4px 14px rgba(36,58,115,0.28), 0 0 0 10px rgba(36,58,115,0.00); }
100% { box-shadow: 0 4px 14px rgba(36,58,115,0.28), 0 0 0 0    rgba(36,58,115,0.00); }
}

.wd-sticky-btn .wd-sticky-btn-cart .single_add_to_cart_button::before,
.wd-sticky-btn .wd-sticky-btn-cart .wd-sticky-add-to-cart::before,
.wd-sticky-btn .wd-sticky-btn-cart a.button::before {
content:    '' !important;
position:   absolute !important;
top:        0 !important;
left:       -100% !important;
width:      60% !important;
height:     100% !important;
background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,0.22) 50%, transparent 80%) !important;
animation:  adm-shimmer 2.5s ease infinite !important;
pointer-events: none !important;
}

@keyframes adm-shimmer {
0%   { left: -100%; }
45%  { left:  150%; }
100% { left:  150%; }
}

.wd-sticky-btn .wd-sticky-btn-cart .single_add_to_cart_button:hover:not(.disabled):not(:disabled),
.wd-sticky-btn .wd-sticky-btn-cart .wd-sticky-add-to-cart:hover,
.wd-sticky-btn .wd-sticky-btn-cart a.button:hover {
animation:  none                          !important;
background: #1a2d5a                       !important;
transform:  translateY(-2px) scale(1.03) !important;
box-shadow: 0 8px 24px rgba(36,58,115,0.32) !important;
}

/* ══════════════════════════════════════════════════════════════
مخفی کردن عناصر اضافی
══════════════════════════════════════════════════════════════ */
.wd-sticky-btn .wd-sticky-btn-cart .variations_form .variations {
display: none !important;
}

.wd-sticky-btn .wd-sticky-btn-cart .woocommerce-variation-availability,
.wd-sticky-btn .wd-sticky-btn-cart .woocommerce-variation-price {
font-size:   11px         !important;
color:       rgba(36,58,115,0.55) !important;
white-space: nowrap       !important;
}

/* ══════════════════════════════════════════════════════════════
دکمه علاقه‌مندی
══════════════════════════════════════════════════════════════ */
.wd-sticky-btn .wd-wishlist-btn,
.wd-sticky-btn .wd-action-btn.wd-wishlist-btn {
flex-shrink: 0          !important;
line-height: 1          !important;
}

.wd-sticky-btn .wd-wishlist-btn a {
display:         flex    !important;
align-items:     center  !important;
justify-content: center  !important;
width:           36px    !important;
height:          36px    !important;
border-radius:   50%     !important;
border:          1px solid rgba(36, 58, 115, 0.14) !important;
background:      transparent !important;
color:           #243A73     !important;
text-decoration: none        !important;
flex-shrink:     0           !important;
overflow:        hidden      !important;
transition:      transform 0.20s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.20s ease !important;
}

.wd-sticky-btn .wd-wishlist-btn a:hover {
background: rgba(36, 58, 115, 0.06) !important;
transform:  scale(1.12)             !important;
}

.wd-sticky-btn .wd-action-text,
.wd-sticky-btn .wd-wishlist-btn .wd-action-text,
.wd-sticky-btn .wd-action-btn  .wd-action-text {
position:   absolute    !important;
width:      1px         !important;
height:     1px         !important;
padding:    0           !important;
margin:     -1px        !important;
overflow:   hidden      !important;
clip:       rect(0,0,0,0) !important;
white-space: nowrap     !important;
border:     0           !important;
font-size:  0           !important;
opacity:    0           !important;
pointer-events: none    !important;
}















/*///////////////////سبدخرید//////*/
:root {
    --lux-navy: #001f3f !important;
    --lux-navy-hover: #001124 !important;
    --lux-gold: #c5a880 !important;
    --lux-gold-hover: #b4966e !important;
    --lux-white: #ffffff !important;
    --lux-black: #000000 !important;
    --lux-border: #eef2f6 !important;
    --lux-gray: #8a99a8 !important;
    --lux-light-gray: #f8fafd !important;
    --lux-blur: rgba(0, 31, 63, 0.4) !important;
    --lux-shadow: 0 15px 40px rgba(0, 31, 63, 0.08) !important;
    --lux-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    --lux-z-index: 999990 !important;
}

/* غیرفعال‌سازی در موبایل و تبلت */
@media (max-width: 1023px) {
    .lux-cart-root { display: none !important; }
}

/* استایل‌های دسکتاپ */
@media (min-width: 1024px) {
    .lux-cart-root {
        font-family: inherit !important;
        display: inline-block !important;
        position: relative !important;
    }

    /* دکمه هدر */
    .lux-cart-root .lux-cart-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        cursor: pointer !important;
        padding: 10px !important;
        background: transparent !important;
        border: none !important;
        transition: var(--lux-transition) !important;
        outline: none !important;
    }
    .lux-cart-root .lux-cart-toggle:hover {
        transform: scale(1.05) !important;
    }
    .lux-cart-root .lux-cart-toggle svg {
        width: 28px !important;
        height: 28px !important;
        stroke: var(--lux-navy) !important;
        fill: none !important;
        stroke-width: 1.5 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }
    .lux-cart-root .lux-badge {
        position: absolute !important;
        top: 2px !important;
        right: 0px !important;
        background-color: var(--lux-navy) !important;
        color: var(--lux-white) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 2px solid var(--lux-white) !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
        transition: transform 0.2s ease !important;
    }
    .lux-cart-root .lux-badge.lux-pop {
        transform: scale(1.3) !important;
    }

    /* پس‌زمینه تیره */
    .lux-cart-root .lux-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background-color: var(--lux-blur) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        z-index: var(--lux-z-index) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: var(--lux-transition) !important;
    }
    .lux-cart-root .lux-overlay.lux-active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* سایدبار اصلی */
    .lux-cart-root .lux-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: -440px !important;
        width: 420px !important;
        max-width: 100vw !important;
        height: 100vh !important;
        background-color: var(--lux-white) !important;
        z-index: calc(var(--lux-z-index) + 1) !important;
        display: flex !important;
        flex-direction: column !important;
        box-shadow: 15px 0 50px rgba(0, 26, 51, 0.12) !important;
        transition: left 0.45s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }
    .lux-cart-root .lux-sidebar.lux-active {
        left: 0 !important;
    }

    /* هدر سایدبار */
    .lux-cart-root .lux-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 24px 30px !important;
        border-bottom: 1px solid var(--lux-border) !important;
        flex-shrink: 0 !important;
    }
    .lux-cart-root .lux-header h3 {
        margin: 0 !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        color: var(--lux-navy) !important;
    }
    .lux-cart-root .lux-close {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        padding: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        transition: var(--lux-transition) !important;
        outline: none !important;
    }
    .lux-cart-root .lux-close:hover {
        background-color: var(--lux-light-gray) !important;
        transform: rotate(90deg) !important;
    }
    .lux-cart-root .lux-close svg {
        width: 20px !important;
        height: 20px !important;
        stroke: var(--lux-black) !important;
        stroke-width: 2 !important;
    }

    /* محتوای سایدبار */
    .lux-cart-root .lux-body {
        flex-grow: 1 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
    }
    .lux-cart-root .lux-body::-webkit-scrollbar { width: 4px !important; }
    .lux-cart-root .lux-body::-webkit-scrollbar-thumb {
        background: var(--lux-gold) !important;
        border-radius: 10px !important;
    }

    .lux-cart-root .lux-items-wrap {
        padding: 24px 30px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    /* کارت کالا */
    .lux-cart-root .lux-item {
        display: grid !important;
        grid-template-columns: 80px 1fr auto !important;
        gap: 16px !important;
        align-items: center !important;
        padding: 16px !important;
        border: 1px solid var(--lux-border) !important;
        border-radius: 16px !important;
        background: var(--lux-white) !important;
        transition: var(--lux-transition) !important;
        position: relative !important;
    }
    .lux-cart-root .lux-item:hover {
        border-color: var(--lux-navy) !important;
        transform: translateY(-2px) !important;
        box-shadow: var(--lux-shadow) !important;
    }
    
    /* قفل کردن آیتم هنگام آپدیت */
    .lux-cart-root .lux-item.lux-updating {
        opacity: 0.5 !important;
        pointer-events: none !important;
        filter: grayscale(0.5) !important;
        transform: scale(0.98) !important;
    }
    .lux-cart-root .lux-item.lux-updating::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
        border: 3px solid rgba(0,0,0,0.1);
        border-top-color: var(--lux-navy);
        border-radius: 50%;
        animation: luxSpinner 0.8s linear infinite;
    }

    /* انیمیشن حذف آیتم */
    .lux-cart-root .lux-item.lux-fade-out {
        animation: luxFadeOut 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    .lux-cart-root .lux-img-box {
        width: 80px !important;
        height: 80px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        border: 1px solid var(--lux-border) !important;
        background-color: var(--lux-light-gray) !important;
        position: relative !important;
    }
    .lux-cart-root .lux-img-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.5s ease !important;
    }
    .lux-cart-root .lux-item:hover .lux-img-box img {
        transform: scale(1.08) !important;
    }

    .lux-cart-root .lux-details {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        overflow: hidden !important;
    }
    .lux-cart-root .lux-title {
        color: var(--lux-black) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        transition: color 0.2s ease !important;
    }
    .lux-cart-root .lux-title:hover { color: var(--lux-gold) !important; }

    .lux-cart-root .lux-attributes {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px 8px !important;
    }
    .lux-cart-root .lux-attr {
        font-size: 11px !important;
        background-color: var(--lux-light-gray) !important;
        color: var(--lux-gray) !important;
        padding: 2px 8px !important;
        border-radius: 6px !important;
        border: 1px solid var(--lux-border) !important;
        font-weight: 500 !important;
    }

    .lux-cart-root .lux-price-unit {
        color: var(--lux-black) !important;
        font-size: 13.5px !important;
        font-weight: 800 !important;
    }

    .lux-cart-root .lux-qty-box {
        display: flex !important;
        align-items: center !important;
        border: 1px solid var(--lux-border) !important;
        border-radius: 10px !important;
        background: var(--lux-white) !important;
        overflow: hidden !important;
        width: fit-content !important;
        margin-top: 4px !important;
    }
    .lux-cart-root .lux-qty-btn {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        width: 28px !important;
        height: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--lux-navy) !important;
        transition: background-color 0.2s !important;
        outline: none !important;
    }
    .lux-cart-root .lux-qty-btn:hover {
        background-color: var(--lux-light-gray) !important;
    }
    .lux-cart-root .lux-qty-val {
        font-size: 13px !important;
        font-weight: 700 !important;
        min-width: 24px !important;
        text-align: center !important;
        color: var(--lux-black) !important;
    }

    .lux-cart-root .lux-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .lux-cart-root .lux-btn-remove {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        padding: 8px !important;
        border-radius: 50% !important;
        opacity: 0.5 !important;
        transition: var(--lux-transition) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        outline: none !important;
    }
    .lux-cart-root .lux-btn-remove:hover {
        opacity: 1 !important;
        background-color: #fef2f2 !important;
        transform: scale(1.1) !important;
    }
    .lux-cart-root .lux-btn-remove svg {
        width: 18px !important;
        height: 18px !important;
        stroke: #ef4444 !important;
        stroke-width: 2 !important;
        fill: none !important;
    }

    /* وضعیت سبد خالی */
    .lux-cart-root .lux-empty {
        display: none;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        flex-grow: 1 !important;
        text-align: center !important;
        padding: 40px 20px !important;
    }
    .lux-cart-root .lux-empty.lux-show-anim {
        display: flex !important;
        animation: luxFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    }
    .lux-cart-root .lux-empty-icon {
        width: 80px !important;
        height: 80px !important;
        margin-bottom: 24px !important;
    }
    .lux-cart-root .lux-empty.lux-show-anim .lux-empty-icon {
        animation: luxFloat 3s ease-in-out 2 !important;
    }
    .lux-cart-root .lux-empty-icon svg {
        width: 100% !important;
        height: 100% !important;
        fill: none !important;
        stroke: var(--lux-gold) !important;
        stroke-width: 1.2 !important;
    }
    .lux-cart-root .lux-empty h4 {
        font-size: 18px !important;
        font-weight: 800 !important;
        color: var(--lux-navy) !important;
        margin: 0 0 12px 0 !important;
    }
    .lux-cart-root .lux-empty p {
        font-size: 13.5px !important;
        color: var(--lux-gray) !important;
        line-height: 1.7 !important;
        margin: 0 0 24px 0 !important;
        max-width: 280px !important;
    }
    .lux-cart-root .lux-btn-shop {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: var(--lux-navy) !important;
        border: 2px solid var(--lux-navy) !important;
        color: var(--lux-white) !important;
        padding: 12px 35px !important;
        border-radius: 30px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        transition: var(--lux-transition) !important;
        outline: none !important;
    }
    .lux-cart-root .lux-btn-shop:hover {
        background-color: transparent !important;
        color: var(--lux-navy) !important;
        transform: translateY(-2px) !important;
    }

    /* فوتر */
    .lux-cart-root .lux-footer {
        display: none;
        flex-shrink: 0 !important;
        padding: 24px 30px 30px 30px !important;
        border-top: 1px solid var(--lux-border) !important;
        background: var(--lux-white) !important;
    }
    .lux-cart-root .lux-subtotal {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 20px !important;
    }
    .lux-cart-root .lux-subtotal span:first-child {
        color: var(--lux-gray) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }
    .lux-cart-root .lux-subtotal span:last-child {
        color: var(--lux-black) !important;
        font-size: 18px !important;
        font-weight: 900 !important;
    }
    .lux-cart-root .lux-btn-checkout {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: 54px !important;
        background-color: var(--lux-navy) !important;
        color: var(--lux-white) !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        border-radius: 14px !important;
        position: relative !important;
        overflow: hidden !important;
        transition: var(--lux-transition) !important;
        outline: none !important;
    }
    .lux-cart-root .lux-btn-checkout:hover {
        background-color: var(--lux-navy-hover) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 12px 30px rgba(0, 31, 63, 0.25) !important;
        color: var(--lux-white) !important;
    }

    /* اسکلتون لودینگ */
    .lux-cart-root .lux-skeleton-wrap {
        display: none;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 24px 30px !important;
    }
    .lux-cart-root .lux-skeleton-wrap.lux-show { display: flex; }
    
    .lux-cart-root .lux-skel-item {
        display: grid !important;
        grid-template-columns: 80px 1fr !important;
        gap: 16px !important;
        padding: 16px !important;
        border: 1px solid var(--lux-border) !important;
        border-radius: 16px !important;
        background: var(--lux-white) !important;
    }
    .lux-cart-root .lux-skel-img {
        width: 80px !important;
        height: 80px !important;
        border-radius: 12px !important;
        background: linear-gradient(90deg, #f2f4f7 25%, #e1e5eb 50%, #f2f4f7 75%) !important;
        background-size: 200% 100% !important;
        animation: luxShimmer 1.5s infinite !important;
    }
    .lux-cart-root .lux-skel-lines {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        justify-content: center !important;
    }
    .lux-cart-root .lux-skel-line {
        height: 12px !important;
        border-radius: 4px !important;
        background: linear-gradient(90deg, #f2f4f7 25%, #e1e5eb 50%, #f2f4f7 75%) !important;
        background-size: 200% 100% !important;
        animation: luxShimmer 1.5s infinite !important;
    }

    /* وضعیت خطا */
    .lux-cart-root .lux-error {
        display: none;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        flex-grow: 1 !important;
        text-align: center !important;
        padding: 40px 20px !important;
    }
    .lux-cart-root .lux-error.lux-show { display: flex; }
    .lux-cart-root .lux-error svg {
        width: 60px !important;
        height: 60px !important;
        color: #ef4444 !important;
        margin-bottom: 16px !important;
    }
    .lux-cart-root .lux-error h4 {
        font-size: 16px !important;
        font-weight: 800 !important;
        color: var(--lux-navy) !important;
        margin: 0 0 8px 0 !important;
    }
    .lux-cart-root .lux-error p {
        font-size: 13px !important;
        color: var(--lux-gray) !important;
        margin: 0 0 20px 0 !important;
        max-width: 250px !important;
    }
    .lux-cart-root .lux-btn-retry {
        background-color: var(--lux-gold) !important;
        border: none !important;
        color: var(--lux-white) !important;
        padding: 10px 24px !important;
        border-radius: 30px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        transition: var(--lux-transition) !important;
    }
    .lux-cart-root .lux-btn-retry:hover {
        background-color: var(--lux-gold-hover) !important;
        transform: translateY(-2px) !important;
    }

    /* سیستم Toast سراسری */
    .lux-toast-container {
        position: fixed !important;
        bottom: 24px !important;
        right: 24px !important;
        z-index: calc(var(--lux-z-index) + 10) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        pointer-events: none !important;
    }
    .lux-toast {
        background: var(--lux-white) !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
        border-radius: 12px !important;
        padding: 14px 20px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        border-left: 4px solid var(--lux-navy) !important;
        pointer-events: auto !important;
        transform: translateX(120%) !important;
        animation: luxToastSlideIn 0.3s forwards !important;
        max-width: 350px !important;
    }
    .lux-toast.lux-toast-error { border-left-color: #ef4444 !important; }
    .lux-toast.lux-toast-success { border-left-color: #10b981 !important; }
    .lux-toast.lux-toast-undo { border-left-color: var(--lux-gold) !important; }
    
    .lux-toast-msg {
        color: var(--lux-black) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }
    .lux-toast-undo-btn {
        background: none !important;
        border: 1px solid var(--lux-gold) !important;
        color: var(--lux-gold) !important;
        padding: 4px 10px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        transition: var(--lux-transition) !important;
    }
    .lux-toast-undo-btn:hover {
        background: var(--lux-gold) !important;
        color: var(--lux-white) !important;
    }
    .lux-toast.lux-toast-out {
        animation: luxToastSlideOut 0.3s forwards !important;
    }

    /* انیمیشن‌ها */
    @keyframes luxFadeOut {
        to { opacity: 0; transform: translateX(30px); }
    }
    @keyframes luxFadeUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    @keyframes luxShimmer {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }
    @keyframes luxFloat {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
    }
    @keyframes luxToastSlideIn {
        to { transform: translateX(0); }
    }
    @keyframes luxToastSlideOut {
        to { transform: translateX(120%); opacity: 0; }
    }
    @keyframes luxSpinner {
        to { transform: rotate(360deg); }
    }
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* =========================================
   LUXURY WOODMART MOBILE MENU - OPTIMIZED
   ========================================= */

/* --- ۱. متغیرهای رنگی (برای تغییر آسان) --- */
:root {
    --wd-mob-bg: rgba(255, 255, 255, 0.96); /* پس زمینه شیشه‌ای */
    --wd-mob-text: #243A73; /* رنگ متن اصلی */
    --wd-mob-accent: #243A73; /* رنگ تاکید (آیکون و هاور) */
    --wd-mob-border: rgba(36, 58, 115, 0.08); /* رنگ خطوط بسیار کمرنگ */
}

/* --- ۲. بدنه اصلی منو (کانتینر) --- */
.mobile-nav.wd-side-hidden {
    background-color: var(--wd-mob-bg) !important;
    /* افکت شیشه‌ای فقط در مرورگرهای پشتیبانی کننده */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: -10px 0 40px rgba(0,0,0,0.08);
}

/* --- ۳. هدر منو (بخش بستن) --- */
.mobile-nav .wd-heading {
    background: transparent !important;
    padding: 25px 20px !important;
    border-bottom: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-nav .close-side-widget a {
    font-size: 13px;
    font-weight: 600;
    color: var(--wd-mob-text) !important;
    background: #F0F2F5; /* دکمه بستن دایره‌ای */
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.mobile-nav .close-side-widget a:hover {
    background: var(--wd-mob-accent);
    color: #fff !important;
    transform: rotate(90deg);
}

/* --- ۴. استایل فرم جستجو (اگر فعال باشد) --- */
.mobile-nav .wd-search-form input[type="text"] {
    border-radius: 50px !important;
    background-color: #F8F9FA !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    padding-right: 20px !important;
    height: 45px;
    color: var(--wd-mob-text);
}

.mobile-nav .searchform button {
    color: var(--wd-mob-text) !important;
}

/* --- ۵. آیتم‌های منو (قلب طراحی) --- */
.wd-nav-mobile {
    padding-top: 10px;
}

.wd-nav-mobile li a {
    color: var(--wd-mob-text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 16px 25px !important;
    border-bottom: none !important; /* حذف خط پیش‌فرض */
    position: relative;
    transition: padding-right 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* خط جداکننده مدرن (گرادینت) */
.wd-nav-mobile li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--wd-mob-border), transparent);
}

/* هاور روی آیتم‌ها */
.wd-nav-mobile li a:active,
.wd-nav-mobile li a:hover {
    padding-right: 30px !important; /* حرکت نرم به سمت چپ */
    color: var(--wd-mob-accent) !important;
    background: linear-gradient(90deg, rgba(36, 58, 115, 0.03), transparent);
}

/* --- ۶. آیتم فعال (Current Item) --- */
.wd-nav-mobile li.current-menu-item > a {
    color: var(--wd-mob-accent) !important;
    font-weight: 700 !important;
    background: linear-gradient(90deg, rgba(36, 58, 115, 0.06), transparent);
}

.wd-nav-mobile li.current-menu-item > a::before {
    content: '';
    position: absolute;
    right: 0;
    top: 15%;
    bottom: 15%;
    width: 4px;
    background-color: var(--wd-mob-accent);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: -2px 0 10px rgba(36, 58, 115, 0.2);
}

/* --- ۷. زیرمنوها (Dropdown) --- */
.wd-nav-mobile .wd-sub-menu {
    background-color: #fcfcfc !important;
    box-shadow: inset 0 5px 10px rgba(0,0,0,0.02);
}

.wd-nav-mobile .wd-sub-menu li a {
    font-size: 13.5px !important;
    padding: 14px 40px 14px 20px !important;
    color: #555 !important;
}

/* آیکون بازشو (فلش) */
.wd-nav-opener {
    border-left: 1px solid rgba(0,0,0,0.03);
    color: var(--wd-mob-text) !important;
    width: 50px;
    transition: background 0.3s ease;
}
.wd-nav-opener:hover {
    background-color: rgba(0,0,0,0.02);
}

/* --- ۸. انیمیشن ورود آبشاری (Staggered Animation) --- */
/* این بخش باعث می‌شود منوها یکی‌یکی ظاهر شوند - بسیار لوکس */
.wd-nav-mobile > li {
    opacity: 0;
    transform: translateY(10px);
    /* نام انیمیشن در بخش Keyframes تعریف شده */
    animation: luxuriousFadeIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    will-change: opacity, transform; /* بهینه‌سازی برای موبایل */
}

/* تاخیر زمانی برای هر آیتم */
.wd-nav-mobile > li:nth-child(1) { animation-delay: 0.1s; }
.wd-nav-mobile > li:nth-child(2) { animation-delay: 0.15s; }
.wd-nav-mobile > li:nth-child(3) { animation-delay: 0.2s; }
.wd-nav-mobile > li:nth-child(4) { animation-delay: 0.25s; }
.wd-nav-mobile > li:nth-child(5) { animation-delay: 0.3s; }
.wd-nav-mobile > li:nth-child(6) { animation-delay: 0.35s; }
.wd-nav-mobile > li:nth-child(7) { animation-delay: 0.4s; }
.wd-nav-mobile > li:nth-child(8) { animation-delay: 0.45s; }
.wd-nav-mobile > li:nth-child(9) { animation-delay: 0.5s; }
.wd-nav-mobile > li:nth-child(10) { animation-delay: 0.55s; }

@keyframes luxuriousFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- ۹. دکمه اکانت و شبکه‌های اجتماعی (فوتر منو) --- */
.mobile-nav .wd-header-my-account a {
    background-color: var(--wd-mob-accent);
    color: #fff !important;
    text-align: center;
    border-radius: 12px;
    margin: 15px 20px;
    padding: 12px;
    display: block;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(36, 58, 115, 0.2);
}

.mobile-nav .wd-social-icons {
    text-align: center;
    padding-bottom: 30px;
    margin-top: 10px;
}
.mobile-nav .wd-social-icons a {
    color: #b5b5b5 !important;
    margin: 0 8px;
    font-size: 16px;
    transition: 0.3s;
}
.mobile-nav .wd-social-icons a:hover {
    color: var(--wd-mob-accent) !important;
    transform: scale(1.2);
}






















/* * Woodmart Minimal Mobile Header 
 * Colors: #243A73 & White
 * Optimized for RTL & Speed
*/

@media (max-width: 1024px) {
    /* --- 1. ساختار اصلی و طراحی شناور (Floating) --- */
    .whb-header-bottom {
        /* حالت اولیه: بدون فاصله از اطراف (تمام عرض) */
        width: 100% !important;
        margin: 0 !important;
        
        background-color: #ffffff !important;
        border-radius: 0 0 16px 16px !important; /* فقط پایین گرد باشد */
        box-shadow: 0 4px 15px rgba(36, 58, 115, 0.05) !important;
        
        /* کاهش پدینگ برای کشیده‌تر شدن سرچ و نزدیک شدن به کادر */
        padding: 4px 6px !important; 
        min-height: 44px !important;
        
        /* انیمیشن نرم برای زمان اسکرول */
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        border: none !important;
    }

    /* حالت اسکرول (چسبان): گرفتن 16px حاشیه از اطراف */
    .whb-sticked .whb-header-bottom {
        width: calc(100% - 32px) !important;
        margin: 10px 16px 0 16px !important;
        border-radius: 16px !important;
        box-shadow: 0 5px 20px rgba(36, 58, 115, 0.12) !important;
    }

    /* --- 2. تنظیمات چیدمان داخلی --- */
    .whb-header-bottom .whb-col-mobile {
        display: flex !important;
        flex-direction: row !important; /* مناسب برای سایت‌های راست‌چین */
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 6px !important; /* کاهش شدید فاصله برای بزرگ‌تر شدن سرچ */
    }

    /* --- 3. دکمه منوی همبرگری --- */
    .whb-header-bottom .wd-header-mobile-nav {
        flex-shrink: 0;
        margin: 0 !important;
    }
    
    .whb-header-bottom .wd-header-mobile-nav a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important; /* تنظیم روی 36px */
        height: 36px !important; /* تنظیم روی 36px */
        color: #243A73 !important; /* رنگ برند */
        background: rgba(36, 58, 115, 0.04) !important;
        border-radius: 10px !important; /* هماهنگ با ارتفاع 36 */
        transition: background 0.2s ease !important;
    }

    .whb-header-bottom .wd-header-mobile-nav a:active {
        background: rgba(36, 58, 115, 0.12) !important;
    }

    /* --- 4. نوار جستجو (Search Bar) --- */
    .whb-header-bottom .wd-search-form {
        flex-grow: 1; /* پر کردن حداکثری فضای باقیمانده */
        margin: 0 !important;
    }

    .whb-header-bottom form.searchform {
        display: flex !important;
        align-items: center !important;
        height: 36px !important; /* تنظیم روی 36px */
        border-radius: 10px !important; /* هماهنگ با ارتفاع 36 */
        background-color: #f7f8fa !important;
        border: 1px solid rgba(36, 58, 115, 0.08) !important;
        padding: 0 5px 0 10px !important;
        transition: border 0.3s ease !important;
    }

    .whb-header-bottom form.searchform:focus-within {
        border-color: #243A73 !important;
        background-color: #ffffff !important;
    }

    /* تنظیمات فیلد متنی جستجو */
    .whb-header-bottom form.searchform input[type="text"] {
        border: none !important;
        background: transparent !important;
        height: 100% !important;
        padding: 0 10px !important;
        font-size: 13px !important;
        color: #243A73 !important;
        font-weight: 500 !important;
        width: 100% !important;
        box-shadow: none !important;
    }

    .whb-header-bottom form.searchform input[type="text"]::placeholder {
        color: rgba(36, 58, 115, 0.4) !important;
        font-size: 12px !important;
    }

    /* دکمه ذره‌بین */
    .whb-header-bottom form.searchform button.searchsubmit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        color: #243A73 !important;
        border: none !important;
        height: 32px !important;
        width: 32px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        transition: opacity 0.2s ease !important;
    }

    .whb-header-bottom form.searchform button.searchsubmit {
        background: transparent !important;
        color: #243A73 !important;
        border: none !important;
        height: 32px !important;
        width: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 50% !important;
        transition: opacity 0.2s ease !important;
    }

    /* مخفی کردن متن کلمه "جستجو" و نمایش فقط آیکون */
    .whb-header-bottom form.searchform button.searchsubmit span {
        display: none !important; 
    }

    /* استایل دکمه بستن جستجو (X) */
    .whb-header-bottom form.searchform .wd-clear-search {
        color: #243A73 !important;
        opacity: 0.6 !important;
    }
}
}

@media (max-width: 576px) {
	/* =========================================================
   LUXURY WOODMART MOBILE MENU — v2
   بازطراحی کامل با حفظ رنگ اصلی سایت (سرمه‌ای) + لمسه طلایی
   بهینه برای اجرا، انیمیشن نرم (GPU-friendly) و دسترس‌پذیری
   ========================================================= */

/* ---------------------------------------------------------
   ۱. توکن‌های طراحی (Design Tokens)
   همه رنگ، فاصله و زمان‌بندی‌ها از این‌جا کنترل می‌شوند
   --------------------------------------------------------- */
:root {
    /* رنگ پایه‌ی برند (همان رنگ فعلی سایت) */
    --wd-mob-navy: #243A73;
    --wd-mob-navy-dark: #182A57;
    --wd-mob-navy-soft: rgba(36, 58, 115, 0.06);

    /* لمسه‌ی لوکس: طلایی شامپاینی، فقط برای تاکیدهای ظریف استفاده می‌شود */
    --wd-mob-gold: #C6A466;
    --wd-mob-gold-soft: rgba(198, 164, 102, 0.14);

    /* سطوح و پس‌زمینه */
    --wd-mob-bg: rgba(255, 255, 255, 0.92);
    --wd-mob-surface: #ffffff;
    --wd-mob-surface-2: #FAFAF9;

    /* متن */
    --wd-mob-text: #22315C;
    --wd-mob-text-soft: #6B7280;
    --wd-mob-text-on-accent: #ffffff;

    /* خطوط و سایه */
    --wd-mob-border: rgba(36, 58, 115, 0.08);
    --wd-mob-shadow-lg: -18px 0 50px rgba(20, 30, 60, 0.14);
    --wd-mob-shadow-sm: 0 6px 16px rgba(36, 58, 115, 0.18);

    /* زمان‌بندی حرکات — منحنی یکسان در کل منو برای احساس یکپارچه */
    --wd-mob-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --wd-mob-speed-fast: 0.2s;
    --wd-mob-speed: 0.35s;
}

/* ---------------------------------------------------------
   ۲. بدنه‌ی اصلی منو
   --------------------------------------------------------- */
.mobile-nav.wd-side-hidden {
    background-color: var(--wd-mob-bg) !important;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    box-shadow: var(--wd-mob-shadow-lg);
    /* یک خط باریک طلایی روی لبه‌ی منو، امضای بصری طراحی */
    border-left: 1px solid var(--wd-mob-gold-soft);
}

/* اسکرول داخلی ظریف‌تر از حالت پیش‌فرض مرورگر */
.mobile-nav.wd-side-hidden::-webkit-scrollbar {
    width: 4px;
}
.mobile-nav.wd-side-hidden::-webkit-scrollbar-thumb {
    background: var(--wd-mob-border);
    border-radius: 10px;
}

/* ---------------------------------------------------------
   ۳. هدر منو (بخش بستن)
   --------------------------------------------------------- */
.mobile-nav .wd-heading {
    background: transparent !important;
    padding: 22px 20px 16px !important;
    border-bottom: 1px solid var(--wd-mob-border) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-nav .close-side-widget a {
    font-size: 13px;
    font-weight: 600;
    color: var(--wd-mob-text) !important;
    background: var(--wd-mob-surface-2);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--wd-mob-border);
    transition: background var(--wd-mob-speed-fast) var(--wd-mob-ease),
                color var(--wd-mob-speed-fast) var(--wd-mob-ease),
                transform var(--wd-mob-speed) var(--wd-mob-ease);
}

.mobile-nav .close-side-widget a:hover,
.mobile-nav .close-side-widget a:focus-visible {
    background: var(--wd-mob-navy);
    border-color: var(--wd-mob-navy);
    color: #fff !important;
    transform: rotate(90deg);
}

/* ---------------------------------------------------------
   ۴. تب‌های بالای منو (محصولات / صفحات)
   در نسخه‌ی قبلی استایل نداشت — اضافه شد
   --------------------------------------------------------- */
.mobile-nav .wd-nav-mob-tab {
    display: flex;
    gap: 6px;
    padding: 4px 16px 18px;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid var(--wd-mob-border);
}

.mobile-nav .wd-nav-mob-tab li {
    flex: 1;
}

.mobile-nav .wd-nav-mob-tab a {
    display: block;
    text-align: center;
    padding: 10px 8px;
    border-radius: 30px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--wd-mob-text-soft) !important;
    background: transparent;
    transition: background var(--wd-mob-speed) var(--wd-mob-ease),
                color var(--wd-mob-speed) var(--wd-mob-ease);
}

.mobile-nav .wd-nav-mob-tab li.wd-active a {
    color: var(--wd-mob-navy) !important;
    background: var(--wd-mob-navy-soft);
}

/* ---------------------------------------------------------
   ۵. فرم جستجو
   --------------------------------------------------------- */
.mobile-nav .wd-search-form input[type="text"] {
    border-radius: 50px !important;
    background-color: var(--wd-mob-surface-2) !important;
    border: 1px solid var(--wd-mob-border) !important;
    padding-right: 20px !important;
    height: 45px;
    color: var(--wd-mob-text);
    transition: border-color var(--wd-mob-speed-fast) var(--wd-mob-ease),
                box-shadow var(--wd-mob-speed-fast) var(--wd-mob-ease);
}

.mobile-nav .wd-search-form input[type="text"]:focus {
    border-color: var(--wd-mob-navy) !important;
    box-shadow: 0 0 0 3px var(--wd-mob-navy-soft);
    outline: none;
}

.mobile-nav .searchform button {
    color: var(--wd-mob-text) !important;
}

/* ---------------------------------------------------------
   ۶. آیتم‌های منو — سطح اصلی
   --------------------------------------------------------- */
.wd-nav-mobile {
    padding-top: 6px;
}

.wd-nav-mobile li a {
    color: var(--wd-mob-text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 15px 25px !important;
    border-bottom: none !important;
    position: relative;
    transition: color var(--wd-mob-speed-fast) var(--wd-mob-ease),
                background var(--wd-mob-speed) var(--wd-mob-ease),
                padding-right var(--wd-mob-speed) var(--wd-mob-ease);
}

/* خط جداکننده‌ی بسیار ظریف */
.wd-nav-mobile li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--wd-mob-border), transparent);
}

/* هاور / لمس روی آیتم‌ها */
.wd-nav-mobile li a:active,
.wd-nav-mobile li a:hover,
.wd-nav-mobile li a:focus-visible {
    padding-right: 32px !important;
    color: var(--wd-mob-navy) !important;
    background: linear-gradient(90deg, var(--wd-mob-navy-soft), transparent);
}

/* ---------------------------------------------------------
   ۷. آیتم فعال (Current Item)
   نوار کناری طلایی به‌جای سرمه‌ای تخت — همان لمسه‌ی لوکس
   --------------------------------------------------------- */
.wd-nav-mobile li.current-menu-item > a {
    color: var(--wd-mob-navy) !important;
    font-weight: 700 !important;
    background: linear-gradient(90deg, var(--wd-mob-navy-soft), transparent);
}

.wd-nav-mobile li.current-menu-item > a::before {
    content: '';
    position: absolute;
    right: 0;
    top: 18%;
    bottom: 18%;
    width: 3px;
    background: linear-gradient(180deg, var(--wd-mob-gold), var(--wd-mob-navy));
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: -2px 0 10px var(--wd-mob-gold-soft);
}

/* ---------------------------------------------------------
   ۸. زیرمنوها (سطح ۱ و ۲)
   تورفتگی و پس‌زمینه‌ی متمایز برای سلسله‌مراتب روشن‌تر
   --------------------------------------------------------- */
.wd-nav-mobile .wd-sub-menu {
    background-color: var(--wd-mob-surface-2) !important;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.02);
    border-right: 2px solid var(--wd-mob-navy-soft);
    margin-right: 20px;
}

.wd-nav-mobile .wd-sub-menu li a {
    font-size: 13.5px !important;
    padding: 13px 40px 13px 20px !important;
    color: var(--wd-mob-text-soft) !important;
}

.wd-nav-mobile .wd-sub-menu li a::after {
    left: 40px;
}

.wd-nav-mobile .sub-sub-menu {
    background-color: var(--wd-mob-surface) !important;
    border-right: 2px solid var(--wd-mob-gold-soft);
}

.wd-nav-mobile .sub-sub-menu li a {
    font-size: 13px !important;
    padding-right: 55px !important;
    color: var(--wd-mob-text-soft) !important;
}

/* آیکون بازشو (فلش) */
.wd-nav-opener {
    border-left: 1px solid var(--wd-mob-border);
    color: var(--wd-mob-text) !important;
    width: 48px;
    transition: background var(--wd-mob-speed-fast) var(--wd-mob-ease),
                color var(--wd-mob-speed-fast) var(--wd-mob-ease);
}
.wd-nav-opener:hover,
.wd-nav-opener:focus-visible {
    background-color: var(--wd-mob-navy-soft);
    color: var(--wd-mob-navy) !important;
}

/* چرخش فلش هنگام باز بودن زیرمنو (کلاس استاندارد وودمارت) */
.wd-nav-opener.wd-active {
    transform: rotate(180deg);
}

/* ---------------------------------------------------------
   ۹. انیمیشن ورود آبشاری — نسخه‌ی بهینه
   به‌جای ۱۰ قانون nth-child، از یک متغیر CSS استفاده می‌شود.
   اگر بخواهید تاخیر هر آیتم را در HTML ست کنید کافیست:
   style="--i:1"  روی هر <li> اضافه شود (اختیاری).
   در غیر این صورت، مقدار پیش‌فرض یکسان برای همه اعمال می‌شود
   تا هزینه‌ی محاسبه کم بماند و جانک ایجاد نشود.
   --------------------------------------------------------- */
.wd-nav-mobile > li {
    --i: 0;
    opacity: 0;
    transform: translateY(8px);
    animation: luxuriousFadeIn var(--wd-mob-speed) var(--wd-mob-ease) forwards;
    animation-delay: calc(var(--i) * 0.045s + 0.05s);
}

.wd-nav-mobile > li:nth-child(1)  { --i: 1; }
.wd-nav-mobile > li:nth-child(2)  { --i: 2; }
.wd-nav-mobile > li:nth-child(3)  { --i: 3; }
.wd-nav-mobile > li:nth-child(4)  { --i: 4; }
.wd-nav-mobile > li:nth-child(5)  { --i: 5; }
.wd-nav-mobile > li:nth-child(6)  { --i: 6; }
.wd-nav-mobile > li:nth-child(7)  { --i: 7; }
.wd-nav-mobile > li:nth-child(8)  { --i: 8; }
.wd-nav-mobile > li:nth-child(9)  { --i: 9; }
.wd-nav-mobile > li:nth-child(10) { --i: 10; }

@keyframes luxuriousFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* احترام به تنظیمات کاهش حرکت کاربر — دسترس‌پذیری و بهینه‌سازی */
@media (prefers-reduced-motion: reduce) {
    .wd-nav-mobile > li {
        animation: none;
        opacity: 1;
        transform: none;
    }
    .mobile-nav .close-side-widget a:hover {
        transform: none;
    }
}

/* ---------------------------------------------------------
   ۱۰. دکمه‌ی اکانت (فوتر منو)
   گرادینت سرمه‌ای→سرمه‌ی تیره با حاشیه‌ی طلایی ظریف
   --------------------------------------------------------- */
.mobile-nav .wd-header-my-account a {
    background: linear-gradient(135deg, var(--wd-mob-navy), var(--wd-mob-navy-dark));
    color: var(--wd-mob-text-on-accent) !important;
    text-align: center;
    border-radius: 12px;
    margin: 18px 20px 10px;
    padding: 13px;
    display: block;
    font-weight: 600;
    letter-spacing: 0.2px;
    box-shadow: var(--wd-mob-shadow-sm);
    transition: transform var(--wd-mob-speed-fast) var(--wd-mob-ease),
                box-shadow var(--wd-mob-speed-fast) var(--wd-mob-ease);
}

.mobile-nav .wd-header-my-account a:hover,
.mobile-nav .wd-header-my-account a:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(36, 58, 115, 0.26);
}

/* ---------------------------------------------------------
   ۱۱. آیکون‌های شبکه‌های اجتماعی
   --------------------------------------------------------- */
.mobile-nav .wd-social-icons {
    text-align: center;
    padding-bottom: 28px;
    margin-top: 6px;
}
.mobile-nav .wd-social-icons a {
    color: #B8BCC8 !important;
    margin: 0 8px;
    font-size: 16px;
    display: inline-block;
    transition: color var(--wd-mob-speed-fast) var(--wd-mob-ease),
                transform var(--wd-mob-speed-fast) var(--wd-mob-ease);
}
.mobile-nav .wd-social-icons a:hover,
.mobile-nav .wd-social-icons a:focus-visible {
    color: var(--wd-mob-gold) !important;
    transform: translateY(-2px);
}


























  /* ==============منو موبایل=====================

/* ===================================
   ADM MOBILE NAV - SELECTIVE ACTIVE BG
=================================== */

@media(max-width:1024px) {

    /* جلوگیری از مخفی شدن محتوای انتهای سایت زیر منو */
    body {
        padding-bottom: 90px !important;
    }

    /* ----------------------------------
       بدنه اصلی منو 
    ---------------------------------- */
    .wd-toolbar {
        position: fixed !important;
        left: 16px !important;
        right: 16px !important;
        bottom: calc(20px + env(safe-area-inset-bottom)) !important; 
        height: 72px !important;
        z-index: 999999 !important;
        
        max-width: 500px;
        margin: 0 auto !important;
        
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        
        background: rgba(255, 255, 255, 0.9) !important;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.8) !important;
        border-radius: 24px !important;
        box-shadow: 
            0 16px 32px -8px rgba(36, 58, 115, 0.12),
            0 4px 12px rgba(0, 0, 0, 0.04) !important;
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        padding: 0 8px !important;
    }

    /* مخفی شدن نرم هنگام اسکرول به پایین */
    .wd-toolbar.adm-hide {
        transform: translateY(calc(100% + 50px));
    }

    /* ----------------------------------
       ساختار یکپارچه تمام آیتم‌ها
    ---------------------------------- */
    .wd-toolbar .wd-tools-element {
        position: relative;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        min-width: 0; 
    }

    /* دکمه‌های لینک داخل هر آیتم */
    .wd-toolbar .wd-tools-element > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        position: relative;
        border-radius: 18px;
        background: transparent;
        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        overflow: visible !important;
        text-decoration: none;
    }

    /* مخفی کردن متن زیر آیکون‌ها */
    .wd-toolbar .wd-toolbar-label {
        display: none !important;
    }

    /* ----------------------------------
       آیکون‌های پایه (SVG Mask)
    ---------------------------------- */
    .wd-toolbar .wd-tools-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
    }

    /* تنظیمات مشترک آیکون‌ها - فقط در منوی پایین */
    .wd-toolbar .wd-tools-icon::before {
        content: "" !important;
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        background-color: #7d8798 !important; /* رنگ خاکستری برای حالت غیرفعال */
        -webkit-mask-size: contain !important;
        mask-size: contain !important;
        -webkit-mask-position: center !important;
        mask-position: center !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
        font-family: none !important;
        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }

    /* تصویر آیکون‌ها (اختصاصی برای هر کلاس فقط درون نوار پایین) */
    .wd-toolbar .wd-toolbar-home .wd-tools-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") !important; }
    
    .wd-toolbar .wd-toolbar-shop .wd-tools-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important; }
    
    .wd-toolbar .wd-header-mobile-nav .wd-tools-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") !important; }
    
    .wd-toolbar .wd-header-cart .wd-tools-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important; }
    
    .wd-toolbar .wd-header-my-account .wd-tools-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important; }

    /* ----------------------------------
       حالت هوشمند فعال (DYNAMIC ACTIVE STATE)
    ---------------------------------- */
    
    /* 1. بک‌گراند سرمه‌ای فقط برای خانه، فروشگاه و سبد خرید */
    .wd-toolbar .wd-toolbar-home.wd-active > a,
    .wd-toolbar .wd-toolbar-shop.wd-active > a,
    .wd-toolbar .wd-header-cart.wd-active > a {
        background: linear-gradient(135deg, #243A73, #3a5bd9) !important;
        box-shadow: 0 8px 16px rgba(36, 58, 115, 0.25) !important;
        transform: translateY(-4px); 
    }

    /* سفید شدن آیکون داخل آیتم‌های دارای بک‌گراند فعال */
    .wd-toolbar .wd-toolbar-home.wd-active .wd-tools-icon::before,
    .wd-toolbar .wd-toolbar-shop.wd-active .wd-tools-icon::before,
    .wd-toolbar .wd-header-cart.wd-active .wd-tools-icon::before {
        background-color: #ffffff !important;
    }

    /* 2. تغییر رنگ آیکون برای منو و حساب کاربری در حالت فعال (بدون بک‌گراند) */
    .wd-toolbar .wd-header-mobile-nav.wd-active .wd-tools-icon::before,
    .wd-toolbar .wd-header-my-account.wd-active .wd-tools-icon::before {
        background-color: #243A73 !important;
    }
    
    /* افکت پاپ‌آپ کوچک برای منو و حساب کاربری در حالت فعال */
    .wd-toolbar .wd-header-mobile-nav.wd-active > a,
    .wd-toolbar .wd-header-my-account.wd-active > a {
        transform: translateY(-2px); 
    }

    /* ----------------------------------
       حالت هاور برای آیتم‌های غیرفعال
    ---------------------------------- */
    .wd-toolbar .wd-tools-element:not(.wd-active) > a:hover {
        background: rgba(36, 58, 115, 0.06) !important;
    }

    .wd-toolbar .wd-tools-element:not(.wd-active) > a:hover .wd-tools-icon::before {
        background-color: #243A73 !important;
    }
    
    .wd-toolbar .wd-tools-element:not(.wd-active) > a:active {
        transform: scale(0.92);
    }

    /* ----------------------------------
       عدد سبد خرید
    ---------------------------------- */
    .wd-cart-number {
        position: absolute;
        top: -6px;
        right: -8px;
        min-width: 18px;
        height: 18px;
        line-height: 18px;
        border-radius: 9px; 
        padding: 0 4px;
        background: #ff3b30 !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 800;
        text-align: center;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.9);
        z-index: 10;
        transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }

    /* انیمیشن افزودن به سبد */
    @keyframes admCartPop {
        0% { transform: scale(1); }
        40% { transform: scale(1.3) translateY(-4px); }
        70% { transform: scale(1.1) rotate(10deg); }
        100% { transform: scale(1); }
    }

    .wd-toolbar .wd-header-cart.is-animating .wd-tools-icon {
        animation: admCartPop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    }
    
    /* تغییر رنگ آیکون سبد در هنگام انیمیشن (اگر فعال نباشد) */
    .wd-toolbar .wd-tools-element.wd-header-cart:not(.wd-active).is-animating .wd-tools-icon::before {
        background-color: #ff3b30 !important;
    }

    /* ----------------------------------
       افکت Ripple
    ---------------------------------- */
    .adm-ripple {
        position: absolute;
        border-radius: 50%;
        transform: scale(0);
        animation: ripple 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
    }

    @keyframes ripple {
        to { transform: scale(5); opacity: 0; }
    }
}

















/* ================دکمه به بالا===================*/

@media (max-width:1024px){

.scrollToTop{
    bottom: 110px !important;


}

}




































  




/* * Woodmart Minimal Mobile Header 
 * Colors: #243A73 & White
 * Optimized for RTL & Speed
*/

@media (max-width: 1024px) {
    /* --- 1. ساختار اصلی و طراحی شناور (Floating) --- */
    .whb-header-bottom {
        /* حالت اولیه: بدون فاصله از اطراف (تمام عرض) */
        width: 100% !important;
        margin: 0 !important;
        
        background-color: #ffffff !important;
        border-radius: 0 0 16px 16px !important; /* فقط پایین گرد باشد */
        box-shadow: 0 4px 15px rgba(36, 58, 115, 0.05) !important;
        
        /* کاهش پدینگ برای کشیده‌تر شدن سرچ و نزدیک شدن به کادر */
        padding: 4px 6px !important; 
        min-height: 44px !important;
        
        /* انیمیشن نرم برای زمان اسکرول */
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        border: none !important;
    }

    /* حالت اسکرول (چسبان): گرفتن 16px حاشیه از اطراف */
    .whb-sticked .whb-header-bottom {
        width: calc(100% - 32px) !important;
        margin: 10px 16px 0 16px !important;
        border-radius: 16px !important;
        box-shadow: 0 5px 20px rgba(36, 58, 115, 0.12) !important;
    }

    /* --- 2. تنظیمات چیدمان داخلی --- */
    .whb-header-bottom .whb-col-mobile {
        display: flex !important;
        flex-direction: row !important; /* مناسب برای سایت‌های راست‌چین */
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 6px !important; /* کاهش شدید فاصله برای بزرگ‌تر شدن سرچ */
    }

    /* --- 3. دکمه منوی همبرگری --- */
    .whb-header-bottom .wd-header-mobile-nav {
        flex-shrink: 0;
        margin: 0 !important;
    }
    
    .whb-header-bottom .wd-header-mobile-nav a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important; /* تنظیم روی 36px */
        height: 36px !important; /* تنظیم روی 36px */
        color: #243A73 !important; /* رنگ برند */
        background: rgba(36, 58, 115, 0.04) !important;
        border-radius: 10px !important; /* هماهنگ با ارتفاع 36 */
        transition: background 0.2s ease !important;
    }

    .whb-header-bottom .wd-header-mobile-nav a:active {
        background: rgba(36, 58, 115, 0.12) !important;
    }

    /* --- 4. نوار جستجو (Search Bar) --- */
    .whb-header-bottom .wd-search-form {
        flex-grow: 1; /* پر کردن حداکثری فضای باقیمانده */
        margin: 0 !important;
    }

    .whb-header-bottom form.searchform {
        display: flex !important;
        align-items: center !important;
        height: 36px !important; /* تنظیم روی 36px */
        border-radius: 10px !important; /* هماهنگ با ارتفاع 36 */
        background-color: #f7f8fa !important;
        border: 1px solid rgba(36, 58, 115, 0.08) !important;
        padding: 0 5px 0 10px !important;
        transition: border 0.3s ease !important;
    }

    .whb-header-bottom form.searchform:focus-within {
        border-color: #243A73 !important;
        background-color: #ffffff !important;
    }

    /* تنظیمات فیلد متنی جستجو */
    .whb-header-bottom form.searchform input[type="text"] {
        border: none !important;
        background: transparent !important;
        height: 100% !important;
        padding: 0 10px !important;
        font-size: 13px !important;
        color: #243A73 !important;
        font-weight: 500 !important;
        width: 100% !important;
        box-shadow: none !important;
    }

    .whb-header-bottom form.searchform input[type="text"]::placeholder {
        color: rgba(36, 58, 115, 0.4) !important;
        font-size: 12px !important;
    }

    /* دکمه ذره‌بین */
    .whb-header-bottom form.searchform button.searchsubmit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        color: #243A73 !important;
        border: none !important;
        height: 32px !important;
        width: 32px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        transition: opacity 0.2s ease !important;
    }

    .whb-header-bottom form.searchform button.searchsubmit {
        background: transparent !important;
        color: #243A73 !important;
        border: none !important;
        height: 32px !important;
        width: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 50% !important;
        transition: opacity 0.2s ease !important;
    }

    /* مخفی کردن متن کلمه "جستجو" و نمایش فقط آیکون */
    .whb-header-bottom form.searchform button.searchsubmit span {
        display: none !important; 
    }

    /* استایل دکمه بستن جستجو (X) */
    .whb-header-bottom form.searchform .wd-clear-search {
        color: #243A73 !important;
        opacity: 0.6 !important;
    }
}
}