:root {
	--wd-text-font: iranyekan;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(36,36,36);
	--wd-text-font-size: 14px;
	--wd-title-font: iranyekan;
	--wd-title-font-weight: 300;
	--wd-title-color: #242424;
	--wd-entities-title-font: iranyekan;
	--wd-entities-title-font-weight: 300;
	--wd-entities-title-transform: uppercase;
	--wd-entities-title-color: rgb(51,51,51);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: iranyekan;
	--wd-widget-title-font: iranyekan;
	--wd-widget-title-font-weight: 300;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: iranyekan;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(204,153,255);
	--btn-default-font-family: iranyekan;
	--btn-default-font-weight: 500;
	--btn-default-transform: capitalize;
	--btn-default-bgcolor: rgba(0,0,0,0.85);
	--btn-default-bgcolor-hover: rgba(204,153,255,0.7);
	--btn-accented-font-family: iranyekan;
	--btn-accented-font-weight: 500;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgba(0,0,0,0.85);
	--btn-accented-bgcolor-hover: rgba(204,153,255,0.7);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(204,153,255);
	--notices-success-color: #fff;
	--notices-warning-bg: #FFF1F1;
	--notices-warning-color: rgb(51,51,51);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(204,153,255);
}
.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-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgba(226,226,226,0.97);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: iranyekan;	font-weight: 400;
	font-size: 15px;
	text-transform: none;
	color: rgb(0,0,0);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(0,0,0);
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-family: iranyekan;	font-weight: 400;
	font-size: 14px;
	color: rgb(0,0,0);
}
html .wd-product .wd-entities-title a:hover {
	color: rgb(0,0,0);
}
html .wd-product .price, html .product.wd-product del {
	font-family: iranyekan;	font-weight: 500;
	font-size: 14px;
	text-transform: none;
	color: rgb(0,0,0);
}
html .wd-product .price:hover, html .product.wd-product del:hover {
	color: rgb(0,0,0);
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del, html .wd-product-nav-desc .price {
	font-family: iranyekan;	font-weight: 500;
	font-size: 17px;
	color: rgb(0,0,0);
}
html .product-image-summary-wrap .summary-inner > .price:hover, html .wd-single-price .price:hover, html .product-image-summary-wrap .summary-inner > .price del:hover, html .wd-single-price .price del:hover, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price:hover, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price:hover, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del:hover, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del:hover, html .wd-product-nav-desc .price:hover {
	color: rgb(0,0,0);
}
html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	font-family: iranyekan;	font-weight: 400;
	font-size: 14px;
	color: rgb(0,0,0);
}
html .wd-nav.wd-layout-drilldown > li > a:hover, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a:hover, html .wd-nav.wd-layout-drilldown >li [class*="sub-menu"] > .woocommerce-MyAccount-navigation-link > a:hover, html .wd-nav.wd-layout-drilldown li.current-menu-item > a {
	color: rgba(204,153,255,0.7);
}
html .mc4wp-form input[type="submit"] {
	font-family: iranyekan;	font-weight: 400;
	font-size: 15px;
	text-transform: capitalize;
	color: rgb(255,255,255);
	background: rgba(0,0,0,0.85);
}
html .mc4wp-form input[type="submit"]:hover {
	color: rgb(0,0,0);
	background: rgb(204,153,255);
}
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-brd-color-focus: rgb(0,0,0);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 30px;
	--wd-arrow-offset-h: -40px;
	--wd-arrow-offset-v: 0px;
	--wd-arrow-color: rgb(15,15,15);
	--wd-arrow-color-hover: rgb(0,0,0);
	--wd-arrow-bg: rgba(255,255,255,0);
	--wd-arrow-shadow: 0px 0px 0px 0px rgb(130,36,227);
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-size: 45px;
	--wd-arrow-icon-size: 15px;
	--wd-arrow-color: rgb(0,0,0);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-bg: rgb(239,239,239);
	--wd-arrow-bg-hover: rgb(211,211,211);
	--wd-arrow-radius: 35px;
	--wd-arrow-shadow: 0px 3px 5px 0px rgb(229,229,229);
}
.wd-nav-scroll {
	--wd-nscroll-height: 0px;
	--wd-nscroll-width: 0%;
	--wd-nscroll-bg: rgba(255,255,255,0);
	--wd-nscroll-drag-bg: rgba(255,255,255,0);
	--wd-nscroll-drag-bg-hover: rgba(255,255,255,0);
}
.wd .product-label.onsale {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
.wd .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
.wd .product-label.featured {
	background-color: rgb(177,127,226);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	.wd-nav-scroll {
		--wd-nscroll-height: 0px;
	--wd-nscroll-width: 0%;
	}

}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 25px;
	--wd-arrow-icon-size: 10px;
	}
	.wd-nav-scroll {
		--wd-nscroll-height: 0px;
	--wd-nscroll-width: 0%;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 5px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--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: 5px;
}

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

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

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

/*
 * ============================================================
 * TAJ GALLERY - CLEAN AUXILIARY CSS
 *
 * Includes:
 * - Product cards / promo images
 * - Header / menu / toolbar
 * - My Account sidebar + dashboard
 * - Checkout location picker
 * - My Account orders table
 *
 * Cleanup:
 * - Preserved the existing visual behavior.
 * - Removed the duplicate/obsolete order-status animation block.
 * - No checkout/product-page layout rules from the main CSS were duplicated here.
 * ============================================================
 */

.woodmart-button-wrapper.inline-element {
    margin-bottom: 0;
}
.promo-banner .banner-image img {
    border-radius: 15px;
}
.wd-hover-tiled {
    overflow: hidden;
    border-radius: 15px;
	background: #fff;
}
.labels-rectangular .product-label {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    margin-right: 5px;
}
/* ==================================================
   TAJ GALLERY - HEADER CUSTOM CSS
================================================== */


/* --------------------------------------------------
   1. Fix desktop menu on medium screen widths
-------------------------------------------------- */

@media (min-width: 1025px) and (max-width: 1320px) {

    .whb-header-bottom .wd-header-nav {
        width: 100% !important;
        max-width: 100% !important;
    }

    .whb-header-bottom .wd-nav.wd-nav-main {
        width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        direction: rtl !important;
    }

    .whb-header-bottom .wd-nav.wd-nav-main > li > a {
        padding-left: 4px !important;
        padding-right: 4px !important;
        white-space: nowrap !important;
    }
}


/* --------------------------------------------------
   2. Main category menu hover / active color
-------------------------------------------------- */

.whb-header-bottom .wd-nav.wd-nav-main > li:hover > a,
.whb-header-bottom .wd-nav.wd-nav-main > li.current-menu-item > a,
.whb-header-bottom .wd-nav.wd-nav-main > li.current-menu-ancestor > a {
    color: #b985ed !important;
}


/* --------------------------------------------------
   3. Header icons hover
   Account / Wishlist / Cart / Search
-------------------------------------------------- */

.whb-main-header .wd-header-my-account:hover > a,
.whb-main-header .wd-header-my-account:hover .wd-tools-icon,
.whb-main-header .wd-header-my-account:hover .wd-tools-icon:before,

