/* Morphing دکمه اصلی */
.single_add_to_cart_button,
.elementor .single_add_to_cart_button {
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 1000 !important;
    display: inline-block !important; /* برای flex */
    order: 1 !important; /* دکمه نصف سمت چپ */
}

.single_add_to_cart_button.morphing,
.elementor .single_add_to_cart_button.morphing {
    opacity: 0.8 !important;
    overflow: hidden !important;
}

/* Form به flex برای کنار هم (fix RTL) */
form.cart,
.elementor form.cart {
    display: flex !important; /* flex برای نصف + نصف کنار هم */
    flex-direction: row !important; /* چپ به راست: دکمه -> quantity */
    direction: ltr !important; /* fix RTL: چپ به راست اجباری */
    align-items: center !important;
    gap: 0 !important; /* بدون فاصله */
    overflow: visible !important;
}

/* نصف quantity راست */
.quantity-morph {
    display: none !important;
    background: #7F9B07 !important;
    color: #fff !important;
    border-radius: 25px !important; /* گرد سمت راست */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    font-weight: 600 !important;
    border: 2px solid white;
    order: 2 !important; /* quantity سمت راست */
    margin-left: 10px !important;
}

.quantity-morph.active {
    display: flex !important; /* show با flex */
}

/* + و - */
.qty-minus, 
.qty-plus {
    background: none !important;
    border: none !important;
    font-size: 18px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 0 6px !important;
    color: #fff !important;
    transition: all 0.2s ease !important;
    min-width: 18px !important;
    border-radius: 3px !important;
}

.qty-minus:hover, 
.qty-plus:hover {
    background: rgba(255,255,255,0.2) !important;
    color: white !important;
}

/* عدد */
.qty-number {
    min-width: 25px !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin: 0 3px !important;
    user-select: none !important;
}