/* =====================================
🎨 لون الفوتر
===================================== */
.store-footer,
.store-footer__inner {
  background-color: #104682 !important;
}
.store-footer,
.store-footer__inner,
.store-footer a,
.store-footer p,
.store-footer span {
  color: #ffffff !important;
}
.store-footer svg,
.store-footer i {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* =============================
   الأزرار العامة (الرئيسية والأقسام)
   زر إضافة للسلة = أزرق
============================= */
button.s-button.s-button-outline,
button.s-button.s-button-outline.s-button-wide,
button.s-button-btn.s-button-outline {
  background-color: #124C8A !important;
  color: #fff !important;
  border: 1px solid #124C8A !important;
  transition: all 0.3s ease;
}

button.s-button.s-button-outline:hover,
button.s-button.s-button-outline.s-button-wide:hover,
button.s-button-btn.s-button-outline:hover {
  background-color: #0f66c0 !important;
  color: #fff !important;
  border-color: #0f66c0 !important;
}

/* =============================
   صفحة المنتج فقط
============================= */

/* زر "إضافة للسلة" في صفحة المنتج */
.s-button-solid.s-button-wide {
  background-color: #ffffff !important;
  color: #124C8A !important;
  border: 1px solid #124C8A !important;
  transition: all 0.3s ease;
}

.s-button-solid.s-button-wide:hover {
  background-color: #124C8A !important;
  color: #ffffff !important;
}

/* زر "اشتري الآن" في صفحة المنتج */
.s-fast-checkout-button.outline.rtl {
  background-color: #124C8A !important;
  color: #ffffff !important;
  border: 1px solid #124C8A !important;
  transition: all 0.3s ease;
}

/* تأثير hover لزر اشتري الآن */
.s-fast-checkout-button.outline.rtl:hover {
  background-color: #0f66c0 !important;
  color: #fff !important;
  border-color: #0f66c0 !important;
}