/* Add custom CSS styles below */ /* ========== إعدادات أساسية ========== */
body {
  background-color: #0b1e16; /* أخضر غامق */
  color: #ffffff;
  font-family: "Cairo", sans-serif;
  letter-spacing: 0.5px;
}

/* ========== رأس الصفحة (Header) ========== */
header, .navbar, .header {
  background-color: #0b1e16;
  border-bottom: 2px solid #d4af37; /* ذهبي */
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.header-logo img {
  max-height: 80px;
  transition: transform 0.3s ease;
}
.header-logo img:hover {
  transform: scale(1.05);
}

/* ========== القوائم (Navigation) ========== */
.navbar a, .main-menu a {
  color: #ffffff !important;
  font-weight: 500;
  transition: color 0.3s ease;
}
.navbar a:hover, .main-menu a:hover {
  color: #d4af37 !important;
}

/* ========== الأزرار (Buttons) ========== */
button, .btn, .add-to-cart, .salla-add-to-cart-button {
  background: linear-gradient(90deg, #0b1e16, #d4af37);
  color: #fff !important;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}
button:hover, .btn:hover, .add-to-cart:hover {
  background: linear-gradient(90deg, #d4af37, #0b1e16);
  color: #0b1e16 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
}

/* ========== بطاقات المنتجات ========== */
.product-card, .product-item {
  background-color: #101d15;
  border: 1px solid #1f2e25;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.4s ease;
}
.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(212,175,55,0.2);
}
.product-title a {
  color: #ffffff;
  font-weight: 600;
}
.product-title a:hover {
  color: #d4af37;
}
.product-price {
  color: #d4af37;
  font-size: 1.1rem;
  font-weight: 700;
}

/* ========== الفوتر (Footer) ========== */
footer, .footer {
  background-color: #0b1e16;
  border-top: 2px solid #d4af37;
  color: #ffffff;
  padding: 30px 0;
  text-align: center;
}
.footer a {
  color: #d4af37;
  transition: color 0.3s;
}
.footer a:hover {
  color: #ffffff;
}

/* ========== العناوين والنصوص ========== */
h1, h2, h3, h4, h5 {
  color: #d4af37;
  letter-spacing: 1px;
  text-transform: uppercase;
}
p {
  color: #dddddd;
  line-height: 1.8;
}

/* ========== التأثيرات العامة ========== */
a, button, .btn {
  transition: all 0.3s ease;
}
::selection {
  background-color: #d4af37;
  color: #0b1e16;
}

/* ========== متجاوب للجوال ========== */
@media (max-width: 768px) {
  .product-card {
    margin: 10px 0;
  }
  .header-logo img {
    max-height: 60px;
  }
}