/* Add custom CSS styles below */ 
/* ==================================================
   جمعية البر بالجديدة
   سلة - ثيم عطاء
   تنسيق صفحات منتجات التبرع
   ================================================== */


/* العنوان الفرعي */
.aljadeedah-subtitle {
    margin-top: 6px !important;
    margin-bottom: 12px !important;
}


/* صندوق خيارات مبالغ التبرع */
.aljadeedah-donation-box {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}


/* صندوق المبلغ المخصص */
.aljadeedah-custom-donation-box {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}


/* تقليل الفراغات داخل خيارات التبرع */
.aljadeedah-donation-box
.s-product-options-donation-options {
    margin-bottom: 0 !important;
}


/* خانة إدخال المبلغ */
.aljadeedah-custom-donation-box
.s-product-options-donation-input-group {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}


/* ==================================================
   تقريب زر إضافة لسلة التبرعات من صندوق التبرع
   ================================================== */

salla-add-product-button[product-type="donating"] {
    margin-top: 8px !important;
}


/* الحاوية التي تحتوي زر الإضافة */
.product-form salla-add-product-button[product-type="donating"],
.product-details salla-add-product-button[product-type="donating"] {
    margin-top: 8px !important;
}


/* ==================================================
   تحسين شكل زر إضافة لسلة التبرعات
   ================================================== */

salla-add-product-button[product-type="donating"]::part(button) {
    min-height: 48px;
    border-radius: 8px;
    font-weight: 600;
}


/* ==================================================
   تحسين العرض على الجوال
   ================================================== */

@media (max-width: 768px) {

    .aljadeedah-subtitle {
        margin-bottom: 10px !important;
    }

    .aljadeedah-donation-box {
        margin-top: 6px !important;
        margin-bottom: 8px !important;
    }

    .aljadeedah-custom-donation-box {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    salla-add-product-button[product-type="donating"] {
        margin-top: 6px !important;
    }

}