/*
Theme Name: WoodMart Child
Template: woodmart
Version: 1.0.0
*/


/* ==========================================================================
   HIRAD KALA — WOODMART APPLE GLASS DESIGN SYSTEM
   Version: 1.0.0
   Scope:
   - Product page
   - Cart
   - Checkout
   - My Account
   - Search / AJAX search
   - Mobile menu
   - Mini cart
   - Login / Register popup
   - Quick View
   - Wishlist
   - Compare
   - Notices, forms, buttons, tables
   ========================================================================== */

/*شروع تمام تغییرات برای صفحه های محصول و چک اوت و فرم واریز مودال سبد و هدر سایت میباشد------------------------------------------------------------*/

/* ==========================================================================
   0. DESIGN TOKENS
   ========================================================================== */

:root {
    --hirad-orange: #ff6703;
    --hirad-orange-2: #ff7a18;
    --hirad-orange-dark: #f45700;

    --hirad-text: #252525;
    --hirad-muted: #666;
    --hirad-line: rgba(20, 25, 35, 0.08);

    --hirad-glass-bg:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(255, 255, 255, 0.56) 48%,
            rgba(247, 248, 251, 0.44) 100%
        );

    --hirad-glass-bg-strong: rgba(255, 255, 255, 0.88);
    --hirad-glass-bg-soft: rgba(255, 255, 255, 0.56);

    --hirad-glass-border: rgba(255, 255, 255, 0.96);

    --hirad-glass-shadow:
        0 18px 45px rgba(20, 25, 35, 0.08),
        0 4px 12px rgba(20, 25, 35, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(255, 255, 255, 0.34);

    --hirad-glass-shadow-hover:
        0 25px 60px rgba(20, 25, 35, 0.11),
        0 7px 20px rgba(20, 25, 35, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(255, 255, 255, 0.42);

    --hirad-radius: 24px;
    --hirad-radius-md: 18px;
    --hirad-radius-sm: 13px;

    --hirad-blur: blur(24px) saturate(165%);
    --hirad-blur-md: blur(16px) saturate(150%);

    --hirad-glass-fallback: rgba(255, 255, 255, 0.94);
    --hirad-highlight: radial-gradient(
        circle at 85% 0%,
        rgba(255, 255, 255, 0.86) 0%,
        rgba(255, 255, 255, 0.18) 34%,
        rgba(255, 255, 255, 0) 65%
    );
}


/* ==========================================================================
   1. GLOBAL HELPERS
   ========================================================================== */

.hirad-glass,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.wd-search-form,
.wd-search-full-screen .searchform,
.wd-dropdown-results,
.wd-login-side,
.quick-view,
.wd-quick-view,
.wd-wishlist-content,
.wd-compare-table {
    position: relative;
    isolation: isolate;

    background: var(--hirad-glass-bg) !important;
    border: 1px solid var(--hirad-glass-border) !important;
    border-radius: var(--hirad-radius) !important;

    -webkit-backdrop-filter: var(--hirad-blur);
    backdrop-filter: var(--hirad-blur);

    box-shadow: var(--hirad-glass-shadow) !important;
}


/* subtle highlight layer */
.hirad-glass::before,
.woocommerce-cart-form::before,
.cart_totals::before,
.woocommerce-checkout-review-order::before,
.woocommerce-MyAccount-navigation::before,
.woocommerce-MyAccount-content::before,
.wd-login-side::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;

    background: var(--hirad-highlight);
}


/* ==========================================================================
   2. BUTTONS — CORRECTED & UNIFIED
   HiradKala Apple Glass Button System
   ========================================================================== */

/* ==========================================================================
   HEADER INNER BUTTONS
   فقط استایل المان داخلی — بدون تغییر Wrapper یا لینک
   ========================================================================== */


/* ----------------------------------------------------------
   دکمه داخلی «همه محصولات»
   Target:
   .wd-header-sticky-nav .wd-tools-inner
   ---------------------------------------------------------- */

.wd-header-sticky-nav .wd-tools-inner {
    min-height: 44px;
    padding: 10px 18px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--hirad-orange-2) 0%,
            var(--hirad-orange) 52%,
            var(--hirad-orange-dark) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    border-radius: var(--hirad-radius-sm) !important;

    box-shadow:
        0 10px 22px rgba(255, 103, 3, 0.22),
        0 3px 8px rgba(255, 103, 3, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.32),
        inset 0 -1px 0 rgba(180, 65, 0, 0.12) !important;

    transition:
        box-shadow 240ms ease-out,
        filter 240ms ease-out,
        border-color 240ms ease-out !important;
}


