/**
 * CSS للواجهة الأمامية Smart Offer Pro
 */

/* تم تضمين معظم أنماط CSS داخل صفحة العرض نفسها */
/* يمكن إضافة أنماط إضافية هنا حسب الحاجة */

/* تنسيقات متجاوبة إضافية */
@media (max-width: 576px) {
    .smart-offer-pro-page {
        margin: 20px auto;
        padding: 15px;
    }
    
    .smart-offer-pro-header h1 {
        font-size: 24px;
    }
    
    .smart-offer-pro-title {
        font-size: 20px;
    }
    
    .smart-offer-pro-price {
        font-size: 18px;
    }
    
    .smart-offer-pro-actions {
        flex-direction: column;
    }
    
    .smart-offer-pro-accept,
    .smart-offer-pro-decline {
        width: 100%;
    }
}

/* تنسيقات للمظهر الداكن (إذا كان المتجر يدعم ذلك) */
body.dark-mode .smart-offer-pro-page {
    background-color: #222;
    color: #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

body.dark-mode .smart-offer-pro-description {
    color: #bbb;
}

body.dark-mode .smart-offer-pro-original-price {
    color: #aaa;
}

body.dark-mode .smart-offer-pro-decline {
    background-color: #333;
    color: #eee;
    border-color: #555;
}

body.dark-mode .smart-offer-pro-decline:hover {
    background-color: #444;
}