/* الشريط العلوي الرئيسي */
.main-header {
  background-color: #ADD8E6; /* أزرق فاتح للخلفية (لون أكثر هدوءًا) */
  color: #333; /* رمادي داكن للنص */
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #B0E0E6; /* إضافة خط سفلي ناعم */
}

/* بطاقات المنتجات */
.product-card {
  border: 1px solid #FF69B4; /* حدود وردية أكثر نعومة */
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 8px; /* حواف دائرية */
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* تقليل مدة الانتقال قليلاً */
}

.product-card:hover {
  transform: scale(1.03); /* تكبير طفيف */
  box-shadow: 0 3px 10px rgba(0, 255, 255, 0.3); /* ظل نيون أخف */
}

.product-card:active {
  transform: scale(0.98); /* تصغير طفيف عند النقر */
  box-shadow: 0 1px 3px rgba(255, 0, 255, 0.5); /* ظل وردي عند النقر */
}

/* الأزرار */
.button {
  background-color: #FF69B4; /* خلفية وردية أكثر نعومة */
  color: #FFF; /* نص أبيض */
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer; /* تغيير شكل المؤشر */
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out; /* إضافة انتقال للخلفية */
}

.button:hover {
  background-color: #00CED1; /* تغيير الخلفية إلى أزرق مخضر عند التمرير (لون أكثر انسجامًا) */
}

.button:active {
  transform: translateY(1px); /* تحريك طفيف عند النقر */
}

/* نص الوصف أبيض (مع التأكد من وجود خلفية داكنة كافية) */
.product__description,
.product__description * {
  color: #fff !important;
}

/* عناوين موف (تم تخفيف اللون قليلاً) */
.product__description h1 span,
.product__description h2 span,
.product__description h3 span,
.product__description h1 ,
.product__description h2 ,
.product__description h3 ,
.product__description h3 strong
 {
  color: #A080E8 !important; /* درجة أفتح من الموف */
}

.content-entry {
  color: white !important;
}
.content-entry * {
  color: white !important;
}