/* متن همه محصولات */
.wd-header-sticky-nav .wd-tools-inner .wd-tools-text {
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* آیکون همه محصولات */
.wd-header-sticky-nav .wd-tools-inner .wd-tools-icon,
.wd-header-sticky-nav .wd-tools-inner .wd-tools-icon::before,
.wd-header-sticky-nav .wd-tools-inner .wd-tools-icon::after {
    color: #ffffff !important;
}


/* هاور فقط روی المان داخلی */
@media (hover: hover) {

    .wd-header-sticky-nav > a:hover .wd-tools-inner {
        filter: brightness(1.045);

        border-color: rgba(255, 255, 255, 0.46) !important;

        box-shadow:
            0 14px 28px rgba(255, 103, 3, 0.30),
            0 5px 12px rgba(255, 103, 3, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.38),
            inset 0 -1px 0 rgba(180, 65, 0, 0.10) !important;
    }
}


/* ----------------------------------------------------------
   دکمه داخلی سبد خرید هدر
   فقط دسکتاپ
   Target:
   .wd-header-cart .wd-tools-icon
   ---------------------------------------------------------- */

@media (min-width: 1025px) {

    .wd-header-cart.cart-widget-opener .wd-tools-icon {
        min-height: 44px;
        min-width: 44px;
        padding: 10px !important;

        color: #ffffff !important;

        background:
            linear-gradient(
                135deg,
                var(--hirad-orange-2) 0%,
                var(--hirad-orange) 52%,
                var(--hirad-orange-dark) 100%
            ) !important;

        border: 1px solid rgba(255, 255, 255, 0.30) !important;
        border-radius: var(--hirad-radius-sm) !important;

        box-shadow:
            0 10px 22px rgba(255, 103, 3, 0.22),
            0 3px 8px rgba(255, 103, 3, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.32),
            inset 0 -1px 0 rgba(180, 65, 0, 0.12) !important;

        transition:
            box-shadow 240ms ease-out,
            filter 240ms ease-out,
            border-color 240ms ease-out !important;
    }


    /* خود آیکون سبد خرید */
    .wd-header-cart.cart-widget-opener .wd-tools-icon::before,
    .wd-header-cart.cart-widget-opener .wd-tools-icon::after {
        color: #ffffff !important;
    }


    /* شمارنده سبد خرید */
    .wd-header-cart.cart-widget-opener .wd-cart-number {
        color: var(--hirad-orange) !important;
        background: rgba(255, 255, 255, 0.96) !important;

        border: 1px solid rgba(255, 255, 255, 1) !important;

        box-shadow:
            0 4px 10px rgba(20, 25, 35, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 1) !important;

        font-weight: 800 !important;
    }


    /* مخفی کردن متن item فقط در دسکتاپ */
    .wd-header-cart.cart-widget-opener .wd-cart-number span {
        display: none !important;
    }
}


/* هاور فقط در دسکتاپ و دستگاه دارای ماوس */
@media (min-width: 1025px) and (hover: hover) {

    .wd-header-cart.cart-widget-opener > a:hover .wd-tools-icon {
        filter: brightness(1.045);

        border-color: rgba(255, 255, 255, 0.46) !important;

        box-shadow:
            0 14px 28px rgba(255, 103, 3, 0.30),
            0 5px 12px rgba(255, 103, 3, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.38),
            inset 0 -1px 0 rgba(180, 65, 0, 0.10) !important;
    }
}
/* --------------------------------------------------------------------------
   PRIMARY BUTTONS
   -------------------------------------------------------------------------- */

.single_add_to_cart_button,
.checkout-button,
#place_order,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.woocommerce-Button,
.woocommerce-button,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
button[name="apply_coupon"],
button[name="update_cart"],
.form-submit .submit,
.wd-search-form button,
.wd-search-full-screen button,
.wd-search-full-screen .searchsubmit,
.wd-search-form .searchsubmit,
.wd-login-side .button,
.login-form-side .button,
.quick-view .single_add_to_cart_button,
.wd-quick-view .single_add_to_cart_button,
.product-quick-view .single_add_to_cart_button,
.cart-widget-side .woocommerce-mini-cart__buttons .button,
.wd-cart-side .woocommerce-mini-cart__buttons .button {
    min-height: 44px;
    padding: 11px 22px !important;

    color: #ffffff !important;
    font-weight: 700 !important;
    line-height: 1.4;
    text-decoration: none !important;

    background:
        linear-gradient(
            135deg,
            var(--hirad-orange-2) 0%,
            var(--hirad-orange) 52%,
            var(--hirad-orange-dark) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    border-radius: var(--hirad-radius-sm) !important;

    box-shadow:
        0 10px 22px rgba(255, 103, 3, 0.22),
        0 3px 8px rgba(255, 103, 3, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.32),
        inset 0 -1px 0 rgba(180, 65, 0, 0.12) !important;

    text-shadow: 0 1px 1px rgba(120, 40, 0, 0.10);

    transition:
        transform 240ms ease-out,
        box-shadow 240ms ease-out,
        filter 240ms ease-out,
        border-color 240ms ease-out,
        background 240ms ease-out !important;
}


/* هاور فقط برای دستگاه‌هایی که ماوس واقعی دارند */
@media (hover: hover) {

    .single_add_to_cart_button:hover,
    .checkout-button:hover,
    #place_order:hover,
    .woocommerce-form-login__submit:hover,
    .woocommerce-form-register__submit:hover,
    .woocommerce-Button:hover,
    .woocommerce-button:hover,
    .woocommerce .button.alt:hover,
    .woocommerce a.button.alt:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce input.button.alt:hover,
    button[name="apply_coupon"]:hover,
    button[name="update_cart"]:hover,
    .form-submit .submit:hover,
    .wd-search-form button:hover,
    .wd-search-full-screen button:hover,
    .wd-search-full-screen .searchsubmit:hover,
    .wd-search-form .searchsubmit:hover,
    .wd-login-side .button:hover,
    .login-form-side .button:hover,
    .quick-view .single_add_to_cart_button:hover,
    .wd-quick-view .single_add_to_cart_button:hover,
    .product-quick-view .single_add_to_cart_button:hover,
    .cart-widget-side .woocommerce-mini-cart__buttons .button:hover,
    .wd-cart-side .woocommerce-mini-cart__buttons .button:hover {
        color: #ffffff !important;

        transform: translateY(-2px);
        filter: brightness(1.045);

        border-color: rgba(255, 255, 255, 0.46) !important;

        box-shadow:
            0 14px 28px rgba(255, 103, 3, 0.30),
            0 5px 12px rgba(255, 103, 3, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.38),
            inset 0 -1px 0 rgba(180, 65, 0, 0.10) !important;
    }
}


/* حالت کلیک */
.single_add_to_cart_button:active,
.checkout-button:active,
#place_order:active,
.woocommerce-form-login__submit:active,
.woocommerce-form-register__submit:active,
.woocommerce-Button:active,
.woocommerce-button:active,
.woocommerce .button.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
button[name="apply_coupon"]:active,
button[name="update_cart"]:active,
.form-submit .submit:active,
.wd-search-form button:active,
.wd-search-full-screen button:active,
.wd-login-side .button:active,
.login-form-side .button:active,
.cart-widget-side .woocommerce-mini-cart__buttons .button:active,
.wd-cart-side .woocommerce-mini-cart__buttons .button:active {
    transform: translateY(0);
    filter: brightness(0.98);

    box-shadow:
        0 6px 14px rgba(255, 103, 3, 0.20),
        inset 0 2px 4px rgba(150, 45, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


/* فوکوس کیبورد */
.single_add_to_cart_button:focus-visible,
.checkout-button:focus-visible,
#place_order:focus-visible,
.woocommerce-form-login__submit:focus-visible,
.woocommerce-form-register__submit:focus-visible,
.woocommerce-Button:focus-visible,
.woocommerce-button:focus-visible,
button[name="apply_coupon"]:focus-visible,
button[name="update_cart"]:focus-visible,
.form-submit .submit:focus-visible,
.wd-search-form button:focus-visible,
.wd-search-full-screen button:focus-visible,
.wd-login-side .button:focus-visible,
.login-form-side .button:focus-visible {
    outline: none !important;

    box-shadow:
        0 0 0 4px rgba(255, 103, 3, 0.14),
        0 12px 26px rgba(255, 103, 3, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}


/* حالت غیرفعال */
.single_add_to_cart_button:disabled,
.single_add_to_cart_button.disabled,
#place_order:disabled,
#place_order.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button.disabled,
button[name="update_cart"]:disabled {
    color: rgba(255, 255, 255, 0.86) !important;

    background:
        linear-gradient(
            135deg,
            #ffad78 0%,
            #ff9557 52%,
            #ef8243 100%
        ) !important;

    box-shadow:
        0 5px 12px rgba(255, 103, 3, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;

    filter: saturate(0.72);
    opacity: 0.68;
}


/* --------------------------------------------------------------------------
   SECONDARY GLASS BUTTONS
   -------------------------------------------------------------------------- */

.woocommerce-MyAccount-navigation-link a,
.wd-nav-tabs .wd-nav-link,
.woocommerce .button:not(.alt):not(.checkout-button):not(.single_add_to_cart_button),
.woocommerce a.button:not(.alt):not(.checkout-button),
.woocommerce button.button:not(.alt):not(.single_add_to_cart_button),
.woocommerce input.button:not(.alt),
.wd-action-btn > a,
.wd-action-btn > button {
    color: var(--hirad-text) !important;
    font-weight: 650 !important;
    text-decoration: none !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(255, 255, 255, 0.58) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.94) !important;
    border-radius: var(--hirad-radius-sm) !important;

    box-shadow:
        0 7px 18px rgba(20, 25, 35, 0.06),
        0 2px 6px rgba(20, 25, 35, 0.025),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(20, 25, 35, 0.025) !important;

    transition:
        transform 240ms ease-out,
        color 240ms ease-out,
        background 240ms ease-out,
        border-color 240ms ease-out,
        box-shadow 240ms ease-out !important;
}


@media (hover: hover) {

    .woocommerce-MyAccount-navigation-link a:hover,
    .wd-nav-tabs .wd-nav-link:hover,
    .woocommerce .button:not(.alt):not(.checkout-button):not(.single_add_to_cart_button):hover,
    .woocommerce a.button:not(.alt):not(.checkout-button):hover,
    .woocommerce button.button:not(.alt):not(.single_add_to_cart_button):hover,
    .woocommerce input.button:not(.alt):hover,
    .wd-action-btn > a:hover,
    .wd-action-btn > button:hover {
        color: var(--hirad-orange) !important;

        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.96) 0%,
                rgba(255, 250, 246, 0.78) 100%
            ) !important;

        border-color: rgba(255, 103, 3, 0.20) !important;

        box-shadow:
            0 11px 24px rgba(20, 25, 35, 0.08),
            0 3px 8px rgba(255, 103, 3, 0.06),
            inset 0 1px 0 rgba(255, 255, 255, 1) !important;

        transform: translateY(-1px);
    }
}


/* --------------------------------------------------------------------------
   MY ACCOUNT ACTIVE ITEM
   -------------------------------------------------------------------------- */

.woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--hirad-orange) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(255, 103, 3, 0.08) 100%
        ) !important;

    border-color: rgba(255, 103, 3, 0.22) !important;

    box-shadow:
        0 8px 20px rgba(255, 103, 3, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}


/* --------------------------------------------------------------------------
   MOBILE — LIGHTER SHADOWS
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {

    .single_add_to_cart_button,
    .checkout-button,
    #place_order,
    .woocommerce-form-login__submit,
    .woocommerce-form-register__submit,
    .woocommerce-Button,
    .woocommerce-button,
    .woocommerce .button.alt,
    button[name="apply_coupon"],
    button[name="update_cart"],
    .form-submit .submit,
    .wd-search-form button,
    .wd-search-full-screen button,
    .wd-login-side .button,
    .login-form-side .button,
    .cart-widget-side .woocommerce-mini-cart__buttons .button,
    .wd-cart-side .woocommerce-mini-cart__buttons .button {
        min-height: 43px;
        padding: 10px 18px !important;

        box-shadow:
            0 7px 16px rgba(255, 103, 3, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
    }
}





/* ==========================================================
   MINI CART FOOTER BUTTONS
   Override
========================================================== */

.shopping-cart-widget-footer .woocommerce-mini-cart__buttons .button,
.shopping-cart-widget-footer .woocommerce-mini-cart__buttons .button.checkout,
.shopping-cart-widget-footer .woocommerce-mini-cart__buttons .btn,
.shopping-cart-widget-footer .woocommerce-mini-cart__buttons .btn-cart {

    color:#fff !important;
    font-weight:700 !important;

    background:
        linear-gradient(
            135deg,
            var(--hirad-orange-2) 0%,
            var(--hirad-orange) 52%,
            var(--hirad-orange-dark) 100%
        ) !important;

    border:1px solid rgba(255,255,255,.28) !important;

    border-radius:13px !important;

    box-shadow:
        0 10px 22px rgba(255,103,3,.22),
        inset 0 1px 0 rgba(255,255,255,.32) !important;
}


@media (hover:hover){

.shopping-cart-widget-footer .woocommerce-mini-cart__buttons .button:hover,
.shopping-cart-widget-footer .woocommerce-mini-cart__buttons .button.checkout:hover,
.shopping-cart-widget-footer .woocommerce-mini-cart__buttons .btn:hover,
.shopping-cart-widget-footer .woocommerce-mini-cart__buttons .btn-cart:hover{

    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            #ff8b36 0%,
            var(--hirad-orange) 55%,
            #ef5500 100%
        ) !important;

    box-shadow:
        0 14px 28px rgba(255,103,3,.30),
        inset 0 1px 0 rgba(255,255,255,.36) !important;
}

}
/* ==========================================================================
   3. FORMS
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
select,
textarea,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: rgba(255, 255, 255, 0.66) !important;
    border: 1px solid rgba(20, 25, 35, 0.09) !important;
    border-radius: var(--hirad-radius-sm) !important;

    box-shadow:
        inset 0 1px 3px rgba(20, 25, 35, 0.025),
        0 5px 14px rgba(20, 25, 35, 0.03) !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background-color 0.25s ease;
}

input:focus,
select:focus,
textarea:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    background: rgba(255, 255, 255, 0.90) !important;
    border-color: rgba(255, 103, 3, 0.55) !important;

    box-shadow:
        0 0 0 4px rgba(255, 103, 3, 0.08),
        0 7px 20px rgba(20, 25, 35, 0.05) !important;
}


/* ==========================================================================
   4. WOOCOMMERCE NOTICES
   ========================================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wd-notice:not(.wd-popup):not([class*="popup-added"]),
.wd-added-to-cart:not(.wd-popup):not([class*="popup-added"]) {
    padding: 16px 18px !important;
    background: rgba(255, 255, 255, 0.74) !important;
    border: 1px solid rgba(255, 255, 255, 0.94) !important;
    border-radius: var(--hirad-radius-sm) !important;

    -webkit-backdrop-filter: var(--hirad-blur-md);
    backdrop-filter: var(--hirad-blur-md);

    box-shadow:
        0 10px 24px rgba(20, 25, 35, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}


/* ==========================================================================
   5. PRODUCT PAGE
   ========================================================================== */

