/* ===================================================
   EasyOrders Luxury Theme - الورد والهدايا الفاخرة
   =================================================== */

/* 1. إعدادات الألوان العامة والخطوط */
:root {
  --primary-color: #112A23;       /* أخضر زيتي ملكي */
  --accent-color: #DFB15B;        /* ذهبي فاخر */
  --accent-hover: #C59945;        /* ذهبي داكن للتمرير */
  --bg-light: #FAFAFA;            /* خلفية ناعمة */
  --text-dark: #1A252C;           /* لون النصوص الرئيسي */
  --text-muted: #666666;          /* لون النصوص الفرعية */
  --card-border: #EAEAEA;         /* حدود البطاقات */
}

body {
  background-color: var(--bg-light) !important;
  color: var(--text-dark) !important;
  font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* 2. العناوين والنصوص */
h1, h2, h3, h4, h5, h6, .section-title {
  color: var(--primary-color) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}

/* 3. الأزرار والتفاعل (Buttons) */
.btn-primary, 
button[type="submit"], 
.add-to-cart-btn {
  background-color: var(--primary-color) !important;
  color: var(--accent-color) !important;
  border: 1px solid var(--accent-color) !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: 0 2px 8px rgba(17, 42, 35, 0.15);
}

.btn-primary:hover, 
button[type="submit"]:hover, 
.add-to-cart-btn:hover {
  background-color: var(--accent-color) !important;
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(223, 177, 91, 0.3);
}

/* 4. بطاقات المنتجات (Product Cards) */
.product-card {
  background: #FFFFFF !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

.product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
  border-color: var(--accent-color) !important;
}

.product-title {
  color: var(--primary-color) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}

.product-price {
  color: var(--accent-color) !important;
  font-weight: bold !important;
  font-size: 1.2rem !important;
}

/* 5. شارات الخصومات والعروض */
.badge-discount, .discount-tag {
  background-color: var(--accent-color) !important;
  color: var(--primary-color) !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
}

/* 6. الهيدر والفوتر (Header & Footer) */
header, .navbar {
  background-color: #FFFFFF !important;
  border-bottom: 2px solid var(--accent-color) !important;
}

footer {
  background-color: var(--primary-color) !important;
  color: #FFFFFF !important;
  padding: 40px 0 !important;
}

footer a {
  color: var(--accent-color) !important;
  transition: color 0.2s ease;
}

footer a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}