/* ==========================================================================
   تخصيص ألوان قالب Hummingbird - الهوية الزرقاء الكاملة #00c2ff
   ========================================================================== */

/* 1. الأزرار الرئيسية في الموقع بالكامل (أضف للسلة، تسجيل الدخول، تأكيد الطلب، حفظ) */
.btn-primary, 
.product-add-to-cart .add-to-cart,
button[type="submit"],
#customer-form button[data-link-action="save-customer"],
.login-form button[data-link-action="sign-in"] {
    background-color: #1877f2 !important;
    border-color: #1877f2 !important;
    color: #ffffff !important;
}

/* تأثير تمرير الماوس فوق الأزرار (يصبح اللون أغمق قليلاً للتفاعل) */
.btn-primary:hover, 
.product-add-to-cart .add-to-cart:hover,
button[type="submit"]:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #1877f2 !important;
    border-color: #1877f2 !important;
    color: #ffffff !important;
}

/* 2. أيقونة السلة وعدد المنتجات في الترويسة (الهيدر) */
.header .blockcart .cart-icon {
    color: #1877f2 !important;
}

.header .blockcart .cart-products-count {
    background-color: #1877f2 !important;
    color: #ffffff !important;
}


/* 4. صفحة إنهاء وتأكيد الطلب (Checkout) */
/* الخطوات النشطة والأرقام */
.checkout-steps .step-item.-current .step-number {
    background-color: #1877f2 !important;
    color: #ffffff !important;
}

.checkout-steps .step-item.-current .step-title {
    color: #1877f2 !important;
}

.checkout-steps .step-edit {
    color: #1877f2 !important;
}

/* ==========================================================================
   تخصيص ألوان قالب Hummingbird - الهوية الزرقاء الكاملة #00c2ff
   ========================================================================== */

/* 1. الأزرار الرئيسية في الموقع بالكامل (أضف للسلة، تسجيل الدخول، تأكيد الطلب، حفظ) */
.btn-primary, 
.product-add-to-cart .add-to-cart,
button[type="submit"],
#customer-form button[data-link-action="save-customer"],
.login-form button[data-link-action="sign-in"] {
    background-color: #1877f2 !important;
    border-color: #1877f2 !important;
    color: #ffffff !important;
}

/* تأثير تمرير الماوس فوق الأزرار (يصبح اللون أغمق قليلاً للتفاعل) */
.btn-primary:hover, 
.product-add-to-cart .add-to-cart:hover,
button[type="submit"]:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #1877f2 !important;
    border-color: #1877f2 !important;
    color: #ffffff !important;
}

.header .blockcart .cart-products-count {
    background-color: #1877f2 !important;
    color: #ffffff !important;
}

/* 4. صفحة إنهاء وتأكيد الطلب (Checkout) */
/* الخطوات النشطة والأرقام */
.checkout-steps .step-item.-current .step-number {
    background-color: #1877f2 !important;
    color: #ffffff !important;
}

.checkout-steps .step-item.-current .step-title {
    color: #1877f2 !important;
}

.checkout-steps .step-edit {
    color: #1877f2 !important;
}