/* ملف CSS ثابت للألوان - يمنع تغيير الألوان عند رفع قاعدة البيانات */

/* إجبار الألوان الأساسية */
:root {
    --primary-yellow: #FFD700;
    --primary-orange: #FFA500;
    --primary-black: #000000;
    --primary-dark: #333333;
    --primary-white: #ffffff;
    --primary-gray: #666666;
    --primary-light-gray: #f8f9fa;
}

/* أزرار إضافة للسلة - إجبار الألوان */
.add-to-cart, 
.add-to-cart-btn, 
.app-actions .add-to-cart, 
.btn-similar-products, 
.btn-filter {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    background-color: #FFD700 !important;
}

.add-to-cart:hover, 
.add-to-cart-btn:hover, 
.app-actions .add-to-cart:hover, 
.btn-similar-products:hover, 
.btn-filter:hover {
    background: linear-gradient(135deg, #FFA500 0%, #FFD700 100%) !important;
    color: #000000 !important;
    border-color: #333333 !important;
    background-color: #FFA500 !important;
}

/* أزرار أطلب الآن - إجبار الألوان */
.buy-now, 
.buy-now-btn, 
.app-actions .buy-now {
    background: #000000 !important;
    color: #FFD700 !important;
    border: 2px solid #FFD700 !important;
}

.buy-now:hover, 
.buy-now-btn:hover, 
.app-actions .buy-now:hover {
    background: #333333 !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* زر اطلب الآن - إجبار الألوان */
.custom-order-btn {
    background: linear-gradient(135deg, var(--primary-yellow), var(--primary-orange)) !important;
    border: 2px solid var(--primary-black) !important;
    color: var(--primary-black) !important;
}

.custom-order-btn:hover {
    background: linear-gradient(135deg, var(--primary-orange), var(--primary-yellow)) !important;
    border-color: var(--primary-dark) !important;
    color: var(--primary-black) !important;
}

.custom-order-btn:active {
    background: linear-gradient(135deg, #E6C200, #FF8C00) !important;
    border-color: var(--primary-black) !important;
    color: var(--primary-black) !important;
}

/* أزرار التصفح */
.btn-outline-primary {
    border: 2px solid var(--primary-yellow) !important;
    color: var(--primary-yellow) !important;
    background: transparent !important;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-orange) 100%) !important;
    border-color: var(--primary-black) !important;
    color: var(--primary-black) !important;
}

/* أزرار البحث */
.btn-primary {
    background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-orange) 100%) !important;
    border: 2px solid var(--primary-black) !important;
    color: var(--primary-black) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--primary-orange) 0%, var(--primary-yellow) 100%) !important;
    border-color: var(--primary-dark) !important;
    color: var(--primary-black) !important;
}

/* أزرار النموذج */
.btn-success {
    background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-orange) 100%) !important;
    border: 2px solid var(--primary-black) !important;
    color: var(--primary-black) !important;
}

.btn-success:hover {
    background: linear-gradient(135deg, var(--primary-orange) 0%, var(--primary-yellow) 100%) !important;
    border-color: var(--primary-dark) !important;
    color: var(--primary-black) !important;
}

/* أزرار الإدارة */
.btn-warning {
    background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-orange) 100%) !important;
    border: 2px solid var(--primary-black) !important;
    color: var(--primary-black) !important;
}

.btn-warning:hover {
    background: linear-gradient(135deg, var(--primary-orange) 0%, var(--primary-yellow) 100%) !important;
    border-color: var(--primary-dark) !important;
    color: var(--primary-black) !important;
}

/* أزرار الخطر */
.btn-danger {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
    border: 2px solid var(--primary-black) !important;
    color: var(--primary-white) !important;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #c82333 0%, #dc3545 100%) !important;
    border-color: var(--primary-dark) !important;
    color: var(--primary-white) !important;
}

/* أزرار المعلومات */
.btn-info {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%) !important;
    border: 2px solid var(--primary-black) !important;
    color: var(--primary-white) !important;
}