.single-product {
    --hirad-product-gap: 24px;
}


/* main glass cards */
.single-product .wd-1c4cecd4,
.single-product .woocommerce-product-gallery,
.single-product .wd-single-tabs > .woocommerce-tabs {
    position: relative;
    isolation: isolate;

    background: var(--hirad-glass-bg) !important;
    border: 1px solid var(--hirad-glass-border) !important;
    border-radius: var(--hirad-radius) !important;

    -webkit-backdrop-filter: var(--hirad-blur);
    backdrop-filter: var(--hirad-blur);

    box-shadow: var(--hirad-glass-shadow) !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

@media (hover: hover) {
    .single-product .wd-1c4cecd4:hover,
    .single-product .woocommerce-product-gallery:hover,
    .single-product .wd-single-tabs > .woocommerce-tabs:hover {
        transform: translateY(-3px);
        border-color: rgba(255, 255, 255, 1) !important;
        box-shadow: var(--hirad-glass-shadow-hover) !important;
    }
}


/* purchase card */
.single-product .wd-1c4cecd4 {
    overflow: hidden;
    padding: 28px !important;
}

.single-product .wd-1c4cecd4::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -45%;
    right: -20%;
    width: 80%;
    height: 85%;
    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.34) 38%,
        rgba(255, 255, 255, 0) 72%
    );

    pointer-events: none;
}

