/* =================================================
   1. قسم الإخفاء (الكوبونات، التاريخ، رقم المدير)
   ================================================= */

/* إخفاء الكوبونات (لأنها جمعية خيرية) */
.cart-coupon, .coupon-form, .checkout-coupon-div, .wallet-coupon {
    display: none !important;
}

/* إخفاء تاريخ ووقت انتهاء الحملة (عشان ما يطلع 2030) */
.product-progress__date, 
.campaign-countdown, 
.product-target-date,
.progress-date,
.timer-count,
.progress-info .date {
    display: none !important; 
    opacity: 0 !important;
    visibility: hidden !important;
}

/* إخفاء رقم الجوال الخاص (المنتهي بـ 284) من الروابط والقوائم */
a[href*="505159284"],
ul.contact-list li:has(a[href*="505159284"]),
.footer-contact-item:has(a[href*="505159284"]) {
    display: none !important;
}

/* =================================================
   2. قسم الأرقام والخطوط (تحويل للإنجليزي)
   ================================================= */

/* إجبار جميع الأسعار والأرقام والعدادات لتكون إنجليزية (123) */
.price, .product-price, .total-price, 
.s-product-card-content-price, .cart-nav-total, 
.number, .donation-progress-text, 
.progress-text, .product-quantity-remained {
    font-family: 'Roboto', 'Arial', sans-serif !important;
    direction: ltr !important;
    unicode-bidi: embed;
    display: inline-block;
}

/* =================================================
   3. قسم التصميم والجماليات (الأزرار والبار)
   ================================================= */

/* تنسيق شريط التقدم (البار الأخضر) */
.progress, .progress-bar-bg {
    background-color: #f2f2f2 !important;
    border-radius: 15px !important;
    height: 14px !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    margin-top: 15px;
    margin-bottom: 5px;
    border: 1px solid #e0e0e0;
}

.progress-bar, .progress-bar-fill {
    background: linear-gradient(90deg, #0e4b3e 0%, #146c58 100%) !important;
    border-radius: 15px !important;
    transition: width 1s ease-in-out;
}

/* لون نص المبلغ المتبقي */
.donation-progress-text, .progress-text, .product-quantity-remained {
    color: #0e4b3e; 
    font-weight: bold;
    font-size: 13px;
}

/* تصميم زر "تبرع الآن" */
.btn-add-to-cart, .salla-button, .product-card__add-to-cart {
    width: 85% !important;
    max-width: 280px !important;
    display: block !important;
    margin: 12px auto !important;
    border-radius: 50px !important;
    border: none !important;
    font-weight: bold !important;
    font-size: 15px !important;
    letter-spacing: 0.5px;
    padding: 12px 20px !important;
    background: linear-gradient(135deg, #0e4b3e 0%, #146c58 100%) !important;
    box-shadow: 0 4px 15px rgba(14, 75, 62, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* تأثير مرور الماوس على الزر (يصير ذهبي) */
.btn-add-to-cart:hover, .salla-button:hover {
    transform: translateY(-4px) scale(1.02);
    background: linear-gradient(135deg, #c5a059 0%, #d4b06a 100%) !important;
    box-shadow: 0 8px 25px rgba(197, 160, 89, 0.4) !important;
}

/* أيقونة القلب داخل الزر */
.btn-add-to-cart::before {
    content: "❤ ";
    margin-left: 5px;
    font-size: 1.1em;
}

/* تعديل حجم الزر للجوال */
@media (max-width: 768px) {
    .btn-add-to-cart, .salla-button {
        width: 90% !important;
        font-size: 14px !important;
    }
}