/* 1. فرض السيطرة على النموذج وترتيب العناصر بجوار بعضها لليمين */
form.cart[action*="donate"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;
    width: 100% !important;
}

/* 2. إلغاء التنسيقات عن حقل السعر والعداد فقط (بدون الزر) */
form.cart[action*="donate"] .woonp-default,
form.cart[action*="donate"] .quantity {
    margin: 0 !important;
    padding: 0 !important; /* مسح المسافات للعداد والحقل فقط */
    float: none !important;
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    flex: 0 1 auto !important;
}

/* 3. ضبط حقل الإدخال نفسه ليكون مناسباً */
form.cart[action*="donate"] .woonp-default input[type="number"] {
    max-width: 150px !important;
    text-align: center !important;
}

/* 4. تكبير زر التبرع وإعطائه مسافات مخصصة */
form.cart[action*="donate"] button.single_add_to_cart_button {
    margin: 0 !important;
    padding: 12px 35px !important; /* تكبير المسافات الداخلية للزر */
    float: none !important;
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    flex: 0 1 auto !important;
    font-size: 18px !important; /* تكبير حجم الخط */
    font-weight: bold !important;
    height: auto !important;
    line-height: normal !important;
}
/* إجبار زر التبرع على التكبير متخطياً قالب Woodmart وأي أكواد سابقة */
html body.woocommerce .single-product form.cart button[type="submit"].single_add_to_cart_button.button.alt {
    padding: 15px 45px !important; /* تكبير الزرار من جوه */
    font-size: 22px !important; /* تكبير حجم الخط جداً */
    font-weight: 900 !important; /* جعل الخط عريض جداً */
    min-height: 60px !important; /* تحديد طول أدنى للزرار */
    height: auto !important;
    line-height: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* تعديلات حاسمة لشاشات الموبايل (عرض 768 بيكسل فأقل) */
@media (max-width: 768px) {
    html body form.cart[action*="donate"] button.single_add_to_cart_button,
    html body.woocommerce .single-product form.cart button[type="submit"].single_add_to_cart_button.button.alt {
        width: 100% !important;
        min-width: 100% !important; /* إجبار الزر على ملء الشاشة */
        max-width: 100% !important; 
        flex: 0 0 100% !important; /* منعه من الانكماش */
        display: block !important; /* تحويله لكتلة كاملة */
        margin-top: 15px !important; /* مسافة تفصله عن حقل الإدخال والعداد */
        box-sizing: border-box !important;
    }
}