.single-product .wd-1c4cecd4::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -80px;
    bottom: -90px;
    width: 210px;
    height: 210px;
    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(255, 103, 3, 0.13) 0%,
        rgba(255, 103, 3, 0.04) 46%,
        rgba(255, 103, 3, 0) 72%
    );

    filter: blur(10px);
    pointer-events: none;
}


/* variations */
.single-product .wd-1c4cecd4 table.variations {
    margin-bottom: 18px;
}

.single-product .wd-1c4cecd4 table.variations th,
.single-product .wd-1c4cecd4 table.variations td {
    background: transparent !important;
    border: 0 !important;
}

.single-product .wd-1c4cecd4 .variations .label label {
    color: var(--hirad-text);
    font-weight: 700;
}

.single-product .wd-1c4cecd4 .wd-attr-selected {
    color: #555;
}

.single-product .wd-1c4cecd4 .wd-swatch.wd-text {
    min-height: 38px;
    padding: 8px 16px;

    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(30, 30, 30, 0.08) !important;
    border-radius: 12px !important;

    box-shadow:
        0 4px 12px rgba(20, 25, 35, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.single-product .wd-1c4cecd4 .wd-swatch.wd-text.wd-active {
    color: var(--hirad-orange) !important;
    background: rgba(255, 103, 3, 0.07) !important;
    border-color: rgba(255, 103, 3, 0.55) !important;

    box-shadow:
        0 5px 15px rgba(255, 103, 3, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}


/* custom color swatches */
.single-product .hirad-color-box {
    margin: 18px 0 20px;
}

.single-product .hirad-color-box > strong {
    display: block;
    margin-bottom: 14px;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 700;
}

.single-product .hirad-swatches {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(60px, 1fr));
    gap: 14px 10px !important;
    margin-top: 0 !important;
}

.single-product .hirad-swatches label {
    width: auto !important;
    min-width: 0;
    cursor: pointer;
    text-align: center;
    transition: transform 0.25s ease;
}

.single-product .hirad-swatches input {
    display: none;
}

.single-product .hirad-swatches img {
    display: block;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto;
    object-fit: cover;

    background: rgba(255, 255, 255, 0.70) !important;
    border: 1px solid rgba(20, 25, 35, 0.10) !important;
    border-radius: 14px !important;

    box-shadow:
        0 7px 16px rgba(20, 25, 35, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.single-product .hirad-swatches span {
    display: block;
    margin-top: 7px !important;
    color: #444;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

@media (hover: hover) {
    .single-product .hirad-swatches label:hover {
        transform: translateY(-3px);
    }

    .single-product .hirad-swatches label:hover img {
        border-color: rgba(255, 103, 3, 0.45) !important;
        box-shadow:
            0 10px 22px rgba(20, 25, 35, 0.10),
            0 0 0 3px rgba(255, 103, 3, 0.08);
    }

    .single-product .hirad-swatches label:hover span {
        color: var(--hirad-orange);
    }
}

.single-product .hirad-swatches input:checked + img {
    transform: translateY(-2px) scale(1.04);
    border: 2px solid var(--hirad-orange) !important;

    box-shadow:
        0 10px 22px rgba(255, 103, 3, 0.16),
        0 0 0 4px rgba(255, 103, 3, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.single-product .hirad-swatches input:checked + img + span {
    color: var(--hirad-orange);
    font-weight: 700;
}


/* quantity */
.single-product .quantity {
    overflow: hidden;
    height: 46px;
    background: rgba(255, 255, 255, 0.64) !important;
    border: 1px solid rgba(20, 25, 35, 0.10) !important;
    border-radius: var(--hirad-radius-sm) !important;

    box-shadow:
        0 5px 15px rgba(20, 25, 35, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.single-product .quantity input {
    height: 44px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* product gallery */
.single-product .woocommerce-product-gallery {
    overflow: visible !important;
    padding: 10px !important;
}

.single-product .woocommerce-product-gallery .wd-gallery-images {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.54);
    border: 1px solid rgba(255, 255, 255, 0.90);
    border-radius: 18px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 6px 18px rgba(20, 25, 35, 0.04);
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg),
.single-product .woocommerce-product-gallery img.zoomImg {
    border-radius: 17px !important;
}

.single-product .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item {
    overflow: hidden;
    padding: 4px;
    background: rgba(255, 255, 255, 0.54);
    border: 1px solid rgba(20, 25, 35, 0.07);
    border-radius: 13px;
    opacity: 0.72;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.single-product .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img {
    border-radius: 9px !important;
}

.single-product .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.wd-thumb-active {
    opacity: 1;
    border-color: rgba(255, 103, 3, 0.65);

    box-shadow:
        0 8px 18px rgba(255, 103, 3, 0.12),
        0 0 0 3px rgba(255, 103, 3, 0.08);
}

.single-product .woocommerce-product-gallery .wd-btn-arrow,
.single-product .woocommerce-product-gallery .wd-show-product-gallery-wrap a {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.95);
    border-radius: 50% !important;

    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);

    box-shadow:
        0 7px 20px rgba(20, 25, 35, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}


/* product tabs */
.single-product .wd-single-tabs {
    margin-top: 45px;
}

.single-product .wd-single-tabs > .woocommerce-tabs {
    overflow: hidden;
    padding: 26px 30px !important;
}

.single-product .wd-single-tabs .wd-nav-tabs-wrapper {
    margin-bottom: 28px;
    padding: 6px;
    background: rgba(255, 255, 255, 0.52);
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 16px;

    box-shadow:
        0 6px 18px rgba(20, 25, 35, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.single-product .wd-single-tabs .wd-nav-tabs {
    border: 0 !important;
}

.single-product .wd-single-tabs .wd-nav-tabs > li {
    margin: 0 3px !important;
}

.single-product .wd-single-tabs .wd-nav-tabs .wd-nav-link {
    padding: 11px 20px !important;
    color: #555 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
}

.single-product .wd-single-tabs .wd-nav-tabs > li.active .wd-nav-link {
    color: var(--hirad-orange) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(255, 103, 3, 0.22) !important;

    box-shadow:
        0 7px 18px rgba(20, 25, 35, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

.single-product .wd-single-tabs .wd-nav-tabs .wd-nav-link::after {
    display: none !important;
}

.single-product .wd-single-tabs .woocommerce-Tabs-panel {
    padding: 8px 4px 4px !important;
    color: #444;
    line-height: 2;
}


/* attributes table */
.single-product .wd-single-tabs .shop_attributes {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 16px;

    box-shadow:
        0 8px 22px rgba(20, 25, 35, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.single-product .wd-single-tabs .shop_attributes tr {
    background: rgba(255, 255, 255, 0.35) !important;
}

.single-product .wd-single-tabs .shop_attributes tr:nth-child(even) {
    background: rgba(247, 248, 250, 0.52) !important;
}

.single-product .wd-single-tabs .shop_attributes th,
.single-product .wd-single-tabs .shop_attributes td {
    padding: 14px 18px !important;
    border-color: rgba(20, 25, 35, 0.06) !important;
}


/* reviews */
.single-product #tab-reviews .woocommerce-Reviews {
    gap: 24px;
}

.single-product #tab-reviews #comments,
.single-product #tab-reviews #review_form_wrapper {
    padding: 24px !important;
    background: rgba(255, 255, 255, 0.48);
    border: 1px solid rgba(255, 255, 255, 0.94);
    border-radius: 18px;

    box-shadow:
        0 10px 28px rgba(20, 25, 35, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.single-product #tab-reviews .commentlist > li {
    padding: 18px !important;
    background: rgba(255, 255, 255, 0.52);
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(20, 25, 35, 0.04);
}

.single-product #tab-reviews p.stars a {
    color: var(--hirad-orange) !important;
}


/* ==========================================================================
   6. CART
   ========================================================================== */

.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart_totals {
    padding: 24px !important;
    overflow: hidden;
}

.woocommerce-cart table.shop_table {
    background: transparent !important;
    border: 0 !important;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
    border-color: rgba(20, 25, 35, 0.07) !important;
}

.woocommerce-cart .cart_item {
    background: rgba(255, 255, 255, 0.34);
}

.woocommerce-cart .cart_item:nth-child(even) {
    background: rgba(247, 248, 250, 0.42);
}

.woocommerce-cart .product-thumbnail img {
    border-radius: 12px !important;
    box-shadow: 0 6px 16px rgba(20,25,35,.07);
}

.woocommerce-cart .coupon {
    padding: 14px;
    background: rgba(255,255,255,.44);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 14px;
}


/* ==========================================================================
   7. CHECKOUT
   ========================================================================== */

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: 24px !important;
    margin-bottom: 24px;
    overflow: hidden;

    background: var(--hirad-glass-bg) !important;
    border: 1px solid var(--hirad-glass-border) !important;
    border-radius: var(--hirad-radius) !important;

    -webkit-backdrop-filter: var(--hirad-blur);
    backdrop-filter: var(--hirad-blur);

    box-shadow: var(--hirad-glass-shadow) !important;
}

.woocommerce-checkout-review-order-table {
    background: transparent !important;
    border: 0 !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border-color: rgba(20,25,35,.07) !important;
}

.woocommerce-checkout-payment {
    background: rgba(255,255,255,.52) !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 16px !important;
    padding: 16px !important;
}

.woocommerce-checkout-payment .payment_box {
    background: rgba(255,255,255,.56) !important;
    border: 1px solid rgba(20,25,35,.06);
    border-radius: 12px !important;
}


/* ==========================================================================
   8. MY ACCOUNT
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    padding: 22px !important;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: 8px;
    margin: 0;
}

.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 11px 14px !important;
    border-radius: 12px !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--hirad-orange) !important;
    background: rgba(255,103,3,.08) !important;
    border-color: rgba(255,103,3,.22) !important;
}

.woocommerce-account table.shop_table {
    background: transparent !important;
    border: 0 !important;
}


/* ==========================================================================
   9. SEARCH / AJAX SEARCH
   ========================================================================== */

.wd-search-full-screen,
.wd-search-form,
.wd-dropdown-results {
    border-radius: var(--hirad-radius) !important;
}

.wd-search-full-screen .searchform,
.wd-search-form {
    padding: 12px !important;
}

.wd-dropdown-results {
    margin-top: 10px;
    overflow: hidden;
}

.wd-dropdown-results .autocomplete-suggestion {
    padding: 12px !important;
    background: rgba(255,255,255,.34);
    border-bottom: 1px solid rgba(20,25,35,.06);
}

.wd-dropdown-results .autocomplete-suggestion:hover {
    background: rgba(255,103,3,.06) !important;
}

.wd-dropdown-results img {
    border-radius: 10px !important;
}


/* ==========================================================================
   10. MOBILE MENU / SIDE PANELS
   ========================================================================== */

.mobile-nav,
.wd-nav-mobile,
.wd-menu-mobile {
    border-radius: 0 !important;
}



.mobile-nav .wd-nav-mobile > li > a {
    margin-bottom: 6px;
    padding: 11px 13px !important;
    background: rgba(255,255,255,.48);
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 12px;
}

.mobile-nav .wd-nav-mobile > li.current-menu-item > a {
    color: var(--hirad-orange) !important;
    background: rgba(255,103,3,.07) !important;
    border-color: rgba(255,103,3,.18) !important;
}

/* ==========================================================================
   12. LOGIN / REGISTER
   ========================================================================== */

.wd-login-side,
.login-form-side,
.woocommerce-form-login,
.woocommerce-form-register {
    padding: 22px !important;
}

.woocommerce-form-login,
.woocommerce-form-register {
    background: rgba(255,255,255,.48);
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(20,25,35,.05);
}


/* ==========================================================================
   13. QUICK VIEW
   ========================================================================== */

.quick-view,
.wd-quick-view,
.product-quick-view {
    padding: 18px !important;
    overflow: hidden;
}

.quick-view .product-image-wrap,
.wd-quick-view .product-image-wrap,
.product-quick-view .product-image-wrap {
    border-radius: 18px;
    overflow: hidden;
}

.quick-view img,
.wd-quick-view img,
.product-quick-view img {
    border-radius: 16px !important;
}


/* ==========================================================================
   14. WISHLIST / COMPARE
   ========================================================================== */

.wd-wishlist-content,
.wd-compare-table,
.wishlist_table {
    padding: 18px !important;
    overflow: hidden;
}

.wd-wishlist-content .product-grid-item,
.wishlist_table tr,
.wd-compare-table .compare-field {
    background: rgba(255,255,255,.36) !important;
    border-color: rgba(20,25,35,.06) !important;
}

.wishlist_table img,
.wd-compare-table img {
    border-radius: 12px !important;
}


/* ==========================================================================
   15. TABLES
   ========================================================================== */

.shop_table,
.woocommerce-table {
    border-radius: 14px;
    overflow: hidden;
}

.shop_table th,
.shop_table td,
.woocommerce-table th,
.woocommerce-table td {
    border-color: rgba(20,25,35,.07) !important;
}


/* ==========================================================================
   16. RESPONSIVE — TABLET
   ========================================================================== */

@media (max-width: 1024px) {

    :root {
        --hirad-radius: 20px;
        --hirad-blur: blur(18px) saturate(150%);
    }

    .single-product .wd-1c4cecd4 {
        padding: 22px !important;
    }

    .single-product .hirad-swatches {
        grid-template-columns: repeat(5, minmax(58px, 1fr));
    }

    .single-product .wd-single-tabs > .woocommerce-tabs {
        padding: 22px !important;
    }

    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart_totals,
    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields,
    .woocommerce-checkout .woocommerce-additional-fields,
    .woocommerce-checkout .woocommerce-checkout-review-order,
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px !important;
    }
}


/* ==========================================================================
   17. RESPONSIVE — MOBILE
   Performance-first: blur reduced heavily
   ========================================================================== */

@media (max-width: 767px) {

    :root {
        --hirad-radius: 18px;
        --hirad-blur: blur(8px) saturate(125%);
        --hirad-glass-shadow:
            0 12px 30px rgba(20, 25, 35, 0.07),
            inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }

    .single-product .wd-1c4cecd4,
    .single-product .woocommerce-product-gallery,
    .single-product .wd-single-tabs > .woocommerce-tabs,
    .woocommerce-cart-form,
    .cart_totals,
    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields,
    .woocommerce-checkout .woocommerce-additional-fields,
    .woocommerce-checkout .woocommerce-checkout-review-order,
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content,


    .wd-login-side,
    .quick-view,
    .wd-quick-view {
        -webkit-backdrop-filter: var(--hirad-blur);
        backdrop-filter: var(--hirad-blur);
    }

    .single-product .wd-1c4cecd4 {
        padding: 18px 14px !important;
    }

    .single-product .hirad-swatches {
        grid-template-columns: repeat(4, minmax(56px, 1fr));
        gap: 13px 7px !important;
    }

    .single-product .hirad-swatches img {
        width: 58px !important;
        height: 58px !important;
        border-radius: 12px !important;
    }

    .single-product .hirad-swatches span {
        font-size: 10px !important;
    }

    .single-product .woocommerce-variation-add-to-cart {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .single-product .single_add_to_cart_button {
        flex: 1;
    }

    .single-product .woocommerce-product-gallery {
        padding: 7px !important;
    }

    .single-product .wd-single-tabs {
        margin-top: 28px;
    }

    .single-product .wd-single-tabs > .woocommerce-tabs {
        padding: 16px 13px !important;
    }

    .single-product .wd-single-tabs .wd-nav-tabs-wrapper {
        margin-bottom: 20px;
        padding: 5px;
        border-radius: 13px;
    }

    .single-product .wd-single-tabs .wd-nav-tabs .wd-nav-link {
        padding: 9px 12px !important;
        border-radius: 10px;
        font-size: 12px;
    }

    .single-product #tab-reviews #comments,
    .single-product #tab-reviews #review_form_wrapper {
        padding: 17px !important;
        border-radius: 15px;
    }

    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart_totals,
    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields,
    .woocommerce-checkout .woocommerce-additional-fields,
    .woocommerce-checkout .woocommerce-checkout-review-order,
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 16px !important;
    }



    .wd-login-side {
        border-radius: 0 !important;
    }
}


/* very small phones */
@media (max-width: 380px) {
    .single-product .hirad-swatches {
        grid-template-columns: repeat(3, minmax(58px, 1fr));
    }
}


/* ==========================================================================
   18. OPTIONAL LOW-POWER FALLBACK
   Add class "hirad-no-blur" to body to disable blur manually
   ========================================================================== */

body.hirad-no-blur :is(
    .hirad-glass,
    .single-product .wd-1c4cecd4,
    .single-product .woocommerce-product-gallery,
    .single-product .wd-single-tabs > .woocommerce-tabs,
    .woocommerce-cart-form,
    .cart_totals,
    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields,
    .woocommerce-checkout .woocommerce-additional-fields,
    .woocommerce-checkout .woocommerce-checkout-review-order,
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content,


    .wd-login-side,
    .quick-view,
    .wd-quick-view
) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: var(--hirad-glass-fallback) !important;
}

@media (prefers-reduced-transparency: reduce) {
    :is(
        .hirad-glass,
        .single-product .wd-1c4cecd4,
        .single-product .woocommerce-product-gallery,
        .single-product .wd-single-tabs > .woocommerce-tabs,
        .woocommerce-cart-form,
        .cart_totals,
        .woocommerce-checkout .woocommerce-billing-fields,
        .woocommerce-checkout .woocommerce-shipping-fields,
        .woocommerce-checkout .woocommerce-additional-fields,
        .woocommerce-checkout .woocommerce-checkout-review-order,
        .woocommerce-MyAccount-navigation,
        .woocommerce-MyAccount-content,
                .wd-login-side,
        .quick-view,
        .wd-quick-view
    ) {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: var(--hirad-glass-fallback) !important;
    }
}

/* ==========================================================================
   19. WOODMART CART / MINI-CART
   کاملاً تحت کنترل پیش‌فرض WoodMart است.
   در این فایل هیچ position، inset، transform، width، height، overflow،
   z-index، padding، border-radius یا animation روی کانتینر سبد خرید اعمال نشده است.
   ========================================================================== */

/* =========================================================
   WOODMART SIDE CART — GLASS STYLE ONLY
   بدون تغییر پوزیشن، اندازه و انیمیشن
========================================================= */

/* بدنه اصلی پنل سبد خرید */
.cart-widget-side,
.wd-cart-side,
.wd-side-hidden.cart-widget-side,
.wd-header-cart .shopping-cart-widget-side {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.86) 0%,
            rgba(255, 255, 255, 0.62) 50%,
            rgba(247, 248, 251, 0.50) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.92) !important;

    -webkit-backdrop-filter: blur(22px) saturate(155%);
    backdrop-filter: blur(22px) saturate(155%);

    box-shadow:
        -18px 0 45px rgba(20, 25, 35, 0.12),
        inset 1px 0 0 rgba(255, 255, 255, 0.82) !important;
}


/* هدر پنل */
.cart-widget-side .wd-heading,
.wd-cart-side .wd-heading,
.wd-side-hidden.cart-widget-side .wd-heading {
    margin: 12px !important;
    padding: 12px 14px !important;

    background: rgba(255, 255, 255, 0.62) !important;

    border: 1px solid rgba(255, 255, 255, 0.94) !important;
    border-radius: 14px !important;

    box-shadow:
        0 7px 20px rgba(20, 25, 35, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}


/* عنوان سبد خرید */
.cart-widget-side .title,
.wd-cart-side .title,
.cart-widget-side .wd-heading-title,
.wd-cart-side .wd-heading-title {
    color: #252525 !important;
    font-weight: 800 !important;
}


/* دکمه بستن */
.cart-widget-side .wd-close-side,
.wd-cart-side .wd-close-side,
.cart-widget-side .wd-action-btn,
.wd-cart-side .wd-action-btn {
    background: rgba(255, 255, 255, 0.58) !important;

    border: 1px solid rgba(20, 25, 35, 0.07) !important;
    border-radius: 10px !important;

    box-shadow:
        0 5px 14px rgba(20, 25, 35, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}


/* لیست محصولات */
.cart-widget-side .shopping-cart-widget-body,
.wd-cart-side .shopping-cart-widget-body,
.cart-widget-side .widget_shopping_cart_content,
.wd-cart-side .widget_shopping_cart_content {
    background: transparent !important;
}


/* هر محصول داخل سبد */
.cart-widget-side .mini_cart_item,
.wd-cart-side .mini_cart_item,
.cart-widget-side .woocommerce-mini-cart-item,
.wd-cart-side .woocommerce-mini-cart-item {
    margin: 8px 12px !important;
    padding: 12px !important;

    background: rgba(255, 255, 255, 0.50) !important;

    border: 1px solid rgba(255, 255, 255, 0.90) !important;
    border-radius: 14px !important;

    box-shadow:
        0 8px 22px rgba(20, 25, 35, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}


/* تصویر محصول */
.cart-widget-side .mini_cart_item img,
.wd-cart-side .mini_cart_item img,
.cart-widget-side .woocommerce-mini-cart-item img,
.wd-cart-side .woocommerce-mini-cart-item img {
    border-radius: 10px !important;

    box-shadow:
        0 5px 14px rgba(20, 25, 35, 0.08) !important;
}


/* نام محصول */
.cart-widget-side .mini_cart_item a:not(.remove),
.wd-cart-side .mini_cart_item a:not(.remove) {
    color: #2b2b2b !important;
    font-weight: 700 !important;
}


/* دکمه حذف محصول */
.cart-widget-side .remove,
.wd-cart-side .remove {
    color: #666 !important;

    background: rgba(255, 255, 255, 0.62) !important;

    border: 1px solid rgba(20, 25, 35, 0.07) !important;
    border-radius: 50% !important;

    box-shadow:
        0 4px 12px rgba(20, 25, 35, 0.05) !important;
}

.cart-widget-side .remove:hover,
.wd-cart-side .remove:hover {
    color: #ff6703 !important;
    background: rgba(255, 103, 3, 0.08) !important;
}


/* قیمت و تعداد */
.cart-widget-side .quantity,
.wd-cart-side .quantity,
.cart-widget-side .woocommerce-mini-cart-item .quantity,
.wd-cart-side .woocommerce-mini-cart-item .quantity {
    color: #555 !important;
}


/* بخش پایین سبد خرید */
.cart-widget-side .shopping-cart-widget-footer,
.wd-cart-side .shopping-cart-widget-footer,
.cart-widget-side .woocommerce-mini-cart__total,
.wd-cart-side .woocommerce-mini-cart__total {
    margin: 12px !important;
    padding: 14px !important;

    background: rgba(255, 255, 255, 0.54) !important;

    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 14px !important;

    box-shadow:
        0 8px 22px rgba(20, 25, 35, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}


/* مبلغ کل */
.cart-widget-side .woocommerce-mini-cart__total strong,
.wd-cart-side .woocommerce-mini-cart__total strong {
    color: #252525 !important;
}

.cart-widget-side .woocommerce-mini-cart__total .amount,
.wd-cart-side .woocommerce-mini-cart__total .amount {
    color: #ff6703 !important;
    font-weight: 800 !important;
}


/* دکمه‌ها */
.cart-widget-side .woocommerce-mini-cart__buttons,
.wd-cart-side .woocommerce-mini-cart__buttons {
    display: grid !important;
    gap: 10px !important;

    margin: 12px !important;
}


/* مشاهده سبد خرید */
.cart-widget-side .woocommerce-mini-cart__buttons .button,
.wd-cart-side .woocommerce-mini-cart__buttons .button {
    min-height: 44px !important;

    color: #fff !important;
    font-weight: 700 !important;

    background:
        linear-gradient(
            135deg,
            #ff7a18 0%,
            #ff6703 52%,
            #f45700 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 13px !important;

    box-shadow:
        0 10px 22px rgba(255, 103, 3, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
}

.cart-widget-side .woocommerce-mini-cart__buttons .button:hover,
.wd-cart-side .woocommerce-mini-cart__buttons .button:hover {
    transform: translateY(-2px);

    filter: brightness(1.04);

    box-shadow:
        0 14px 28px rgba(255, 103, 3, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}


/* حالت سبد خالی */
.cart-widget-side .woocommerce-mini-cart__empty-message,
.wd-cart-side .woocommerce-mini-cart__empty-message {
    margin: 18px 12px !important;
    padding: 18px !important;

    color: #666 !important;
    text-align: center;

    background: rgba(255, 255, 255, 0.52) !important;

    border: 1px solid rgba(255, 255, 255, 0.90) !important;
    border-radius: 14px !important;
}


/* موبایل — فقط کاهش Blur */
@media (max-width: 767px) {

    .cart-widget-side,
    .wd-cart-side,
    .wd-side-hidden.cart-widget-side,
    .wd-header-cart .shopping-cart-widget-side {
        -webkit-backdrop-filter: blur(8px) saturate(125%);
        backdrop-filter: blur(8px) saturate(125%);
    }
}






/*برای حذف نوشته کنار رنگ محصولات در دکستاپ در قسمت رنگ های انتخابی */
@media (min-width: 768px) {
    .hirad-color-btn span {
        display: none !important;
    }
}


/*
در این قسمت برای انیمیشن هاور در دکستاپ موقع انتخاب رنگ ها است
*/


/* حذف کامل استایل عمومی دکمه وودمارت از رنگ */
.hirad-color-btn,
.hirad-color-btn:hover,
.hirad-color-btn:focus,
.hirad-color-btn:active,
.hirad-color-btn:focus-visible {
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* انیمیشن فقط روی خود تصویر */
.hirad-color-btn img {
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* هاور زیبا فقط روی تصویر */
@media (hover: hover) {
    .hirad-color-btn:hover img {
        transform: translateY(-4px) scale(1.05);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
    }
}

/* حالت رنگ انتخاب شده */
.hirad-color-btn.is-active img {
    border-color: #ff6500 !important;
    box-shadow: 0 0 0 3px rgba(255, 101, 0, 0.22) !important;
}

/* جلوگیری از انتخاب شدن فضای کل دکمه */
.hirad-color-btn.is-active,
.hirad-color-btn.is-active:hover,
.hirad-color-btn.is-active:focus {
    background: transparent !important;
    box-shadow: none !important;
}



/* قیمت داخل Mini Cart دقیقا وسط قرار بگیرد */

.cart-widget-side .quantity,
.wd-cart-side .quantity,
.cart-widget-side .woocommerce-mini-cart-item .quantity,
.wd-cart-side .woocommerce-mini-cart-item .quantity{

    display:flex;
    align-items:center;
    justify-content:center;

    line-height:1.4;
    min-height:100%;

    margin:0 !important;
    padding:0 !important;
}


/* تغییر رنگ متن خطای ووکامرس پیغام رنگ انتخاب نکرده اید */
.wd-wc-notices .woocommerce-error,
.wd-wc-notices .woocommerce-error li {
    color: #000 !important;
}

/* ==========================================================================
   PRODUCT VARIATION RESET BUTTON
   دکمه پاک کردن انتخاب متغیر محصول
   ========================================================================== */

.single-product .wd-reset-var .reset_variations {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 13px !important;

    color: #5f6368 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.88) 0%,
            rgba(255, 255, 255, 0.60) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.96) !important;
    border-radius: 10px !important;

    -webkit-backdrop-filter: blur(10px) saturate(135%);
    backdrop-filter: blur(10px) saturate(135%);

    box-shadow:
        0 6px 16px rgba(20, 25, 35, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;

    transition:
        color 220ms ease-out,
        background 220ms ease-out,
        border-color 220ms ease-out,
        box-shadow 220ms ease-out !important;
}


/* هاور */
@media (hover: hover) {
    .single-product .wd-reset-var .reset_variations:hover {
        color: #ff6703 !important;

        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.98) 0%,
                rgba(255, 246, 240, 0.82) 100%
            ) !important;

        border-color: rgba(255, 103, 3, 0.22) !important;

        box-shadow:
            0 9px 20px rgba(20, 25, 35, 0.08),
            0 0 0 3px rgba(255, 103, 3, 0.07),
            inset 0 1px 0 rgba(255, 255, 255, 1) !important;
    }
}


/* حالت کلیک */
.single-product .wd-reset-var .reset_variations:active {
    box-shadow:
        0 3px 9px rgba(20, 25, 35, 0.05),
        inset 0 2px 4px rgba(20, 25, 35, 0.07) !important;
}



/* ==========================================================================
   MOBILE SEARCH
   حذف شیشه دور فرم جستجو فقط در موبایل
   ========================================================================== */

@media (max-width: 767px) {

    .wd-search-form,
    .wd-search-full-screen .searchform {

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;

        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

}
/*خب تا اینجا پایان تمام تغییرات برای صفحه های محصول و چک اوت و فرم واریز مودال سبد و هدر سایت میباشد------------------------------------------------------------*/












