/* Add custom CSS styles below */ 
/* ==============================
   PERU ROSE (Riyadh) — Raed Theme
   Apple: #C3FDB8  |  Gray light
   ============================== */

/* 1) ألوان عامة */
:root{
  --pr-apple:#C3FDB8;
  --pr-apple-hover:#B3F8A6;
  --pr-apple-weak:#F3FFF0;
  --pr-green:#2F8F63;

  --pr-bg:#FAFAFB;
  --pr-card:#FFFFFF;
  --pr-border:#E6E8EB;

  --pr-text:#1F2937;
  --pr-muted:#6B7280;

  --pr-radius:18px;
  --pr-shadow:0 6px 18px rgba(17,24,39,.08);
  --pr-shadow2:0 10px 28px rgba(17,24,39,.12);
}

/* 2) خلفية الصفحة + النص */
body{
  background: var(--pr-bg) !important;
  color: var(--pr-text) !important;
}

/* 3) الهيدر */
header, .header, .site-header, .navbar, .top-header{
  background: rgba(250,250,251,.94) !important;
  border-bottom: 1px solid var(--pr-border) !important;
  backdrop-filter: blur(10px);
}

/* روابط القائمة */
header a, .navbar a, .site-header a{
  color: var(--pr-text) !important;
  font-weight: 700 !important;
}
header a:hover, .navbar a:hover, .site-header a:hover{
  color: var(--pr-green) !important;
}

/* 4) كروت المنتجات */
.product, .product-card, .product-item, .products-grid .item, .product-entry,
.s-product-card, .s-products-list-item{
  background: var(--pr-card) !important;
  border: 1px solid var(--pr-border) !important;
  border-radius: var(--pr-radius) !important;
  box-shadow: var(--pr-shadow) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.product:hover, .product-card:hover, .product-item:hover, .products-grid .item:hover, .product-entry:hover,
.s-product-card:hover, .s-products-list-item:hover{
  transform: translateY(-3px);
  box-shadow: var(--pr-shadow2) !important;
  border-color: rgba(47,143,99,.20) !important;
}

/* 5) السعر */
.price, .product-price, .s-product-card-price{
  color: var(--pr-green) !important;
  font-weight: 900 !important;
}

/* 6) زر إضافة للسلة — سلكترات قوية (ثيم رائد/سلة) */
button, .btn, .button, .s-button{
  border-radius: 999px !important;
  font-weight: 900 !important;
}

/* الزر الأساسي (لو كان داخل الكارد) */
.add-to-cart, .btn-addtocart,
.salla-add-to-cart-button,
[class*="add-to-cart"],
.product-card button,
.product-card .btn,
.s-product-card button,
.s-product-card .s-button,
.s-button-primary, .btn-primary, .button-primary,
.btn--primary, .btn.btn-primary{
  background: var(--pr-apple) !important;
  color: #163224 !important;
  border: 1px solid rgba(47,143,99,.28) !important;
  box-shadow: 0 10px 20px rgba(47,143,99,.14) !important;
}

.add-to-cart:hover, .btn-addtocart:hover,
.salla-add-to-cart-button:hover,
[class*="add-to-cart"]:hover,
.s-button-primary:hover, .btn-primary:hover, .button-primary:hover,
.btn--primary:hover, .btn.btn-primary:hover{
  background: var(--pr-apple-hover) !important;
}

/* لو زر الإضافة عندك يطلع Outline */
.add-to-cart.btn-outline,
.s-button-outline.add-to-cart,
.btn-outline, .button-outline, .s-button-outline,
.btn--secondary, .btn-secondary{
  background: #fff !important;
  border: 1px solid rgba(47,143,99,.30) !important;
  color: var(--pr-green) !important;
}
.btn-outline:hover, .button-outline:hover, .s-button-outline:hover,
.btn--secondary:hover, .btn-secondary:hover{
  background: var(--pr-apple-weak) !important;
}

/* 7) شارات/تصنيفات */
.badge, .tag, .chip, .filter-pill{
  background: var(--pr-apple-weak) !important;
  border: 1px solid rgba(47,143,99,.16) !important;
  color: var(--pr-green) !important;
  border-radius: 999px !important;
  /* ===== Force Add-to-Cart filled Apple ===== */
.product-card .add-to-cart,
.product-card .btn,
.product-card button,
.s-product-card .add-to-cart,
.s-product-card .s-button,
.s-product-card button,
.products-grid .item .add-to-cart,
.products-grid .item .btn,
[class*="add-to-cart"],
[class*="addtocart"],
a[href*="cart"]{
  background: #C3FDB8 !important;
  color: #163224 !important;
  border-color: rgba(47,143,99,.28) !important;
}

/* لو الثيم يحطها outline عن طريق border + شفافية */
.product-card .add-to-cart,
.s-product-card .s-button,
.products-grid .item .btn{
  background-image: none !important;
  box-shadow: 0 10px 20px rgba(47,143,99,.14) !important;
}

/* Hover */
.product-card .add-to-cart:hover,
.s-product-card .s-button:hover,
[class*="add-to-cart"]:hover,
[class*="addtocart"]:hover{
  background: #B3F8A6 !important;
}
}
/* ===== FINAL: اجبار زر (إضافة للسلة) يصير ممتلئ تفاحي داخل كروت المنتجات ===== */

/* 1) استهداف أزرار الكروت الكبيرة (full width) واستثناء القلب */
.products-grid .item button:not([class*="wish"]):not([class*="fav"]):not(.wishlist):not(.favorite),
.products-grid .item .btn:not([class*="wish"]):not([class*="fav"]):not(.wishlist):not(.favorite),
.products-grid .item a.btn:not([class*="wish"]):not([class*="fav"]):not(.wishlist):not(.favorite),
.products-grid .item .s-button:not([class*="wish"]):not([class*="fav"]):not(.wishlist):not(.favorite),
/* كمان لو الثيم يستخدم product-item بدل item */
.products-grid .product-item button:not([class*="wish"]):not([class*="fav"]):not(.wishlist):not(.favorite),
.products-grid .product-item .btn:not([class*="wish"]):not([class*="fav"]):not(.wishlist):not(.favorite),
.products-grid .product-item a.btn:not([class*="wish"]):not([class*="fav"]):not(.wishlist):not(.favorite){
  /* اللون المطلوب */
  background: #C3FDB8 !important;
  background-color: #C3FDB8 !important;
  color: #163224 !important;

  /* شكل الزر */
  border: 1px solid rgba(47,143,99,.28) !important;
  border-radius: 999px !important;
  font-weight: 900 !important;

  /* إزالة أي ستايل Outline قاسي */
  box-shadow: 0 10px 20px rgba(47,143,99,.14) !important;
  outline: none !important;
  text-decoration: none !important;
}

/* 2) الهوفر */
.products-grid .item button:hover,
.products-grid .item .btn:hover,
.products-grid .item a.btn:hover,
.products-grid .item .s-button:hover,
.products-grid .product-item button:hover,
.products-grid .product-item .btn:hover,
.products-grid .product-item a.btn:hover{
  background: #B3F8A6 !important;
  background-color: #B3F8A6 !important;
}

/* 3) تأكيد إن زر القلب ما يتأثر حتى لو كان داخل نفس الشبكة */
.products-grid .item .wishlist,
.products-grid .item .favorite,
.products-grid .item [class*="wish"],
.products-grid .item [class*="fav"]{
  background: rgba(255,255,255,.75) !important;
}