/* ==================================================
   ۱. اصلاح دکمه‌های افزودن به سبد خرید بلوکی
   ================================================== */
.wc-block-grid__product-add-to-cart .wp-block-button__link,
a.wp-block-button__link.add_to_cart_button {
    height: auto !important;
    min-height: initial !important;
    display: inline-block !important;
}

/* مخفی‌سازی بخش آدرس دوم / آدرس حمل‌ونقل اضافی */
#ship-to-different-address,
#ship-to-different-address-checkbox,
.woocommerce-shipping-fields,
.woocommerce-shipping-fields__field-wrapper {
    display: none !important;
}


/* ==================================================
   ۲. ساختار ۲ ستونه اصلی تسویه‌حساب (CSS Grid)
   ================================================== */
form.checkout.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: 57% 39% !important;
    gap: 4% !important;
    align-items: start !important;
}

/* ستون راست (در RTL): جزئیات صورتحساب */
.woocommerce-checkout #customer_details {
    grid-column: 1 !important;
    grid-row: 1 / span 10 !important;
    width: 100% !important;
    float: none !important;
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    float: none !important;
}

/* ستون چپ (در RTL): تیتر سفارش شما (سطر ۱) */
.woocommerce-checkout #order_review_heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    margin-top: 0 !important;
    float: none !important;
}

/* ستون چپ (در RTL): جدول سفارش و پرداخت (سطر ۲ - بلافاصله زیر تیتر) */
.woocommerce-checkout #order_review,
.woocommerce-checkout .custom-order-review-wrap {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    float: none !important;
}


/* ==================================================
   ۳. چیدمان فیلدهای داخل فرم صورتحساب
   ================================================== */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

/* فیلدهای دو تایی کنار هم (نام و نام خانوادگی) */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    width: 48% !important;
    float: none !important;
}

/* فیلدهای تک‌سطری / تمام‌عرض (استان، شهر، آدرس، کدپستی، موبایل) */
.woocommerce-checkout .form-row-wide,
#billing_state_field,
#billing_city_field,
#billing_address_1_field,
#billing_postcode_field,
#billing_phone_field {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}


/* ==================================================
   ۴. واکنش‌گرایی در موبایل و تبلت (Responsive)
   ================================================== */
@media (max-width: 768px) {
    form.checkout.woocommerce-checkout {
        display: block !important;
    }

    .woocommerce-checkout #customer_details,
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review,
    .woocommerce-checkout .custom-order-review-wrap {
        width: 100% !important;
    }

    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        width: 100% !important;
    }
}