/* ------------------------------------------- */
/* توحيد لون أزرار الشراء الأساسية إلى الأحمر */
/* ------------------------------------------- */

/* تطبيق اللون الأحمر الأساسي على جميع أشكال الزرار المصمتة والمحددة */
.s-button-element.s-button-primary-outline,
.s-button-element.s-button-btn.s-button-solid.s-button-primary,
.s-button-element.s-button-btn.s-button-solid.s-button-primary-outline,
.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline {
  background-color: #FF0000 !important;
  border-color: #FF0000 !important;
  color: #FFFFFF !important;
}

/* تطبيق تأثير اللون الأحمر الأغمق عند مرور مؤشر الفأرة (Hover) */
.s-button-element.s-button-primary-outline:hover,
.s-button-element.s-button-btn.s-button-solid.s-button-primary:hover,
.s-button-element.s-button-btn.s-button-solid.s-button-primary-outline:hover,
.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline:hover {
  background-color: #CC0000 !important;
  border-color: #CC0000 !important;
}

/* التأكد من أن لون النص والأيقونات داخل هذه الأزرار أبيض دائماً */
.s-button-element.s-button-primary-outline .sicon-shopping-bag,
.s-button-element.s-button-btn.s-button-solid.s-button-primary .sicon-shopping-bag,
.s-button-element.s-button-primary-outline .s-button-text,
.s-button-element.s-button-btn.s-button-solid.s-button-primary .s-button-text {
  color: #FFFFFF !important;
}
/* ------------------------------------------- */
/* توحيد لون أزرار الشراء الأساسية إلى الأحمر */
/* ------------------------------------------- */

/* تطبيق اللون الأحمر الأساسي على جميع أشكال الزرار المصمتة والمحددة */
.s-button-element.s-button-primary-outline,
.s-button-element.s-button-btn.s-button-solid.s-button-primary,
.s-button-element.s-button-btn.s-button-solid.s-button-primary-outline,
.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline {
  background-color: #FF0000 !important;
  border-color: #FF0000 !important;
  color: #FFFFFF !important;
}