/* Add custom CSS styles below */ :root{
  --blue-dark:#007fa3;
  --blue:#00a9e0;
  --ink:#1f2937;
  --muted:#6b7280;
  --bg:#f5f7f9;
  --white:#fff;
}

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

/* الهيدر */
header, .site-header, [class*="header"]{
  background:linear-gradient(270deg,var(--blue-dark),var(--blue)) !important;
  color:#fff !important;
}

.search-box {
  width: 300px;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 0; /* هذا اللي يخليها مستطيلة */
  outline: none;
  font-size: 16px;
}

.search-box:focus {
  border-color: #007BFF;
}
input[type="search"]:focus{
  border-color:var(--blue-dark) !important;
}

/* شبكة المنتجات */
.products, .product-grid, .products-list, [class*="products"]{
  gap:22px !important;
}

/* البطاقة */
.product-card, .product-item, .product,
[class*="product-card"], [class*="productItem"], [class*="product-item"]{
  position:relative !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.06) !important;
  transition:transform .2s ease, box-shadow .25s ease !important;
}
.product-card:hover, .product-item:hover, .product:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 10px 24px rgba(0,127,163,.15) !important;
}

/* صورة المنتج */
.product-card img, .product-item img, .product img,
[class*="product"] img{
  width:100% !important;
  display:block !important;
  aspect-ratio:4/3;
  object-fit:cover !important;
  transition:transform .3s ease !important;
}
.product-card:hover img, .product-item:hover img, .product:hover img{
  transform:scale(1.03) !important;
}

/* العنوان */
.product-card .title, .product-item .title, .product .title,
[class*="product"] [class*="title"]{
  margin:14px 14px 6px !important;
  font-size:17px !important;
  font-weight:700 !important;
  color:var(--ink) !important;
}

/* السعر (نص عادي سماوي) */
.product-card .price, .product-item .price, .product .price,
[class*="product"] [class*="price"]{
  margin:0 14px 12px !important;
  font-weight:800 !important;
  font-size:18px !important;
  color:var(--blue-dark) !important;  /* سماوي غامق */
  background:none !important;         /* بدون كبسولة */
  padding:0 !important;
  border:none !important;
  box-shadow:none !important;
}

/* الأزرار */
.product-card button, .product-item button, .product button,
[class*="product"] button, .btn-primary{
  width:calc(100% - 28px) !important;
  margin:8px 14px 16px !important;
  padding:12px 16px !important;
  border-radius:10px !important;
  border:0 !important;
  cursor:pointer !important;
  font-weight:700 !important;
  background:linear-gradient(270deg,var(--blue-dark),var(--blue)) !important;
  color:#fff !important;
  transition:transform .15s, filter .2s !important;
}
.product-card button:hover, .btn-primary:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.05) !important;
}

/* البادجات */
.product-card .badge, .product-item .badge, .product .badge,
.product-card .flag, .product-item .flag{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:3 !important;
  padding:6px 10px !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#fff !important;
  border-radius:999px !important;
  background:linear-gradient(270deg,var(--blue-dark),var(--blue)) !important;
}
.badge--sale{background:linear-gradient(270deg,#e53935,#ff7043) !important;}
.badge--new {background:linear-gradient(270deg,#19a974,#33d69f) !important;}

/* القلب مجوف أبيض بشكل افتراضي */
.wishlist, [class*="wishlist"] i,
.product-card .wishlist, .product-item .wishlist {
  color: transparent !important;             /* نخليه شفاف */
  -webkit-text-stroke: 2px #fff !important;  /* حدود بيضاء للقلب */
  background: rgba(0,0,0,0.25) !important;   /* خلفية شفافة داكنة */
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  transition: all .3s ease !important;
}

/* عند المرور يبان أوضح */
.wishlist:hover {
  background: rgba(255,255,255,0.3) !important;
  -webkit-text-stroke: 2px #00a9e0 !important; /* حدود سماوية عند المرور */
}

/* عند التفعيل (مضاف للمفضلة) */
.wishlist.active, .wishlist.is-active {
  color: #fff !important; /* يملأ باللون الأبيض */
  -webkit-text-stroke: 0 !important;
  background: linear-gradient(270deg,#007fa3,#00a9e0) !important; /* خلفية متدرجة سماوية */
}

/* ضبط صور المنتجات لتكون أوضح وأصغر نسبياً */
.product-card img,
.product-item img,
.product img,
[class*="product"] img {
  width: 100% !important;
  height: auto !important;
  max-height: 220px !important;   /* أقصى ارتفاع للصور */
  object-fit: contain !important; /* يعرض الصورة كاملة بدون قص */
  background: #fff !important;
  padding: 8px !important;        /* فراغ داخلي حول الصورة */
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

/* تصغير ارتفاع البطاقة */
.product-card, .product-item, .product {
  min-height: auto !important;
}