.whb-main-header .wd-header-wishlist:hover > a,
.whb-main-header .wd-header-wishlist:hover .wd-tools-icon,
.whb-main-header .wd-header-wishlist:hover .wd-tools-icon:before,

.whb-main-header .wd-header-cart:hover > a,
.whb-main-header .wd-header-cart:hover .wd-tools-icon,
.whb-main-header .wd-header-cart:hover .wd-tools-icon:before,

.whb-main-header .wd-header-search:hover > a,
.whb-main-header .wd-header-search:hover .wd-tools-icon,
.whb-main-header .wd-header-search:hover .wd-tools-icon:before,

.whb-main-header .wd-search-form:hover .searchsubmit,
.whb-main-header .wd-search-form .searchsubmit:hover {
    color: #b985ed !important;
}


/* Smooth transition for header icons */

.whb-main-header .wd-tools-element > a,
.whb-main-header .wd-tools-icon,
.whb-main-header .wd-search-form .searchsubmit {
    transition: color 0.2s ease !important;
}


/* --------------------------------------------------
   4. Home & Contact Us hover
-------------------------------------------------- */

.whb-main-header .wd-nav-main > li > a,
.whb-main-header .menu-item > a {
    transition: color 0.2s ease !important;
}

.whb-main-header .wd-nav-main > li > a:hover,
.whb-main-header .menu-item > a:hover {
    color: #b985ed !important;
}


/* --------------------------------------------------
   5. My Account dropdown hover
-------------------------------------------------- */

.wd-dropdown-my-account a,
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link a {
    transition: color 0.2s ease !important;
}

.wd-dropdown-my-account a:hover,
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link a:hover {
    color: #b985ed !important;
}


/* --------------------------------------------------
   6. Wishlist count badge
-------------------------------------------------- */

.wd-header-wishlist .wd-tools-count {
    background-color: #b985ed !important;
    color: #ffffff !important;
    border-color: #b985ed !important;
}
/* ==================================================
   7. Mobile bottom navbar hover
================================================== */

/* Smooth transition */
.wd-toolbar a,
.wd-toolbar .wd-tools-icon,
.wd-toolbar .wd-tools-text,
.wd-toolbar .wd-tools-label {
    transition: color 0.2s ease !important;
}

/* Hover / Touch active */
.wd-toolbar a:hover,
.wd-toolbar a:focus,
.wd-toolbar a:active,
.wd-toolbar .wd-tools-element:hover > a,
.wd-toolbar .wd-tools-element:hover .wd-tools-icon,
.wd-toolbar .wd-tools-element:hover .wd-tools-icon:before,
.wd-toolbar .wd-tools-element:active .wd-tools-icon,
.wd-toolbar .wd-tools-element:active .wd-tools-icon:before {
    color: #b985ed !important;
}


/* ==================================================
   8. Mobile Cart + Wishlist count badges
================================================== */

.wd-toolbar .wd-header-cart .wd-tools-count,
.wd-toolbar .wd-header-wishlist .wd-tools-count {
    background-color: #b985ed !important;
    border-color: #b985ed !important;
    color: #ffffff !important;
}

/* ==================================================
   Taj Gallery - My Account Sidebar
================================================== */

/* ستون منوی حساب کاربری */
.woocommerce-account .wd-my-account-sidebar,
.woocommerce-account .woocommerce-MyAccount-navigation {
    border-color: #ead2fb !important;
}

/* لینک‌های منو */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 16px !important;
    border-radius: 10px;
    color: #222 !important;
    font-weight: 600;
    transition: all .2s ease;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #faf3ff !important;
    color: #a765dc !important;
}

/* گزینه‌ای که الان داخلش هستیم */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a {
    background: #f5e9ff !important;
    color: #a765dc !important;
    font-weight: 700;
}

/* خط جداکننده بالای منو / عنوان */
.woocommerce-account .wd-my-account-sidebar {
    border-left: 1px solid #ead2fb !important;
}

/* عنوان حساب کاربری */
.woocommerce-account .wd-my-account-sidebar h3,
.woocommerce-account .wd-my-account-sidebar .title {
    border-bottom-color: #ead2fb !important;
}
/* ==================================================
   Taj Gallery - Location Picker
================================================== */

/* حالت عمومی نوار موقعیت */
#billing_mnsjay_location_field .mnsjay-open-map-holder {
    min-height: 48px;
    border-radius: 10px !important;
    border: 1px solid #d9baf7 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


/* ---------------------------------------
   موقعیت هنوز ثبت نشده
--------------------------------------- */

#billing_mnsjay_location_field
.mnsjay-open-map-holder:not(.mnsjay-location-submitted) {
    background: #f6ecff !important;
    border-color: #d9baf7 !important;
    color: #8c57c8 !important;
}

#billing_mnsjay_location_field
.mnsjay-open-map-holder:not(.mnsjay-location-submitted):hover {
    background: #efe0fc !important;
    border-color: #b985ed !important;
    color: #a765dc !important;
}


/* ---------------------------------------
   موقعیت ثبت شده
--------------------------------------- */

#billing_mnsjay_location_field
.mnsjay-open-map-holder.mnsjay-location-submitted {
    background: #b985ed !important;
    border-color: #b985ed !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(185, 133, 237, .18);
}

#billing_mnsjay_location_field
.mnsjay-open-map-holder.mnsjay-location-submitted:hover {
    background: #a765dc !important;
    border-color: #a765dc !important;
}


/* متن داخل نوار */
#billing_mnsjay_location_field .mnsjay-title {
    color: inherit !important;
    font-weight: 600;
}


/* آیکن موقعیت */
#billing_mnsjay_location_field .mnsjay-has-icon,
#billing_mnsjay_location_field .mnsjay-has-icon svg {
    color: inherit !important;
}

#billing_mnsjay_location_field .mnsjay-has-icon svg,
#billing_mnsjay_location_field .mnsjay-has-icon svg path {
    fill: currentColor !important;
}
/* ==================================================
   Taj Gallery - My Account Dashboard Cards
================================================== */

