/* === تخصيص واجهة متجر الناشبي | سلة — ثيم رائد === */
/* خط تايپو */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;800;900&display=swap');

:root{
  --green:#00343a;      /* أخضر الهوية */
  --green-2:#0FA958;    /* أخضر فاتح */
  --sand:#E8DDB8;       /* بيج تراثي */
  --ink:#111827;        /* أسود ناعم */
  --muted:#6B7280;      /* رمادي نصوص */
  --bg:#F7F8F5;         /* خلفية ناعمة */
  --white:#ffffff;
  --gold:#C2A86B;
}

html[dir="rtl"] body{
  font-family:'Tajawal',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
  background: var(--bg) url('https://www.transparenttextures.com/patterns/hexellence.png') repeat fixed !important;
  color: var(--ink);
  font-feature-settings:"tnum";
}

/* الهيدر */
header, .site-header{
  background: var(--white) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.06) !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid #eee !important;
}
header img{ max-height:45px !important; }

/* عناوين الأقسام */
.section-title, .home-section-title, .widget-title, h2.section__title{
  color: var(--ink) !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
  position: relative;
}
.section-title:after, .home-section-title:after, .widget-title:after, h2.section__title:after{
  content:"";
  display:block; width:72px; height:4px; margin-top:10px;
  background: linear-gradient(90deg, var(--green), var(--green-2));
  border-radius:999px;
}

/* شبكة الأقسام في الرئيسية */
.home-categories, .categories-grid, .collections-grid{
  display:grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px,1fr)) !important;
  gap:16px !important;
}
.category-card, .collection-card{
  background:var(--white);
  border:1px solid #eee;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  transition:transform .2s ease;
}
.category-card:hover, .collection-card:hover{ transform: translateY(-4px); }
.category-card .title, .collection-card .title{
  font-weight:900; padding:10px 14px; color:var(--ink);
}
.category-card .title:before, .collection-card .title:before{
  content:""; width:8px; height:8px; display:inline-block; margin-inline-end:8px;
  background:var(--green); border-radius:999px;
}

/* بطاقات المنتجات */
.product-card, .product-item, .product{
  background: var(--white) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.product-card:hover, .product-item:hover, .product:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
}

/* صور المنتجات */
.product-card .product-img, .product .product-image{ background:#fff; }
.product-card .product-img img, .product .product-image img{ object-fit:cover; }

/* شارة العرض/الخصم أعلى الصورة */
.product-card .badge, .product-badge, .badge{
  background: linear-gradient(135deg, var(--green), var(--green-2)) !important;
  color: #fff !important;
  border: none !important;
  padding: 6px 10px !important;
  font-weight: 800;
  border-radius: 10px;
}

/* ===== الأسعار قبل / بعد — واضح جداً ===== */
.product-card .price, .product .price, .product-prices, .prices{
  display:flex; flex-wrap:wrap; gap:6px 10px; align-items:flex-end;
}

/* السعر الحالي (بعد الخصم) */
.price .amount, .new-price, .current-price, .product-price, .sale-price{
  font-size: 1.4rem !important;
  font-weight: 900 !important;
  line-height: 1;
  color: var(--green) !important;
}

/* العملة بجانب السعر */
.price .currency{ font-size: .9em; opacity:.95; }

/* السعر السابق */
.price del, .old-price, .compare-at-price, .price-before{
  font-size: .95rem !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
  text-decoration: line-through !important;
  opacity:.9;
}

/* شارة نسبة التوفير بجانب الأسعار
   ملاحظة: تتطلب data-discount="20" مثلاً على كتلة السعر */
.product-card .product-prices::after,
.product .product-prices::after,
.prices::after{
  content: attr(data-discount) '% وفّر';
  display: inline-block;
  margin-inline-start: 8px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 900;
  color: var(--green);
  background: #fff;
  border:1px solid var(--green-2);
  border-radius: 999px;
}
.prices:not([data-discount])::after{ content: ''; display:none; }

/* أزرار الشراء */
button, .btn, .button, .add-to-cart-btn, .buy-now-btn, .product-card .btn-primary{
  background: linear-gradient(90deg, var(--green), var(--green-2)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  transition: filter .2s ease, transform .06s ease;
}
button:hover, .btn:hover, .button:hover{ filter:brightness(.95); }
button:active, .btn:active, .button:active{ transform: scale(.98); }

/* تحسين مربع البحث */
input[type="search"], .search input, .header .search input, input[type="text"]{