/* =========================
   Final Clean Design (Salla)
   Grey + Brand Blue
========================= */

/* ألوان أساسية */
:root{
  --bg:#e4e6e8;           /* خلفية رمادي متوسط */
  --panel:#ffffff;        /* بطاقات */
  --text:#2b2f33;         /* نص أساسي */
  --muted:#6b7280;        /* نص ثانوي */
  --border:rgba(0,0,0,.08);

  --brand:#2f6f9f;        /* أزرق الشعار (زر السلة) */
  --brandHover:#285f89;   /* تحويم */
  --radius:16px;
}

/* خلفية الموقع */
html, body{
  background:var(--bg) !important;
  color:var(--text) !important;
}

/* الهيدر */
header, .header, .site-header, .topbar, .navbar{
  background:#f6f7f8 !important;
  border-bottom:1px solid var(--border) !important;
}

/* الأقسام */
section, .section, .content, .main-content, .page, .container{
  background:transparent !important;
}

/* بطاقات المنتجات */
.card, .product-card, .product-item, .products-list .item, .product, .box{
  background:var(--panel) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
}

/* العناوين والنصوص */
h1,h2,h3,h4,h5,h6, .title, .product-title{
  color:var(--text) !important;
}
p, .desc, .product-description, .text-muted, small{
  color:var(--muted) !important;
}

/* الروابط */
a, a:visited{ color:var(--text) !important; }
a:hover{ opacity:.9; }

/* حقول الإدخال */
input, textarea, select, .form-control{
  background:#fff !important;
  color:var(--text) !important;
  border:1px solid var(--border) !important;
  border-radius:12px !important;
}
input::placeholder, textarea::placeholder{
  color:#9aa1ab !important;
}

/* زر إضافة للسلة */
button, .btn, .btn-primary, .add-to-cart, .product-actions .btn{
  background:var(--brand) !important;
  color:#fff !important;
  border:none !important;
  border-radius:14px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
}
button:hover, .btn:hover, .btn-primary:hover, .add-to-cart:hover{
  background:var(--brandHover) !important;
}

/* زر غير متاح */
button[disabled], .btn[disabled], .is-disabled, .disabled{
  background:#cfd4da !important;
  color:#8b9198 !important;
}

/* شارات مثل (تسليم فوري) */
.badge, .tag, .label, .ribbon{
  background:#eef3f7 !important;
  color:#2f6f9f !important;
  border:1px solid rgba(47,111,159,.25) !important;
  border-radius:999px !important;
}

/* عدّاد السلة */
.cart-count, .badge-count, .count, .cart-badge, .header-cart .badge{
  background:var(--brand) !important;
  color:#fff !important;
  font-weight:800 !important;
}

/* فواصل */
hr, .divider{ border-color:var(--border) !important; }

/* تحسين اللمس */
*{ -webkit-tap-highlight-color:transparent; }
button, .btn, .btn-primary, .add-to-cart, .product-actions .btn{
  padding: 14px 18px !important;
  background:#285f89 !important;
}

/* ترتيب السعر: القديم يمين – الجديد يسار */
.price,
.product-price,
.prices {
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: 8px;
  align-items: center;
}

/* السعر القديم (المشطوب) – أحمر هادئ */
.old-price,
del {
  color: #c62828 !important; /* أحمر غير فاقع */
  font-size: 0.95em !important;
}

/* السعر الجديد – أخضر هادئ */
.sale-price,
.current-price {
  color: #2e7d32 !important; /* أخضر مريح */
  font-weight: 700 !important;
}


/* ترتيب الأسعار (RTL): القديم يمين – الجديد يسار */
.price,
.product-price,
.prices,
.product-prices,
.product__price {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 8px !important;
}

/* السعر القديم (المشطوب) */
.price del,
.product-price del,
.prices del,
.product-prices del,
.old-price {
  color: #c62828 !important;   /* أحمر هادئ */
  font-size: 0.95em !important;
}

/* السعر الجديد */
.price ins,
.product-price ins,
.prices ins,
.product-prices ins,
.sale-price,
.current-price {
  color: #2e7d32 !important;   /* أخضر هادئ */
  font-weight: 700 !important;
}