.btn-info:hover {
    background: linear-gradient(135deg, #138496 0%, #17a2b8 100%) !important;
    border-color: var(--primary-dark) !important;
    color: var(--primary-white) !important;
}

/* أزرار الثانوية */
.btn-secondary {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-black) 100%) !important;
    border: 2px solid var(--primary-yellow) !important;
    color: var(--primary-yellow) !important;
}

.btn-secondary:hover {
    background: linear-gradient(135deg, var(--primary-black) 0%, var(--primary-dark) 100%) !important;
    border-color: var(--primary-orange) !important;
    color: var(--primary-orange) !important;
}

/* أزرار الضوء */
.btn-light {
    background: linear-gradient(135deg, var(--primary-white) 0%, #f8f9fa 100%) !important;
    border: 2px solid var(--primary-black) !important;
    color: var(--primary-black) !important;
}

.btn-light:hover {
    background: linear-gradient(135deg, #f8f9fa 0%, var(--primary-white) 100%) !important;
    border-color: var(--primary-dark) !important;
    color: var(--primary-black) !important;
}

/* أزرار الظلام */
.btn-dark {
    background: linear-gradient(135deg, var(--primary-black) 0%, var(--primary-dark) 100%) !important;
    border: 2px solid var(--primary-yellow) !important;
    color: var(--primary-yellow) !important;
}

.btn-dark:hover {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-black) 100%) !important;
    border-color: var(--primary-orange) !important;
    color: var(--primary-orange) !important;
}

/* منع تغيير الألوان بواسطة CSS خارجي */
.add-to-cart, .buy-now, .add-to-cart-btn, .buy-now-btn, 
.app-actions .add-to-cart, .app-actions .buy-now,
.btn-similar-products, .btn-filter, .custom-order-btn,
.btn-outline-primary, .btn-primary, .btn-success, .btn-warning,
.btn-danger, .btn-info, .btn-secondary, .btn-light, .btn-dark {
    background-image: none !important;
    background-color: transparent !important;
}

/* إجبار الألوان على جميع العناصر */
* {
    box-sizing: border-box;
}

/* منع تداخل الألوان */
.add-to-cart, .add-to-cart-btn, .app-actions .add-to-cart, 
.btn-similar-products, .btn-filter, .btn-outline-primary:hover, 
.btn-primary, .btn-success, .btn-warning, .custom-order-btn {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

.buy-now, .buy-now-btn, .app-actions .buy-now, .btn-secondary, .btn-dark {
    background: linear-gradient(135deg, #000000 0%, #333333 100%) !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* التأكد من عدم تغيير الألوان في hover */
.add-to-cart:hover, .add-to-cart-btn:hover, .app-actions .add-to-cart:hover, 
.btn-similar-products:hover, .btn-filter:hover, .btn-outline-primary:hover, 
.btn-primary:hover, .btn-success:hover, .btn-warning:hover, .custom-order-btn:hover {
    background: linear-gradient(135deg, #FFA500 0%, #FFD700 100%) !important;
    color: #000000 !important;
    border-color: #333333 !important;
    background-color: #FFA500 !important;
}

.buy-now:hover, .buy-now-btn:hover, .app-actions .buy-now:hover, 
.btn-secondary:hover, .btn-dark:hover {
    background: linear-gradient(135deg, #333333 0%, #000000 100%) !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* إجبار إضافي لزر أطلب الآن - مهم جداً */
.buy-now, .buy-now-btn, .app-actions .buy-now {
    background: #000000 !important;
    color: #FFD700 !important;
    border: 2px solid #FFD700 !important;
    background-image: none !important;
    background-color: #000000 !important;
}

.buy-now:hover, .buy-now-btn:hover, .app-actions .buy-now:hover {
    background: #333333 !important;
    color: #FFD700 !important;
    border-color: #FFD700 !important;
    background-image: none !important;
    background-color: #333333 !important;
}