/* إصلاح شامل لألوان الأزرار في جميع أنحاء الموقع */

/* ===== إصلاح أزرار الصفحة الرئيسية ===== */

/* إصلاح شامل لزر اطلب الآن في الصفحة الرئيسية */
.products-box .product .btn-order .btn,
.products-box .product .btn-order a,
.btn-order .btn,
.btn-order a {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border: 2px solid var(--main-color, #14866D) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(20, 134, 109, 0.3) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: var(--white-color, #ffffff) !important;
    text-shadow: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

.products-box .product .btn-order .btn:hover,
.products-box .product .btn-order a:hover,
.btn-order .btn:hover,
.btn-order a:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(20, 134, 109, 0.4) !important;
    -webkit-text-fill-color: var(--white-color, #ffffff) !important;
}

.products-box .product .btn-order .btn:focus,
.products-box .product .btn-order .btn:active,
.products-box .product .btn-order a:focus,
.products-box .product .btn-order a:active,
.btn-order .btn:focus,
.btn-order .btn:active,
.btn-order a:focus,
.btn-order a:active {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(20, 134, 109, 0.2) !important;
    -webkit-text-fill-color: var(--white-color, #ffffff) !important;
}

/* ===== إصلاح أزرار صفحة الدفع ===== */

/* زر تأكيد الطلب في صفحة الدفع */
.checkout-page .checkout-btn,
.checkout-btn {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border: 2px solid var(--main-color, #14866D) !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(20, 134, 109, 0.3) !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    font-size: 16px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.checkout-page .checkout-btn:hover,
.checkout-btn:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(20, 134, 109, 0.4) !important;
}

/* أزرار أخرى في صفحة الدفع */
.checkout-page .btn[style*="background-color: var(--main-color)"],
.btn[style*="background-color: var(--main-color)"] {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
}

/* ===== إصلاح أزرار السلة ===== */

/* زر إنهاء الطلب في السلة */
.cart-page a[href="checkout"],
a[href="checkout"] {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border: 2px solid var(--main-color, #14866D) !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(20, 134, 109, 0.3) !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    font-size: 16px !important;
}

.cart-page a[href="checkout"]:hover,
a[href="checkout"]:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(20, 134, 109, 0.4) !important;
}

/* ===== إصلاح أزرار إضافة للسلة ===== */

/* أزرار إضافة للسلة في جميع الصفحات */
.add-to-cart,
.btn.add-to-cart,
button.add-to-cart {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border: 2px solid var(--main-color, #14866D) !important;
    font-weight: 600 !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(20, 134, 109, 0.3) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.add-to-cart:hover,
.btn.add-to-cart:hover,
button.add-to-cart:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(20, 134, 109, 0.4) !important;
}

/* ===== إصلاح أزرار العرض السريع ===== */

/* أزرار في العرض السريع */
.quick-view-popup .btn,
.quick-view-popup .add-to-cart,
.quick-view-popup .upload-order {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border: 2px solid var(--main-color, #14866D) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.quick-view-popup .btn:hover,
.quick-view-popup .add-to-cart:hover,
.quick-view-popup .upload-order:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    color: var(--white-color, #ffffff) !important;
}

/* ===== إصلاحات عامة للأزرار ===== */

/* إصلاح جميع الأزرار التي تستخدم الستايل المباشر */
.btn[style*="background-color: var(--main-color)"],
a[style*="background-color: var(--main-color)"],
button[style*="background-color: var(--main-color)"] {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.btn[style*="background-color: var(--main-color)"]:hover,
a[style*="background-color: var(--main-color)"]:hover,
button[style*="background-color: var(--main-color)"]:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
}

/* إزالة أي تأثيرات قد تخفي الأزرار */
.btn::before,
.btn::after,
a.btn::before,
a.btn::after,
button.btn::before,
button.btn::after {
    display: none !important;
}

/* التأكد من ظهور النص */
.btn,
a.btn,
button.btn {
    text-indent: 0 !important;
    text-overflow: visible !important;
    white-space: nowrap !important;
    overflow: visible !important;
    font-family: inherit !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    -webkit-text-fill-color: inherit !important;
    text-shadow: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

/* إصلاح مشاكل الشفافية */
.btn,
a.btn,
button.btn {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* ===== إصلاحات خاصة بالفئات ===== */

/* أزرار الفئات */
.btn-sm[style*="background-color: var(--main-color)"] {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    border-radius: 15px !important;
}

/* أزرار الخيارات */
.btn[style*="background-color: var(--main-color)"].btn-sm {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
}

/* ===== إصلاحات للموبايل ===== */

@media (max-width: 768px) {
    .products-box .product .btn-order .btn,
    .products-box .product .btn-order a,
    .btn-order .btn,
    .btn-order a {
        font-size: 12px !important;
        padding: 8px 16px !important;
        min-height: 40px !important;
    }
    
    .checkout-btn,
    .checkout-page .checkout-btn {
        font-size: 14px !important;
        padding: 10px 20px !important;
        min-height: 44px !important;
    }
    
    .add-to-cart,
    .btn.add-to-cart,
    button.add-to-cart {
        font-size: 12px !important;
        padding: 8px 12px !important;
        min-height: 36px !important;
    }
}

@media (max-width: 576px) {
    .products-box .product .btn-order .btn,
    .products-box .product .btn-order a,
    .btn-order .btn,
    .btn-order a {
        font-size: 11px !important;
        padding: 6px 12px !important;
        min-height: 36px !important;
    }
    
    .checkout-btn,
    .checkout-page .checkout-btn {
        font-size: 13px !important;
        padding: 8px 16px !important;
        min-height: 40px !important;
    }
    
    .add-to-cart,
    .btn.add-to-cart,
    button.add-to-cart {
        font-size: 11px !important;
        padding: 6px 10px !important;
        min-height: 32px !important;
    }
}

/* ===== إصلاحات إضافية للتوافق ===== */

/* التأكد من تطبيق الألوان المخصصة */
.btn-primary,
.btn-success,
.btn.btn-primary,
.btn.btn-success {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn.btn-primary:hover,
.btn.btn-success:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
}

/* إصلاح مشاكل Bootstrap المتضار��ة */
.btn:not(.btn-light):not(.btn-secondary):not(.btn-outline-danger):not(.btn-danger):not(.btn-warning):not(.btn-info) {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
}

.btn:not(.btn-light):not(.btn-secondary):not(.btn-outline-danger):not(.btn-danger):not(.btn-warning):not(.btn-info):hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
}

/* إصلاح مشاكل CSS المتضاربة */
.btn:not(:hover):not(:focus):not(:active):not(.btn-light):not(.btn-secondary):not(.btn-outline-danger):not(.btn-danger):not(.btn-warning):not(.btn-info) {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    opacity: 1 !important;
}

/* تحسين التباعد والتنسيق */
.btn {
    margin: 2px !important;
    transition: all 0.3s ease !important;
}

/* إصلاح مشاكل الحاوي */
.btn-group .btn,
.btn-toolbar .btn {
    margin: 0 !important;
}

/* تحسين مظهر الأزرار في الحاويات المختلفة */
.card .btn,
.modal .btn,
.alert .btn {
    margin: 4px 2px !important;
}

/* إصلاح الأزرار في النماذج */
form .btn {
    margin-top: 8px !important;
}

/* إصلاح الأزرار في الجداول */
table .btn {
    margin: 1px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
}