/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.com/

Template: hello-elementor

Version: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/
/* =====================================
   Mousavi Product Stock Status
===================================== */


.woocommerce-Price-currencySymbol {
    display: inline-block;

    width: 18px;
    height: 18px;

    font-size: 0;

    background-color: #B20A5C;

    -webkit-mask-image: url("https://mousavifood.com/wp-content/uploads/2026/10/Capture.svg");
    mask-image: url("https://mousavifood.com/wp-content/uploads/2026/10/Capture.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    vertical-align: middle;
	margin-top: -4px;
    margin-inline-start: 1px;
}
.woocommerce-Price-amount {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center;
    direction: ltr !important;
    white-space: nowrap;
}

.woocommerce-Price-currencySymbol {
    direction: ltr !important;
}

.title-decorated {
    position: relative;
    display: inline-block;
    text-shadow: 0px 0px 8px #FFFCF8;
}

.title-decorated::before,
.title-decorated::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;

    background-image: url("https://new.mousavifood.com/wp-content/uploads/2026/09/icon-header.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* سمت چپ */
.title-decorated::before {
    left: -35px;
    transform: translateY(-50%);
}

/* سمت راست - Flip افقی */
.title-decorated::after {
    right: -35px;
    transform: translateY(-50%) scaleX(-1);
}
.elementor-icon{
    vertical-align: -webkit-baseline-middle;
}


.mousavi-stock-status {
    width: fit-content;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 5px 10px;

    border-radius: 8px;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .mousavi-stock-status {
    
        gap: 3px;
        padding: 2px 6px;
    
        font-size: 10px;
    }
}


/* نقطه وضعیت */

.mousavi-stock-dot {
    width: 7px;
    height: 7px;

    display: block;

    border-radius: 50%;

    flex: 0 0 7px;
}



/* =====================================
   موجود
===================================== */

.mousavi-stock-status.is-in-stock {
    color: #18794E;

    background: #ECF8F2;

    border: 1px solid #CBEBDD;
}


.mousavi-stock-status.is-in-stock .mousavi-stock-dot {
    background: #22A06B;

    box-shadow:
        0 0 0 3px rgba(34, 160, 107, 0.10);
}



/* =====================================
   ناموجود
===================================== */

.mousavi-stock-status.is-out-of-stock {
    color: #B42318;

    background: #FFF1F0;

    border: 1px solid #FFD5D2;
}


.mousavi-stock-status.is-out-of-stock .mousavi-stock-dot {
    background: #D92D20;

    box-shadow:
        0 0 0 3px rgba(217, 45, 32, 0.10);
}























/* =========================================================
   MOUSAVI - WooCommerce Add To Cart
========================================================= */

.elementor-add-to-cart,
.elementor-add-to-cart form.cart {
    width: 100%;
    margin: 0 !important;
}


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

.elementor-add-to-cart .e-atc-qty-button-holder {
    width: 180px !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 8px !important;

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


/* =========================================================
   QUANTITY
========================================================= */

.elementor-add-to-cart .quantity {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;

    height: 44px !important;

    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    align-items: stretch !important;

    float: none !important;

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

    direction: ltr;

    overflow: hidden;

    background: #fff;

    border: 1px solid #E9E1DD !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;

    box-shadow: 0 2px 8px rgba(9, 41, 75, 0.03);

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.elementor-add-to-cart .quantity:hover {
    border-color: #D9CDD2 !important;
}


.elementor-add-to-cart .quantity:focus-within {
    border-color: #B20A5C !important;

    box-shadow:
        0 0 0 3px rgba(178, 10, 92, .08);
}


/* =========================================================
   INPUT
========================================================= */

.elementor-add-to-cart .quantity .qty {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 5px !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    box-sizing: border-box !important;

    color: #09294B !important;

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

    text-align: center !important;
font-family: "yekanbakh", Sans-serif;
    appearance: textfield;
    -moz-appearance: textfield;
}


.elementor-add-to-cart .quantity input::-webkit-inner-spin-button,
.elementor-add-to-cart .quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* =========================================================
   PLUS / MINUS
========================================================= */

.elementor-add-to-cart .mousavi-qty-btn {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

    height: 100% !important;

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

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

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: #09294B !important;

    font-family: Arial, sans-serif;
    font-size: 18px !important;
    line-height: 1 !important;

    cursor: pointer;

    box-shadow: none !important;

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


.elementor-add-to-cart .mousavi-qty-btn:hover {
    color: #B20A5C !important;
    background: #FFF2F7 !important;
}


.elementor-add-to-cart .mousavi-qty-minus {
    border-right: 1px solid #EEE7E3 !important;
}


.elementor-add-to-cart .mousavi-qty-plus {
    border-left: 1px solid #EEE7E3 !important;
}


/* =========================================================
   ADD TO CART BUTTON
========================================================= */

.elementor-add-to-cart .single_add_to_cart_button {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;

    height: 44px !important;
    min-height: 44px !important;

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

    margin: 0 !important;
    padding: 7px 10px !important;

    border: 1px solid #B20A5C !important;
    border-radius: 10px !important;

    background: #B20A5C !important;

    color: #fff !important;

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

    white-space: nowrap;

    cursor: pointer;

    box-sizing: border-box !important;

    box-shadow:
        0 4px 12px rgba(178, 10, 92, .14);

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


.elementor-add-to-cart .single_add_to_cart_button:hover {
    background: #97074D !important;
    border-color: #97074D !important;

    transform: translateY(-1px);

    box-shadow:
        0 7px 17px rgba(178, 10, 92, .20);
}


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

@media screen and (max-width: 767px) {

    /*
     * کل عرض کارت
     * دو بخش کنار هم
     */
    .elementor-add-to-cart .e-atc-qty-button-holder {
        width: 100% !important;
        max-width: none !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: stretch !important;

        gap: 8px !important;

        direction: rtl !important;
    }


    /*
     * Quantity و Button دقیقاً برابر
     */
    .elementor-add-to-cart .quantity,
    .elementor-add-to-cart .single_add_to_cart_button {
        width: calc(50% - 4px) !important;
        min-width: 0 !important;
        max-width: none !important;

        flex: 0 0 calc(50% - 4px) !important;

        height: 35px !important;
    }


    /* Quantity سمت راست */
    .elementor-add-to-cart .quantity {
        direction: ltr !important;

        grid-template-columns:
            34px
            minmax(0, 1fr)
            34px !important;
    }


    .elementor-add-to-cart .mousavi-qty-btn {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        font-size: 17px !important;
    }


    .elementor-add-to-cart .quantity .qty {
        font-size: 13px !important;
    }


    /* دکمه سمت چپ */
    .elementor-add-to-cart .single_add_to_cart_button {
        min-height: 35px !important;

        padding: 6px !important;

        font-size: 12px !important;

        direction: rtl;
    }

}