@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');

/* 1. تغيير الخط العام */
body, h1, h2, h3, h4, h5, h6, p, a, span, div {
  font-family: 'Tajawal', sans-serif !important;
}

/* 2. تحديد لون الخط الأصفر الذهبي الغامق */
.gold-text {
  color: #D4AF37; /* لون أصفر ذهبي غامق */
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8); /* تأثير ظل خفيف */
  border: 2px solid #FFFFFF; /* إطار أبيض */
  padding: 5px; /* إضافة مسافة داخلية حول النص */
  border-radius: 5px; /* زوايا دائرية للإطار */
  display: inline-block; /* لجعل الإطار يحيط بالنص */
}


/* 3. خلفية متدرّجة بنفسجية */
body {
  background: linear-gradient(to bottom right,  #6A0888) !important;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}




/* 4. حواف ذهبية ناعمة لجميع الصور */
img {
  border: 2px solid #D4AF37 !important;  /* لون ذهبي ناعم */
  border-radius: 12px !important;
  padding: 2px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* 5. تأثير دخول ناعم للصناديق */
.box, .product-card, .card {
  opacity: 0;
  animation: fadeIn 0.5s forwards;
}

/* 6. تعريف تأثير الدخول */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* 7. بطاقات المنتجات بخلفية بنفسجية داكنة */
.product-card, .product, .card, .box, .content {
  background-color: #3B095A !important;   /* بنفسجي أغمق */
  color: #D4AF37 !important;              /* تغيير لون النص إلى أصفر ذهبي غامق */
}

/* 8. تحسين تباين النصوص داخل الصناديق */
.product-card, .product, .card, .box, .content {
  color: #1F1F1F !important;   /* رمادي/أسود لطيف */
}