/* خود کارت‌ها */
.woocommerce-account .woocommerce-MyAccount-content ul.wd-my-account-links > li > a {
    background: #ffffff !important;
    border: 1px solid #ead2fb !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(167, 101, 220, .07) !important;
    color: #222 !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}


/* آیکن */
.woocommerce-account .woocommerce-MyAccount-content
ul.wd-my-account-links > li > a .wd-nav-icon:before {
    color: #b985ed !important;
    transition: color .2s ease, transform .2s ease !important;
}


/* متن */
.woocommerce-account .woocommerce-MyAccount-content
ul.wd-my-account-links > li > a .nav-link-text {
    color: #222 !important;
    font-weight: 600 !important;
    transition: color .2s ease !important;
}


/* Hover کارت */
.woocommerce-account .woocommerce-MyAccount-content
ul.wd-my-account-links > li > a:hover {
    background: #faf3ff !important;
    border-color: #d9baf7 !important;
    box-shadow: 0 7px 20px rgba(167, 101, 220, .13) !important;
    transform: translateY(-3px);
}


/* Hover آیکن و متن */
.woocommerce-account .woocommerce-MyAccount-content
ul.wd-my-account-links > li > a:hover .wd-nav-icon:before,
.woocommerce-account .woocommerce-MyAccount-content
ul.wd-my-account-links > li > a:hover .nav-link-text {
    color: #a765dc !important;
}


/* فاصله بین کارت‌ها */
.woocommerce-account .woocommerce-MyAccount-content ul.wd-my-account-links {
    gap: 20px !important;
}


/* موبایل */
@media (max-width: 767px) {

    .woocommerce-account .woocommerce-MyAccount-content
    ul.wd-my-account-links {
        gap: 14px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content
    ul.wd-my-account-links > li > a {
        border-radius: 12px !important;
    }
}
/* ==================================================
   TAJ GALLERY - MY ACCOUNT ORDERS
   Desktop + Mobile
================================================== */


/* ==================================================
   DESKTOP
================================================== */

.woocommerce-account .woocommerce-orders-table {
    width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 14px !important;
}


/* عنوان ستون‌ها */
.woocommerce-account .woocommerce-orders-table thead th {
    background: transparent !important;
    border: 0 !important;

    padding: 10px 16px 12px !important;

    color: #4f435a !important;
    font-weight: 600 !important;
}


/* تمام سلول‌های هر سفارش */
.woocommerce-account .woocommerce-orders-table tbody tr > td,
.woocommerce-account .woocommerce-orders-table tbody tr > th {

    background: #ffffff !important;

    padding: 18px 16px !important;
    vertical-align: middle !important;

    border-top: 1px solid #ead2fb !important;
    border-bottom: 1px solid #ead2fb !important;

    transition:
        background-color .2s ease,
        border-color .2s ease !important;
}


/* سمت راست کارت - شماره سفارش */
.woocommerce-account
.woocommerce-orders-table tbody tr >
th.woocommerce-orders-table__cell-order-number {

    border-right: 1px solid #ead2fb !important;

    border-radius:
        0 16px 16px 0 !important;
}


/* سمت چپ کارت - عملیات */
.woocommerce-account
.woocommerce-orders-table tbody tr >
td.woocommerce-orders-table__cell-order-actions {

    border-left: 1px solid #ead2fb !important;

    border-radius:
        16px 0 0 16px !important;
}


/* Hover کل سفارش کاملاً یکدست */
.woocommerce-account .woocommerce-orders-table tbody tr:hover > td,
.woocommerce-account .woocommerce-orders-table tbody tr:hover > th {

    background: #faf3ff !important;
    border-color: #d9baf7 !important;
}


/* شماره سفارش */
.woocommerce-account
.woocommerce-orders-table__cell-order-number a {

    background: transparent !important;

    color: #8c57c8 !important;
    font-weight: 700 !important;

    transition: color .2s ease !important;
}

.woocommerce-account
.woocommerce-orders-table__cell-order-number a:hover {

    color: #a765dc !important;
}


/* وضعیت سفارش */
.woocommerce-account
.woocommerce-orders-table__cell-order-status {

    color: #8c57c8 !important;
    font-weight: 600 !important;
}


/* مبلغ */
.woocommerce-account
.woocommerce-orders-table__cell-order-total {

    color: #222 !important;
}


/* ==================================================
   BUTTONS
================================================== */

.woocommerce-account
.woocommerce-orders-table .button {

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: #b985ed !important;
    color: #ffffff !important;

    border: 1px solid #b985ed !important;
    border-radius: 999px !important;

    padding: 10px 18px !important;
    min-height: 40px;

    margin: 3px !important;

    font-weight: 600 !important;

    box-shadow:
        0 4px 12px rgba(185, 133, 237, .20) !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}


.woocommerce-account
.woocommerce-orders-table .button:hover {

    background: #a765dc !important;
    border-color: #a765dc !important;

    color: #ffffff !important;

    box-shadow:
        0 6px 16px rgba(167, 101, 220, .28) !important;

    transform: translateY(-1px);
}


/* جلوگیری از شکستن دکمه‌ها در دسکتاپ */
.woocommerce-account
.woocommerce-orders-table__cell-order-actions {

    white-space: nowrap;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

    /* جدول تبدیل به کارت */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive,

    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tbody,

    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tr,

    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive td,

    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive th {

        display: block !important;
        width: 100% !important;
    }


    /* عنوان ستون‌ها مخفی */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive thead {

        display: none !important;
    }


    /* هر سفارش = یک کارت */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tbody tr {

        background: #fff !important;

        border: 1px solid #ead2fb !important;
        border-radius: 18px !important;

        padding: 12px 16px !important;
        margin-bottom: 18px !important;

        box-shadow:
            0 5px 18px rgba(167, 101, 220, .08) !important;

        overflow: hidden;
    }


    /* تمام سلول‌های داخل کارت */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tbody tr > td,

    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tbody tr > th {

        background: transparent !important;

        border: 0 !important;
        border-bottom:
            1px dashed #eee4f7 !important;

        border-radius: 0 !important;

        padding: 11px 0 !important;

        min-height: 44px;

        text-align: left !important;
    }


    /* عنوان‌ها: تاریخ، وضعیت، مجموع... */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tbody td::before,

    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tbody th::before {

        color: #4f435a !important;
        font-weight: 700 !important;

        float: right !important;

        margin-left: 14px !important;
    }


    /* شماره سفارش */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive
    .woocommerce-orders-table__cell-order-number {

        background: transparent !important;
    }


    /* وضعیت */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive
    .woocommerce-orders-table__cell-order-status {

        color: #8c57c8 !important;
        font-weight: 600 !important;
    }


    /* عملیات آخرین بخش کارت */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive
    .woocommerce-orders-table__cell-order-actions {

        border-bottom: 0 !important;

        padding-top: 15px !important;
        padding-bottom: 3px !important;

        white-space: normal !important;
    }


    /* دکمه‌ها موبایل */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive .button {

        min-height: 40px;

        padding: 9px 16px !important;

        margin: 3px 2px !important;

        font-size: 13px !important;
    }


    /* در موبایل Hover روی ردیف رنگ کارت را خراب نکند */
    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tbody tr:hover > td,

    .woocommerce-account
    .woocommerce-orders-table.shop_table_responsive tbody tr:hover > th {

        background: transparent !important;
    }
}
/* حذف دایره دور آیکن سبد خرید هدر */
.wd-header-cart .wd-tools-icon,
.wd-header-cart:hover .wd-tools-icon {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
/* TAJ - Fix Shipping City Select2 Width Only */
.woocommerce-checkout #shipping_city_field .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}@media (min-width: 1025px) {
	/* Desktop */
.product-grid-item .product-image-link {
    padding: 10px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.product-grid-item .product-image-link {
    padding: 8px;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.product-grid-item .product-image-link {
    padding: 3px;
}
}

@media (max-width: 576px) {
	/* =========================================================
   TAJ GALLERY
   MOBILE UI - FINAL
   Bottom Toolbar + Full Screen Drilldown Menu
   ========================================================= */


/* =========================================================
   PRODUCT GRID
   ========================================================= */

.product-grid-item .product-image-link {
    padding: 3px;
}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       TAJ COLORS
       ===================================================== */

    .mobile-nav,
    .wd-toolbar {
        --taj-purple: #bf79e9;
        --taj-purple-dark: #a85fd2;
        --taj-purple-soft: #f7edfc;
        --taj-purple-soft-2: #fcf8fe;
        --taj-border: #ead8f3;
        --taj-text: #222222;
        --taj-muted: #555555;
    }



    /* =====================================================
       BOTTOM TOOLBAR
       ===================================================== */

    .wd-toolbar {
        background: #ffffff !important;

        border-top:
            1px solid var(--taj-border) !important;

        box-shadow:
            0 -4px 16px rgba(0, 0, 0, 0.045) !important;
    }


    /* Equal space for toolbar buttons */

    .wd-toolbar > * {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }


    /* -----------------------------------------------------
       All toolbar icons same size
       ----------------------------------------------------- */

    .wd-toolbar .wd-tools-icon {
        width: 30px !important;
        height: 30px !important;

        min-width: 30px !important;
        min-height: 30px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    .wd-toolbar .wd-tools-icon:before {
        font-size: 27px !important;
        line-height: 30px !important;
    }


    .wd-toolbar .wd-tools-icon svg {
        width: 27px !important;
        height: 27px !important;
    }



    /* -----------------------------------------------------
       All toolbar labels same size
       ----------------------------------------------------- */

    .wd-toolbar .wd-toolbar-label {
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        color: var(--taj-text) !important;

        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }



    /* =====================================================
       CATEGORIES BUTTON
       ===================================================== */

    /* Grid icon */

    .wd-toolbar
    .wd-header-mobile-nav
    .wd-tools-icon:before {
        font-family: "woodmart-font" !important;

        content: "\f122" !important;

        font-size: 27px !important;
        font-weight: 900 !important;
        line-height: 30px !important;
    }


    /* Hide original "Menu" label */

    .wd-toolbar
    .wd-header-mobile-nav
    .wd-toolbar-label {
        font-size: 0 !important;
    }


    /* New Categories label */

    .wd-toolbar
    .wd-header-mobile-nav
    .wd-toolbar-label:after {
        content: "دسته‌بندی‌ها";

        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        color: var(--taj-text) !important;

        white-space: nowrap !important;
    }



    /* =====================================================
       ACCOUNT BUTTON
       ===================================================== */

    .wd-toolbar
    .wd-header-my-account
    .wd-toolbar-label {
        font-size: 0 !important;

        overflow: visible !important;
        text-overflow: clip !important;

        white-space: nowrap !important;
    }


    .wd-toolbar
    .wd-header-my-account
    .wd-toolbar-label:after {
        content: "حساب کاربری";

        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        color: var(--taj-text) !important;

        white-space: nowrap !important;
    }



    /* =====================================================
       CART + WISHLIST COUNT BADGES
       ===================================================== */

    .wd-toolbar .wd-tools-count {
        background: var(--taj-purple) !important;

        color: #ffffff !important;

        border: 2px solid #ffffff !important;

        box-shadow: none !important;
    }



    /* =====================================================
       FULL WIDTH MOBILE MENU

       IMPORTANT:
       فقط عرض پنل تغییر می‌کند.
       به ساختار Drilldown دست نمی‌زنیم.
       ===================================================== */

    .mobile-nav,
    .mobile-nav.wd-side-hidden,
    .mobile-nav.wd-side-hidden-nav {
        --wd-side-hidden-w: 100vw !important;

        width: 100vw !important;
        max-width: 100vw !important;

        background: #ffffff !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }



    /* =====================================================
       MOBILE MENU HEADER
       ===================================================== */

    .mobile-nav .wd-heading {
        background: #ffffff !important;

        border-bottom:
            2px solid var(--taj-purple) !important;
    }


    .mobile-nav .wd-close-side {
        color: var(--taj-text) !important;

        background: #ffffff !important;

        font-size: 15px !important;
        font-weight: 600 !important;
    }



    /* =====================================================
       MAIN CATEGORY ROWS
       ===================================================== */

    .mobile-nav
    .wd-nav-mobile > li {
        background: #ffffff !important;

        border-bottom:
            1px solid var(--taj-border) !important;
    }


    .mobile-nav
    .wd-nav-mobile > li > a {
        color: var(--taj-text) !important;

        font-size: 17px !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
    }



    /* =====================================================
       ARROW COLUMN
       ===================================================== */

    .mobile-nav .wd-nav-opener {
        color: var(--taj-purple-dark) !important;

        background:
            var(--taj-purple-soft-2) !important;

        border-color:
            var(--taj-border) !important;
    }


    .mobile-nav
    .wd-nav-opener:before {
        color: var(--taj-purple-dark) !important;

        font-size: 15px !important;
    }



    /* =====================================================
       ACTIVE / CURRENT CATEGORY
       ===================================================== */

    .mobile-nav
    .wd-nav-mobile > li.current-menu-item > a,

    .mobile-nav
    .wd-nav-mobile > li.current-menu-ancestor > a {
        color: var(--taj-purple-dark) !important;

        background:
            var(--taj-purple-soft) !important;

        font-weight: 600 !important;
    }



    /* =====================================================
       DRILLDOWN BACK BUTTON
       فقط استایل - بدون تغییر ساختار
       ===================================================== */

    .mobile-nav .wd-drilldown-back {
        color: var(--taj-purple-dark) !important;

        background:
            var(--taj-purple-soft-2) !important;

        border-color:
            var(--taj-border) !important;
    }


    .mobile-nav
    .wd-drilldown-back > a {
        color: var(--taj-purple-dark) !important;

        font-size: 15px !important;
        font-weight: 600 !important;
    }



    /* =====================================================
       TAP FEEDBACK
       ===================================================== */

    .mobile-nav
    .wd-nav-mobile > li > a:active {
        color: var(--taj-purple-dark) !important;

        background:
            var(--taj-purple-soft) !important;
    }


    .mobile-nav
    .wd-nav-opener:active {
        color: var(--taj-purple-dark) !important;

        background:
            var(--taj-purple-soft) !important;
    }



    /* =====================================================
       CLEANUP
       ===================================================== */

    .mobile-nav,
    .mobile-nav .wd-scroll,
    .mobile-nav .wd-nav-mobile {
        border-radius: 0 !important;
    }

}
/* =========================================================
   TAJ GALLERY - BOTTOM BAR SIZE FIX
   ========================================================= */

@media (max-width: 767px) {

    /* ارتفاع و چینش یکسان همه دکمه‌ها */
    .wd-toolbar .wd-tools-element > a,
    .wd-toolbar .wd-header-mobile-nav > a {
        min-height: 64px !important;
        padding: 5px 2px 4px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 2px !important;
    }


    /* ظرف تمام آیکن‌ها */
    .wd-toolbar .wd-tools-icon {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
        min-height: 27px !important;

        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    /* آیکن‌های فونتی */
    .wd-toolbar .wd-tools-icon:before {
        font-size: 24px !important;
        line-height: 27px !important;
    }


    /* آیکن‌های SVG */
    .wd-toolbar .wd-tools-icon svg {
        width: 24px !important;
        height: 24px !important;
    }


    /* آیکن دسته‌بندی دقیقاً هم‌اندازه بقیه */
    .wd-toolbar
    .wd-header-mobile-nav
    .wd-tools-icon:before {
        font-size: 24px !important;
        line-height: 27px !important;
    }


    /* همه نوشته‌ها یک اندازه */
    .wd-toolbar .wd-toolbar-label,
    .wd-toolbar .wd-header-mobile-nav .wd-toolbar-label:after,
    .wd-toolbar .wd-header-my-account .wd-toolbar-label:after {
        font-size: 11px !important;
        line-height: 14px !important;
        font-weight: 600 !important;

        margin: 0 !important;

        color: #222 !important;
        white-space: nowrap !important;
    }


    /* Badge تعداد سبد و علاقه‌مندی */
    .wd-toolbar .wd-tools-count {
        min-width: 17px !important;
        width: 17px !important;
        height: 17px !important;

        padding: 0 !important;

        font-size: 10px !important;
        line-height: 15px !important;

        border: 1.5px solid #fff !important;
    }

}
/* =========================================================
   TAJ GALLERY - MOBILE BOTTOM BAR FINAL ALIGNMENT
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------
       تمام دکمه‌ها ارتفاع و ساختار یکسان
       ----------------------------------------- */

    .wd-toolbar .wd-tools-element > a {
        height: 66px !important;
        min-height: 66px !important;

        padding: 7px 2px 5px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 5px !important;
    }


    /* -----------------------------------------
       یک Box ثابت برای همه آیکن‌ها
       ----------------------------------------- */

    .wd-toolbar .wd-tools-icon {
        width: 24px !important;
        height: 24px !important;

        min-width: 24px !important;
        min-height: 24px !important;

        flex: 0 0 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    /* آیکن‌های فونتی */
    .wd-toolbar .wd-tools-icon:before {
        font-size: 23px !important;
        line-height: 24px !important;
    }


    /* SVGهای خود WoodMart */
    .wd-toolbar .wd-tools-icon svg {
        width: 23px !important;
        height: 23px !important;
        max-width: 23px !important;
        max-height: 23px !important;
    }


    /* -----------------------------------------
       آیکن دسته‌بندی:
       حذف glyph ضخیم WoodMart
       ----------------------------------------- */

    .wd-toolbar
    .wd-header-mobile-nav
    .wd-tools-icon:before {
        content: "" !important;

        width: 23px !important;
        height: 23px !important;

        display: block !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23282828' stroke-width='1.8' 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='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") !important;

        background-size: 23px 23px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }


    /* -----------------------------------------
       تمام نوشته‌ها دقیقاً یک ارتفاع
       ----------------------------------------- */

    .wd-toolbar .wd-toolbar-label {
        height: 14px !important;
        min-height: 14px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 14px !important;

        color: #252525 !important;

        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }


    /* دسته‌بندی‌ها */
    .wd-toolbar
    .wd-header-mobile-nav
    .wd-toolbar-label {
        font-size: 0 !important;
    }

    .wd-toolbar
    .wd-header-mobile-nav
    .wd-toolbar-label:after {
        content: "دسته‌بندی‌ها";

        height: 14px !important;

        display: flex !important;
        align-items: center !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 14px !important;

        color: #252525 !important;

        white-space: nowrap !important;
    }


    /* حساب کاربری */
    .wd-toolbar
    .wd-header-my-account
    .wd-toolbar-label {
        font-size: 0 !important;
    }

    .wd-toolbar
    .wd-header-my-account
    .wd-toolbar-label:after {
        content: "حساب کاربری";

        height: 14px !important;

        display: flex !important;
        align-items: center !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 14px !important;

        color: #252525 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------
       Badgeها کمی جمع‌وجورتر
       ----------------------------------------- */

    .wd-toolbar .wd-tools-count {
        min-width: 16px !important;
        width: 16px !important;
        height: 16px !important;

        padding: 0 !important;

        font-size: 9px !important;
        line-height: 14px !important;

        border: 1.5px solid #fff !important;
    }

}
/* =========================================================
   TAJ GALLERY - BOTTOM BAR FINAL POSITION & PROPORTION
   ========================================================= */

@media (max-width: 767px) {

    /* خود نوار */
    .wd-toolbar {
        --wd-toolbar-height: 66px !important;
        height: 66px !important;
        min-height: 66px !important;
    }


    /* کل مجموعه آیکن + نوشته */
    .wd-toolbar .wd-tools-element > a {
        height: 66px !important;
        min-height: 66px !important;

        padding: 5px 2px 4px !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 6px !important;

        /* کل مجموعه کمی بالاتر */
        transform: translateY(-5px) !important;
    }


    /* کادر ثابت آیکن */
    .wd-toolbar .wd-tools-icon {
        width: 24px !important;
        height: 24px !important;

        min-width: 24px !important;
        min-height: 24px !important;

        flex: 0 0 24px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* آیکن‌های معمولی کمی ظریف‌تر */
    .wd-toolbar .wd-tools-icon:before {
        font-size: 22px !important;
        line-height: 24px !important;
    }

    .wd-toolbar .wd-tools-icon svg {
        width: 22px !important;
        height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
    }


    /* Grid دسته‌بندی کمی کوچک‌تر تا هم‌وزن بقیه باشد */
    .wd-toolbar
    .wd-header-mobile-nav
    .wd-tools-icon:before {
        width: 21px !important;
        height: 21px !important;

        background-size: 21px 21px !important;
    }


    /* نوشته‌های اصلی */
    .wd-toolbar .wd-toolbar-label {
        height: auto !important;
        min-height: 13px !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 13px !important;

        white-space: nowrap !important;
    }


    /* دسته‌بندی‌ها */
    .wd-toolbar
    .wd-header-mobile-nav
    .wd-toolbar-label:after {
        height: auto !important;
        min-height: 13px !important;

        font-size: 11px !important;
        line-height: 13px !important;
        font-weight: 600 !important;
    }


    /* حساب کاربری */
    .wd-toolbar
    .wd-header-my-account
    .wd-toolbar-label:after {
        height: auto !important;
        min-height: 13px !important;

        font-size: 11px !important;
        line-height: 13px !important;
        font-weight: 600 !important;
    }


    /* Badgeها کمی بالاتر و جمع‌وجورتر */
    .wd-toolbar .wd-tools-count {
        width: 16px !important;
        min-width: 16px !important;
        height: 16px !important;

        font-size: 9px !important;
        line-height: 14px !important;

        transform: translate(2px, -2px) !important;
    }

}
/* =========================================================
   TAJ - Categories icon hover / tap
   ========================================================= */

@media (max-width: 767px) {

    /* Hover / tap icon */
    .wd-toolbar .wd-header-mobile-nav:hover .wd-tools-icon:before,
    .wd-toolbar .wd-header-mobile-nav:active .wd-tools-icon:before {
        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23bd78e8' stroke-width='1.8' 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='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") !important;
    }

    /* Hover / tap label */
    .wd-toolbar .wd-header-mobile-nav:hover .wd-toolbar-label:after,
    .wd-toolbar .wd-header-mobile-nav:active .wd-toolbar-label:after {
        color: #bd78e8 !important;
    }

}
/* =========================================================
   TAJ GALLERY - MOBILE TOOLBAR ACTIVE STATE
   ========================================================= */

@media (max-width: 767px) {

    .wd-toolbar {
        --taj-active: #bd78e8;
    }


    /* =====================================================
       ACTIVE LINK
       ===================================================== */

    .wd-toolbar
    .taj-toolbar-active > a {
        color: var(--taj-active) !important;

        --wd-tools-color:
            var(--taj-active) !important;

        --wd-tools-color-hover:
            var(--taj-active) !important;
    }


    /* =====================================================
       ACTIVE ICON
       WoodMart font icons
       ===================================================== */

    .wd-toolbar
    .taj-toolbar-active
    .wd-tools-icon {
        color: var(--taj-active) !important;
    }

    .wd-toolbar
    .taj-toolbar-active
    .wd-tools-icon:before {
        color: var(--taj-active) !important;
    }


    /* =====================================================
       ACTIVE TEXT
       ===================================================== */

    .wd-toolbar
    .taj-toolbar-active
    .wd-toolbar-label {
        color: var(--taj-active) !important;
    }

    .wd-toolbar
    .taj-toolbar-active
    .wd-toolbar-label:before,

    .wd-toolbar
    .taj-toolbar-active
    .wd-toolbar-label:after {
        color: var(--taj-active) !important;
    }


    /* =====================================================
       HOVER
       ===================================================== */

    .wd-toolbar
    .wd-tools-element:hover > a,

    .wd-toolbar
    .wd-tools-element:hover
    .wd-tools-icon,

    .wd-toolbar
    .wd-tools-element:hover
    .wd-tools-icon:before,

    .wd-toolbar
    .wd-tools-element:hover
    .wd-toolbar-label,

    .wd-toolbar
    .wd-tools-element:hover
    .wd-toolbar-label:after {
        color: var(--taj-active) !important;
    }


    /* =====================================================
       CATEGORIES CUSTOM GRID ICON
       uses currentColor
       ===================================================== */

    .wd-toolbar
    .wd-header-mobile-nav
    .wd-tools-icon:before {

        content: "" !important;

        width: 21px !important;
        height: 21px !important;

        display: block !important;

        background-image: none !important;
        background-color: currentColor !important;

        -webkit-mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' rx='1' fill='black'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1' fill='black'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1' fill='black'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1' fill='black'/%3E%3C/svg%3E") !important;

        mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' rx='1' fill='black'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1' fill='black'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1' fill='black'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1' fill='black'/%3E%3C/svg%3E") !important;

        -webkit-mask-size:
            21px 21px !important;

        mask-size:
            21px 21px !important;

        -webkit-mask-position:
            center !important;

        mask-position:
            center !important;

        -webkit-mask-repeat:
            no-repeat !important;

        mask-repeat:
            no-repeat !important;
    }


    /* Categories active */
    .wd-toolbar
    .wd-header-mobile-nav.taj-toolbar-active {
        color: var(--taj-active) !important;
    }


    .wd-toolbar
    .wd-header-mobile-nav.taj-toolbar-active
    .wd-tools-icon {
        color: var(--taj-active) !important;
    }

}
/* =========================================================
   TAJ GALLERY - MOBILE MENU MINIMAL V5
   DRILLDOWN SAFE - VISUAL ONLY
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       MAIN MENU
       ===================================================== */

    .mobile-nav .wd-nav-mobile > li {
        border-bottom: 1px solid #eee3f4 !important;
        background: #fff !important;
    }

    .mobile-nav .wd-nav-mobile > li > a {
        padding-block: 15px !important;
        padding-inline: 20px !important;

        font-size: 14px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;

        color: #222 !important;

        transition:
            color .18s ease,
            background-color .18s ease !important;
    }


    /* =====================================================
       ARROWS
       فقط ظاهر - بدون دست زدن به ساختار
       ===================================================== */

    .mobile-nav .wd-nav-opener {
        color: #b86ee4 !important;

        background: #fdfaff !important;

        border-inline-start:
            1px solid #eee3f4 !important;

        transition:
            color .18s ease,
            background-color .18s ease !important;
    }

    .mobile-nav .wd-nav-opener:before {
        font-size: 12px !important;
        color: currentColor !important;
    }


    /* =====================================================
       HOVER DESKTOP / DEVTOOLS
       ===================================================== */

    @media (hover: hover) {

        .mobile-nav
        .wd-nav-mobile > li:hover > a {
            color: #a85fd2 !important;
            background: #fbf6fd !important;
        }

        .mobile-nav
        .wd-nav-mobile > li:hover > .wd-nav-opener {
            color: #a85fd2 !important;
            background: #f7edfc !important;
        }
    }


    /* Touch */
    .mobile-nav
    .wd-nav-mobile > li > a:active {
        color: #a85fd2 !important;
        background: #fbf6fd !important;
    }

    .mobile-nav
    .wd-nav-opener:active {
        color: #a85fd2 !important;
        background: #f7edfc !important;
    }


    /* =====================================================
       DRILLDOWN SUBMENU
       فقط فونت و رنگ
       ===================================================== */

    .mobile-nav
    .wd-nav-mobile
    .sub-menu > li {
        border-bottom: 1px solid #eee !important;
    }

    .mobile-nav
    .wd-nav-mobile
    .sub-menu > li > a {
        padding-block: 14px !important;
        padding-inline: 20px !important;

        font-size: 13.5px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;

        color: #252525 !important;

        transition:
            color .18s ease,
            background-color .18s ease !important;
    }


    @media (hover: hover) {

        .mobile-nav
        .wd-nav-mobile
        .sub-menu > li:hover > a {
            color: #a85fd2 !important;
            background: #fbf6fd !important;
        }
    }


    /* =====================================================
       BACK TO LIST
       ===================================================== */

    .mobile-nav .wd-drilldown-back {
        background: #fcf8fe !important;
        border-bottom: 1px solid #ead8f3 !important;
    }

    .mobile-nav .wd-drilldown-back > a {
        padding-block: 14px !important;
        padding-inline: 18px !important;

        font-size: 13.5px !important;
        line-height: 1.35 !important;
        font-weight: 600 !important;

        color: #ac63d8 !important;
    }


    /* =====================================================
       CURRENT CATEGORY
       ===================================================== */

    .mobile-nav
    .wd-nav-mobile > li.current-menu-item > a,

    .mobile-nav
    .wd-nav-mobile > li.current-menu-ancestor > a {
        color: #a85fd2 !important;
        background: #fbf6fd !important;
        font-weight: 600 !important;
    }


    /* =====================================================
       TOP
       ===================================================== */

    .mobile-nav .wd-heading {
        border-bottom: 2px solid #c77cec !important;
    }

    .mobile-nav .wd-close-side {
        font-size: 14px !important;
    }

}
/* =========================================================
   TAJ GALLERY - DRILLDOWN HOVER / ACTIVE MATCH
   ========================================================= */

@media (max-width: 767px) {

    /* رنگ مشترک */
    .mobile-nav {
        --taj-menu-active: #a85fd2;
        --taj-menu-hover-bg: #fbf6fd;
    }


    /* =====================================================
       MAIN MENU HOVER
       ===================================================== */

    @media (hover: hover) {

        .mobile-nav
        .wd-nav-mobile > li:hover > a {
            color: var(--taj-menu-active) !important;
            background: var(--taj-menu-hover-bg) !important;
        }

        .mobile-nav
        .wd-nav-mobile > li:hover > .wd-nav-opener {
            color: var(--taj-menu-active) !important;
            background: var(--taj-menu-hover-bg) !important;
        }
    }


    /* =====================================================
       DRILLDOWN SUBMENU HOVER
       دقیقاً مثل منوی اصلی
       ===================================================== */

    @media (hover: hover) {

        .mobile-nav
        .wd-nav-mobile
        .sub-menu > li:hover > a {
            color: var(--taj-menu-active) !important;
            background: var(--taj-menu-hover-bg) !important;
        }

        .mobile-nav
        .wd-nav-mobile
        .sub-menu > li:hover > .wd-nav-opener {
            color: var(--taj-menu-active) !important;
            background: var(--taj-menu-hover-bg) !important;
        }
    }


    /* =====================================================
       SUBMENU CURRENT / ACTIVE ITEM
       حذف رنگ کم‌رنگ پیش‌فرض WoodMart
       ===================================================== */

    .mobile-nav
    .wd-nav-mobile
    .sub-menu > li.current-menu-item > a,

    .mobile-nav
    .wd-nav-mobile
    .sub-menu > li.current-menu-ancestor > a,

    .mobile-nav
    .wd-nav-mobile
    .sub-menu > li.wd-active > a {
        color: var(--taj-menu-active) !important;
        background: var(--taj-menu-hover-bg) !important;
        opacity: 1 !important;
        font-weight: 600 !important;
    }


    /* اگر خود لینک کلاس current داشته باشد */
    .mobile-nav
    .wd-nav-mobile
    .sub-menu a.current,

    .mobile-nav
    .wd-nav-mobile
    .sub-menu a.wd-active {
        color: var(--taj-menu-active) !important;
        background: var(--taj-menu-hover-bg) !important;
        opacity: 1 !important;
    }


    /* =====================================================
       TOUCH FEEDBACK
       ===================================================== */

    .mobile-nav
    .wd-nav-mobile
    .sub-menu > li > a:active {
        color: var(--taj-menu-active) !important;
        background: var(--taj-menu-hover-bg) !important;
    }


    /* =====================================================
       BACK TO LIST
       خودش کمی متفاوت بماند چون Navigation است
       ===================================================== */

    .mobile-nav .wd-drilldown-back {
        background: #fcf8fe !important;
    }

    .mobile-nav .wd-drilldown-back > a {
        color: var(--taj-menu-active) !important;
        opacity: 1 !important;
    }

}
/* =========================================================
   TAJ GALLERY
   MOBILE CATEGORY TABLE V2
   ========================================================= */

@media (max-width: 767px) {

    .mobile-nav {
        --taj-purple: #b66fe2;
        --taj-purple-dark: #a45dcf;
        --taj-soft: #faf5fd;
        --taj-border: #eadff0;
        --taj-text: #222;
    }


    /* =====================================================
       WOODMART ORIGINAL MENU
       ===================================================== */

    .mobile-nav.taj-category-table-ready
    .wd-nav-mobile {
        display: none !important;
    }


    /* =====================================================
       WHOLE TABLE
       LEFT 64% / RIGHT 36%
       ===================================================== */

    .mobile-nav
    .taj-category-table {

        width: 100% !important;

        height:
            calc(100dvh - 54px) !important;

        display: grid !important;

        grid-template-columns:
            64% 36% !important;

        direction: ltr !important;

        overflow: hidden !important;

        background: #fff !important;
    }


    /* =====================================================
       RIGHT COLUMN
       MAIN CATEGORIES
       ===================================================== */

    .mobile-nav
    .taj-category-tabs {

        direction: rtl !important;

        height: 100% !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        background: #fafafa !important;

        border-left:
            1px solid var(--taj-border) !important;

        scrollbar-width: none;
    }


    .mobile-nav
    .taj-category-tabs::-webkit-scrollbar {
        display: none;
    }


    /* MAIN ROW */

    .mobile-nav
    .taj-table-tab {

        appearance: none !important;
        -webkit-appearance: none !important;

        width: 100% !important;

        min-height: 50px !important;

        margin: 0 !important;

        padding:
            8px 13px !important;

        display: flex !important;

        align-items: center !important;

        justify-content:
            flex-start !important;

        border: 0 !important;

        border-bottom:
            1px solid #ededed !important;

        border-radius: 0 !important;

        outline: 0 !important;

        box-shadow: none !important;

        background: transparent !important;

        color: #333 !important;

        font-family: inherit !important;

        font-size: 12.5px !important;

        font-weight: 500 !important;

        line-height: 1.45 !important;

        text-align: right !important;

        cursor: pointer !important;

        white-space: normal !important;

        transition:
            color .15s ease,
            background-color .15s ease !important;
    }


    /* ACTIVE MAIN */

    .mobile-nav
    .taj-table-tab.is-active {

        color:
            var(--taj-purple-dark) !important;

        background:
            #fff !important;

        font-weight: 700 !important;

        box-shadow:
            inset -3px 0 0
            var(--taj-purple) !important;
    }


    /* HOVER */

    @media (hover: hover) {

        .mobile-nav
        .taj-table-tab:hover {

            color:
                var(--taj-purple-dark) !important;

            background:
                var(--taj-soft) !important;
        }
    }


    /* =====================================================
       LEFT COLUMN
       SUB CATEGORIES
       ===================================================== */

    .mobile-nav
    .taj-category-panel {

        direction: rtl !important;

        height: 100% !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        background: #fff !important;

        scrollbar-width: none;
    }


    .mobile-nav
    .taj-category-panel::-webkit-scrollbar {
        display: none;
    }


    /* ALL CATEGORY */

    .mobile-nav
    .taj-table-all {

        min-height: 56px !important;

        padding:
            0 18px !important;

        display: flex !important;

        align-items: center !important;

        color:
            var(--taj-purple-dark) !important;

        background:
            var(--taj-soft) !important;

        border-bottom:
            1px solid
            var(--taj-border) !important;

        font-size:
            14px !important;

        font-weight:
            700 !important;

        line-height:
            1.4 !important;

        text-decoration:
            none !important;
    }


    .mobile-nav
    .taj-table-all:after {

        content: "‹";

        margin-right: auto;

        color:
            var(--taj-purple) !important;

        font-size:
            20px !important;
    }


    /* SUB CATEGORY ROW */

    .mobile-nav
    .taj-table-sub {

        min-height: 50px !important;

        padding:
            0 18px !important;

        display: flex !important;

        align-items: center !important;

        color:
            var(--taj-text) !important;

        background:
            #fff !important;

        border-bottom:
            1px solid #eeeeee !important;

        font-size:
            13.5px !important;

        font-weight:
            500 !important;

        line-height:
            1.45 !important;

        text-decoration:
            none !important;

        transition:
            color .15s ease,
            background-color .15s ease !important;
    }


    /* CHILD LEVEL */

    .mobile-nav
    .taj-table-sub-child {

        min-height:
            44px !important;

        padding-right:
            30px !important;

        color:
            #666 !important;

        font-size:
            12.5px !important;

        background:
            #fdfdfd !important;
    }


    /* SUB HOVER */

    @media (hover: hover) {

        .mobile-nav
        .taj-table-sub:hover {

            color:
                var(--taj-purple-dark) !important;

            background:
                var(--taj-soft) !important;
        }
    }


    .mobile-nav
    .taj-table-sub:active {

        color:
            var(--taj-purple-dark) !important;

        background:
            var(--taj-soft) !important;
    }


    /* EMPTY */

    .mobile-nav
    .taj-table-empty {

        padding:
            18px !important;

        color:
            #888 !important;

        font-size:
            12px !important;

        line-height:
            1.7 !important;
    }


    /* =====================================================
       TOP CLOSE HEADER
       ===================================================== */

    .mobile-nav
    .wd-heading {

        height:
            54px !important;

        min-height:
            54px !important;

        background:
            #fff !important;

        border-bottom:
            1px solid
            var(--taj-border) !important;
    }

}
/* =========================================================
   TAJ GALLERY - REAL CATEGORY ARROW V134
   ========================================================= */

@media (max-width: 1024px) {

    .mobile-nav
    .taj-cat-tab-v6 {
        position: relative !important;
    }


    .mobile-nav
    .taj-cat-tab-label-v6 {
        display: block !important;

        width: 100% !important;

        padding-left: 26px !important;

        text-align: right !important;
    }


    /* فلش واقعی داخل DOM */

    .mobile-nav
    .taj-cat-tab-arrow-v6 {
        position: absolute !important;

        left: 11px !important;
        top: 50% !important;

        transform:
            translateY(-50%) !important;

        display: block !important;

        color: #999 !important;

        font-size: 20px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        pointer-events: none !important;

        transition:
            color .16s ease,
            transform .16s ease !important;
    }


    /* Active */

    .mobile-nav
    .taj-cat-tab-v6.is-active
    .taj-cat-tab-arrow-v6 {
        color:
            var(--taj-purple) !important;

        transform:
            translateY(-50%)
            translateX(-2px) !important;
    }


    /* Hover */

    .mobile-nav
    .taj-cat-tab-v6:hover
    .taj-cat-tab-arrow-v6 {
        color:
            var(--taj-purple) !important;
    }

}
/* =========================================================
   TAJ GALLERY - SUBCATEGORY INDICATOR V2
   ========================================================= */

@media (max-width: 1024px) {

    /* فضای ثابت برای آیکن */
    .mobile-nav
    .taj-cat-tab-v6.has-children {
        gap: 8px !important;
    }


    /* ظرف فلش */
    .mobile-nav
    .taj-cat-tab-arrow-v6 {
        width: 24px !important;
        height: 24px !important;

        min-width: 24px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;

        background: #f7f7f7 !important;

        border: 1px solid #e5e5e5 !important;

        font-size: 0 !important;

        color: transparent !important;

        pointer-events: none !important;

        transition:
            background-color .16s ease,
            border-color .16s ease !important;
    }


    /* Chevron واقعی - به سمت ستون زیرمجموعه‌ها */
    .mobile-nav
    .taj-cat-tab-arrow-v6::before {
        content: "" !important;

        width: 7px !important;
        height: 7px !important;

        border-left: 1.7px solid #777 !important;
        border-bottom: 1.7px solid #777 !important;

        transform:
            rotate(45deg) !important;

        margin-left: 2px !important;

        transition:
            border-color .16s ease !important;
    }


    /* Active */
    .mobile-nav
    .taj-cat-tab-v6.is-active
    .taj-cat-tab-arrow-v6 {
        background: #f4e8fb !important;
        border-color: #dcbcf0 !important;
    }

    .mobile-nav
    .taj-cat-tab-v6.is-active
    .taj-cat-tab-arrow-v6::before {
        border-color: #b66fe2 !important;
    }


    /* Hover */
    .mobile-nav
    .taj-cat-tab-v6:hover
    .taj-cat-tab-arrow-v6 {
        background: #f4e8fb !important;
        border-color: #dcbcf0 !important;
    }

    .mobile-nav
    .taj-cat-tab-v6:hover
    .taj-cat-tab-arrow-v6::before {
        border-color: #b66fe2 !important;
    }

}
/* =========================================================
   TAJ GALLERY - CATEGORY ROW HOVER RESTORE
   ========================================================= */

@media (max-width: 1024px) {

    /* کل ردیف هنگام Hover */
    .mobile-nav
    .taj-cat-tab-v6:hover {
        background: #faf5fd !important;
        color: #a45dcf !important;
    }


    /* نوشته هم بنفش شود */
    .mobile-nav
    .taj-cat-tab-v6:hover
    .taj-cat-tab-label-v6 {
        color: #a45dcf !important;
    }


    /* فلش همزمان با کل ردیف */
    .mobile-nav
    .taj-cat-tab-v6:hover
    .taj-cat-tab-arrow-v6 {
        background: #f4e8fb !important;
        border-color: #dcbcf0 !important;
    }

    .mobile-nav
    .taj-cat-tab-v6:hover
    .taj-cat-tab-arrow-v6::before {
        border-color: #b66fe2 !important;
    }


    /* Active همیشه مشخص بماند */
    .mobile-nav
    .taj-cat-tab-v6.is-active {
        background: #ffffff !important;
        color: #a45dcf !important;
        box-shadow:
            inset -3px 0 0 #b66fe2 !important;
    }

    .mobile-nav
    .taj-cat-tab-v6.is-active
    .taj-cat-tab-label-v6 {
        color: #a45dcf !important;
    }


    /* Active + Hover کمی یاسی شود */
    .mobile-nav
    .taj-cat-tab-v6.is-active:hover {
        background: #faf5fd !important;
    }

}
/* =========================================================
   TAJ GALLERY - SUBCATEGORY HOVER FIX
   ========================================================= */

@media (max-width: 1024px) {

    /* همه زیرمجموعه‌ها */
    .mobile-nav
    .taj-cat-panel-v6
    .taj-cat-sub-v6:hover {
        background: #faf5fd !important;
        color: #a45dcf !important;
    }


    /* زیرمجموعه‌های سطح سوم */
    .mobile-nav
    .taj-cat-panel-v6
    .taj-cat-child-v6:hover {
        background: #faf5fd !important;
        color: #a45dcf !important;
    }


    /* عنوان گروه‌هایی که خودشان زیرمجموعه دارند */
    .mobile-nav
    .taj-cat-panel-v6
    .taj-cat-group-title-v6:hover {
        background: #faf5fd !important;
        color: #a45dcf !important;
    }


    /* حالت کلیک روی موبایل */
    .mobile-nav
    .taj-cat-panel-v6
    .taj-cat-sub-v6:active {
        background: #f7eefc !important;
        color: #a45dcf !important;
    }

}
}