/* =========================
   WITE — Clean Light Blue Theme
   خلفية أزرق فاتح + كروت منتجات بيضاء
   ========================= */

:root{
  --brand:#2F6BFF;           /* أزرق رئيسي */
  --brand2:#1E40AF;          /* أزرق غامق للأزرار Hover */
  --bg:#EAF2FF;              /* خلفية الموقع */
  --card:#FFFFFF;            /* كرت المنتج */
  --text:#0B1220;
  --muted:#64748B;
  --border: rgba(15,23,42,.12);
  --radius: 18px;
  --shadow: 0 14px 40px rgba(15,23,42,.10);
}

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

/* عشان ما يطلع لك أي خلفية غامقة من الأكواد القديمة */
.product-card, .product, .product-item, .card, .box,
.salla-product-card, [class*="product-card"], [class*="product__card"]{
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.product-card:hover, .product:hover, .product-item:hover, .card:hover, .box:hover,
.salla-product-card:hover, [class*="product-card"]:hover, [class*="product__card"]:hover{
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 70px rgba(15,23,42,.14) !important;
  border-color: rgba(47,107,255,.35) !important;
}

/* صورة المنتج */
.product-card img, .product img, .product-item img, .salla-product-card img,
[class*="product"] img{
  border-radius: 16px !important;
  transition: transform .25s ease !important;
}
.product-card:hover img, .salla-product-card:hover img, [class*="product"]:hover img{
  transform: scale(1.02) !important;
}

/* عنوان المنتج */
.product-title, .product__title, [class*="product-title"], [class*="product__title"], h3, h4{
  color: var(--text) !important;
  font-weight: 900 !important;
}

/* السعر */
.product-price, .product__price, .price, [class*="price"]{
  color: var(--brand2) !important;
  font-weight: 900 !important;
}

/* الوصف الصغير */
small, .muted, [class*="muted"]{
  color: var(--muted) !important;
}

/* زر إضافة للسلة — أزرق فاتح مرتب */
.add-to-cart, .btn-add-to-cart, [data-add-to-cart],
button[class*="add"], a[class*="add"], button[class*="cart"], a[class*="cart"], button[id*="add"]{
  background: linear-gradient(135deg, var(--brand), var(--brand2)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(47,107,255,.22) !important;
}
.add-to-cart:hover, .btn-add-to-cart:hover, [data-add-to-cart]:hover{
  filter: brightness(1.04) !important;
}

/* القلب (المفضلة) — أبيض نظيف */
button[class*="wish"], a[class*="wish"], button[class*="fav"], a[class*="fav"],
[class*="wishlist"] button, [class*="wishlist"] a{
  background:#fff !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.10) !important;
}
button[class*="wish"] svg, a[class*="wish"] svg,
button[class*="fav"] svg, a[class*="fav"] svg{
  fill: var(--brand) !important;
  stroke: var(--brand) !important;
  color: var(--brand) !important;
}
/* إذا مضاف للمفضلة */
button[class*="wish"][aria-pressed="true"],
button[class*="fav"][aria-pressed="true"],
a[class*="wish"].active, a[class*="fav"].active{
  background: linear-gradient(135deg, var(--brand), var(--brand2)) !important;
  border-color: transparent !important;
}
button[class*="wish"][aria-pressed="true"] svg,
button[class*="fav"][aria-pressed="true"] svg,
a[class*="wish"].active svg, a[class*="fav"].active svg{
  fill: #fff !important;
  stroke: #fff !important;
}

/* شريط الهيدر خفيف */
header, .header, .site-header, [class*="header"]{
  background: rgba(234,242,255,.75) !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
  backdrop-filter: blur(10px) !important;
}

/* أيقونة السلة في الهيدر — أزرق مرتب */
header a[href*="cart"], header a[href*="basket"],
header button[class*="cart"], header [class*="cart"] a{
  background: linear-gradient(135deg, var(--brand), var(--brand2)) !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
  box-shadow: 0 12px 28px rgba(47,107,255,.20) !important;
}
header a[href*="cart"] svg, header a[href*="basket"] svg,
header button[class*="cart"] svg, header [class*="cart"] svg{
  fill:#fff !important;
  stroke:#fff !important;
  color:#fff !important;
}