:root {
  --chemwjo-purple: #9B84E0;
  --chemwjo-purple-hover: #8870D0;
  --chemwjo-purple-soft: #F1EDFC;

  --national-green: #14532D;
  --national-green-hover: #0F4224;
}

/* الأزرار الأساسية */
.btn-primary,
button[type="submit"],
button[class*="primary"],
.add-to-cart,
.add-to-cart-btn {
  background: #9B84E0 !important;
  background-image: none !important;
  border-color: #9B84E0 !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 14px rgba(155, 132, 224, 0.20) !important;
}

/* عند المرور */
.btn-primary:hover,
button[type="submit"]:hover,
button[class*="primary"]:hover,
.add-to-cart:hover,
.add-to-cart-btn:hover {
  background: #8870D0 !important;
  border-color: #8870D0 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
  box-shadow: 0 7px 18px rgba(136, 112, 208, 0.25) !important;
}

/* الأزرار الثانوية */
.btn-secondary,
.button-secondary {
  background: #FFFFFF !important;
  color: #8870D0 !important;
  border: 1px solid #9B84E0 !important;
}

.btn-secondary:hover,
.button-secondary:hover {
  background: #F1EDFC !important;
  color: #765EC0 !important;
}

/* أزرار اليوم الوطني فقط */
.national-button,
.national-day .btn,
[class*="national"] .btn {
  background: #14532D !important;
  border-color: #14532D !important;
  color: #FFFFFF !important;
}

.national-button:hover,
.national-day .btn:hover,
[class*="national"] .btn:hover {
  background: #0F4224 !important;
  border-color: #0F4224 !important;
}

<div class="chemwjo-national-bar">
  🇸🇦 عزنا بطبعنا .. وكرمنا هدية مع كل طلب 💚
</div>