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

/* ===== متغيرات CSS للألوان ===== */
:root {
    --button-primary-bg: var(--main-color, #14866D);
    --button-primary-color: var(--white-color, #ffffff);
    --button-primary-border: var(--main-color, #14866D);
    --button-hover-filter: brightness(0.9);
    --button-shadow: 0 4px 15px rgba(20, 134, 109, 0.3);
    --button-shadow-hover: 0 6px 20px rgba(20, 134, 109, 0.4);
}

/* ===== إصلاح عام لجميع الأزرار الرئيسية ===== */

/* الأزرار الأساسية */
.btn:not(.btn-light):not(.btn-secondary):not(.btn-outline-*):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-dark),
.btn-primary,
.btn-success,
button[type="submit"]:not(.btn-light):not(.btn-secondary):not(.btn-danger):not(.btn-warning),
input[type="submit"]:not(.btn-light):not(.btn-secondary):not(.btn-danger):not(.btn-warning),
a.btn:not(.btn-light):not(.btn-secondary):not(.btn-outline-*):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-dark) {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    box-shadow: var(--button-shadow) !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
}

.btn:not(.btn-light):not(.btn-secondary):not(.btn-outline-*):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-dark):hover,
.btn-primary:hover,
.btn-success:hover,
button[type="submit"]:not(.btn-light):not(.btn-secondary):not(.btn-danger):not(.btn-warning):hover,
input[type="submit"]:not(.btn-light):not(.btn-secondary):not(.btn-danger):not(.btn-warning):hover,
a.btn:not(.btn-light):not(.btn-secondary):not(.btn-outline-*):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-dark):hover {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    filter: var(--button-hover-filter) !important;
    box-shadow: var(--button-shadow-hover) !important;
    transform: translateY(-2px) !important;
    text-decoration: none !important;
}

.btn:not(.btn-light):not(.btn-secondary):not(.btn-outline-*):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-dark):focus,
.btn:not(.btn-light):not(.btn-secondary):not(.btn-outline-*):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-dark):active,
.btn-primary:focus,
.btn-primary:active,
.btn-success:focus,
.btn-success:active {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(20, 134, 109, 0.2) !important;
}

/* ===== أزرار خاصة بالمتجر ===== */

/* أزرار اطلب الآن */
.btn-order .btn,
.btn-order a,
.upload-order,
button.upload-order,
a.upload-order {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border: 2px solid var(--button-primary-border) !important;
    font-weight: 600 !important;
    border-radius: 25px !important;
    box-shadow: var(--button-shadow) !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn-order .btn:hover,
.btn-order a:hover,
.upload-order:hover,
button.upload-order:hover,
a.upload-order:hover {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    filter: var(--button-hover-filter) !important;
    box-shadow: var(--button-shadow-hover) !important;
    transform: translateY(-2px) !important;
    text-decoration: none !important;
}

/* أزرار إضافة للسلة */
.add-to-cart,
button.add-to-cart,
.btn.add-to-cart {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border: 2px solid var(--button-primary-border) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    box-shadow: var(--button-shadow) !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.add-to-cart:hover,
button.add-to-cart:hover,
.btn.add-to-cart:hover {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    filter: var(--button-hover-filter) !important;
    box-shadow: var(--button-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

/* أزرار الدفع */
.checkout-btn,
button.checkout-btn,
a.checkout-btn,
a[href="checkout"],
a[href*="checkout"] {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border: 2px solid var(--button-primary-border) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    box-shadow: var(--button-shadow) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.checkout-btn:hover,
button.checkout-btn:hover,
a.checkout-btn:hover,
a[href="checkout"]:hover,
a[href*="checkout"]:hover {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    filter: var(--button-hover-filter) !important;
    box-shadow: var(--button-shadow-hover) !important;
    transform: translateY(-2px) !important;
    text-decoration: none !important;
}

/* ===== إصلاح الأزرار بالستايل المباشر ===== */

/* الأزرار التي تستخدم var(--main-color) */
.btn[style*="background-color: var(--main-color)"],
a[style*="background-color: var(--main-color)"],
button[style*="background-color: var(--main-color)"],
.btn[style*="background-color:var(--main-color)"],
a[style*="background-color:var(--main-color)"],
button[style*="background-color:var(--main-color)"] {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: var(--button-shadow) !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,
.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(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    filter: var(--button-hover-filter) !important;
    box-shadow: var(--button-shadow-hover) !important;
    transform: translateY(-2px) !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;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

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

/* الصفحة الرئيسية */
.index-page .btn-order .btn,
.index-page .btn-order a,
.index-page .add-to-cart {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
}

/* صفحة المنتج */
.product-page .upload-order,
.product-page .add-to-cart {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
}

/* صفحة السلة */
.cart-page a[href="checkout"] {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
}

/* صفحة الدفع */
.checkout-page .checkout-btn {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
}

/* صفحة البحث */
.search-page .btn-order .btn,
.search-page .btn-order a,
.search-page .add-to-cart {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
}

/* صفحة الفئة */
.category-page .btn-order .btn,
.category-page .btn-order a,
.category-page .add-to-cart {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
}

/* صفحة المتجر */
.shop-page .btn-order .btn,
.shop-page .btn-order a,
.shop-page .add-to-cart {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
}

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

@media (max-width: 768px) {
    .btn,
    .btn-order .btn,
    .btn-order a,
    .upload-order,
    .add-to-cart,
    .checkout-btn {
        font-size: 13px !important;
        padding: 8px 16px !important;
        min-height: 40px !important;
    }
}

@media (max-width: 576px) {
    .btn,
    .btn-order .btn,
    .btn-order a,
    .upload-order,
    .add-to-cart,
    .checkout-btn {
        font-size: 12px !important;
        padding: 6px 12px !important;
        min-height: 36px !important;
    }
}

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

.quick-view-popup .btn,
.quick-view-popup .upload-order,
.quick-view-popup .add-to-cart {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.quick-view-popup .btn:hover,
.quick-view-popup .upload-order:hover,
.quick-view-popup .add-to-cart:hover {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    filter: var(--button-hover-filter) !important;
    box-shadow: var(--button-shadow-hover) !important;
}

/* ===== إصلاحات للأزرار الصغيرة ===== */

.btn-sm[style*="background-color: var(--main-color)"],
.btn-sm[style*="background-color:var(--main-color)"] {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    border-radius: 15px !important;
}

/* ===== إصلاحات نهائية ===== */

/* التأكد من عدم تضارب الألوان */
.btn:not(.btn-outline-danger):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-secondary):not(.btn-dark) {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
}

.btn:not(.btn-outline-danger):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-secondary):not(.btn-dark):hover {
    background: var(--button-primary-bg) !important;
    color: var(--button-primary-color) !important;
    border-color: var(--button-primary-border) !important;
    filter: var(--button-hover-filter) !important;
}

/* إصلاح مشاكل التداخل */
.btn {
    position: relative !important;
    z-index: 1 !important;
}

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

/* تحسين الانتقالات */
.btn {
    transition: all 0.3s ease !important;
}

/* إصلاح مشاكل الفوكس */
.btn:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(20, 134, 109, 0.2) !important;
}