/* =========================
   Zaitona Farm – Premium Olive Oil Design
   Works with Salla + Tailwind
   ========================= */

:root{
  --olive:#1f3d2b;
  --olive-soft:#2e5e44;
  --gold:#b08d57;
  --bg:#fbfaf7;
  --border:rgba(0,0,0,.08);
  --shadow:0 18px 60px rgba(0,0,0,.12);
  --radius:18px;
}

/* الخلفية العامة */
#app{
  background: var(--bg) !important;
}

/* بطاقات المنتجات */
#app .bg-white{
  border-radius: var(--radius) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.08) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}

#app a:hover .bg-white{
  transform: translateY(-4px);
  box-shadow: var(--shadow) !important;
}

/* صور المنتجات */
#app img{
  border-radius: 14px !important;
  transition: transform .3s ease;
}

#app a:hover img{
  transform: scale(1.04);
}

/* عناوين المنتجات */
#app h3{
  font-weight: 900 !important;
  color: #111 !important;
}

/* الأسعار */
#app [class*="price"]{
  color: var(--olive) !important;
  font-weight: 900 !important;
}

/* زر إضافة للسلة */
#app button,
#app [type="submit"]{
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--olive), var(--olive-soft)) !important;
  color: #fff !important;
  font-weight: 800 !important;
  transition: all .2s ease;
}

#app button:hover,
#app [type="submit"]:hover{
  box-shadow: 0 14px 40px rgba(31,61,43,.35) !important;
  transform: translateY(-1px);
}