/* ========================== */
/*  المتجر المتكامل - خلفية أفتح */
/* ========================== */

/* الخلفية العامة والنصوص */
body {
  background-color: #E0D4C8 !important; /* بيجي غامق مائل للبني */
  color: #8B5E3C !important; /* نصوص بني فاتح */
  font-family: 'Tahoma', 'Arial', sans-serif !important;
  line-height: 1.6;
}

/* العناوين */
h1, h2, h3, h4, h5, h6 {
  color: #3E2723 !important; /* بني غامق */
  font-weight: bold;
  margin-bottom: 15px;
}

/* الروابط */
a {
  color: #8B5E3C !important;
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  color: #3E2723 !important;
}

/* الأزرار */
button, .btn, .add-to-cart {
  background-color: #3E2723 !important; /* بني غامق */
  color: #FFFFFF !important;
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: bold;
  transition: 0.3s;
  border: none !important;
}
button:hover, .btn:hover, .add-to-cart:hover {
  background-color: #8B5E3C !important; /* بني فاتح عند المرور */
  color: #FFFFFF !important;
}

/* الهيدر والفوتر */
header, footer {
  background-color: #3E2723 !important;
  color: #FFFFFF !important;
  padding: 15px;
}

/* بطاقات المنتجات */
.product-card, .card {
  background-color: #FFFFFF !important;
  border: 1px solid #8B5E3C !important;
  border-radius: 10px;
  padding: 15px;
  transition: 0.3s;
}
.product-card:hover, .card:hover {
  box-shadow: 0 4px 12px rgba(62, 39, 35, 0.2);
}

/* البنرات */
.banner, .hero-banner, .promo-banner, .top-banner {
  background-color: #8B5E3C !important;
  color: #FFFFFF !important;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  font-weight: bold;
  transition: 0.3s;
  box-shadow: 0 4px 10px rgba(62, 39, 35, 0.2);
}
.banner:hover, .hero-banner:hover, .promo-banner:hover, .top-banner:hover {
  background-color: #3E2723 !important;
  color: #FFFFFF !important;
}
.banner p, .hero-banner p, .promo-banner p, .top-banner p {
  color: #FFFFFF !important;
  margin: 0;
}
.banner a, .hero-banner a, .promo-banner a, .top-banner a {
  color: #FFFFFF !important;
  text-decoration: underline;
}
.banner a:hover, .hero-banner a:hover, .promo-banner a:hover, .top-banner a:hover {
  color: #E0D4C8 !important; /* بيجي غامق مائل للبني عند المرور */
}

/* تنسيقات إضافية */
section, .section {
  padding: 30px 0;
}
hr {
  border: 1px solid #8B5E3C !important;
}


/* زيل الصفحة */
footer {
  background-color: #3E2723 !important; /* بني غامق متباين مع النص الأبيض */
  color: #3E2723!important; /* نص أبيض واضح */
  padding: 20px;
  text-align: center;
}

/* روابط الفوتر */
footer a {
  color: #3E2723 !important; /* روابط أبيض */
  text-decoration: none;
  margin: 0 10px;
  transition: 0.3s;
}

footer a:hover {
  color: #8B5E3C !important; /* بني فاتح عند المرور */
}