/* زر واتساب ثابت بالـ CSS فقط */
body::after{
  content:"";
  position:fixed;
  bottom:20px;
  right:20px;
  width:58px;
  height:58px;
  background:#25D366 url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg") center/28px no-repeat;
  border-radius:50%;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
  z-index:9999;
  cursor:pointer;
}

/* تأثير نبض خفيف */
body::before{
  content:"";
  position:fixed;
  bottom:20px;
  right:20px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:rgba(37,211,102,.4);
  z-index:9998;
  animation: sc-pulse 1.8s infinite;
}

/* أنيميشن نبض */
@keyframes sc-pulse{
  0%{transform:scale(1);opacity:.7}
  70%{transform:scale(1.4);opacity:0}
  100%{transform:scale(1);opacity:0}
}
/* = /* أخضر + نبض */
:root{ --cta-green:#16a34a; --cta-green-dark:#0e7a34; }

salla-button .s-button-element,
.salla-add-product-button .s-button-element,
.s-product-card salla-button .s-button-element{
  background:var(--cta-green)!important;
  border-color:var(--cta-green)!important;
  color:#fff!important;
  border-radius:14px!important;
  width:100%!important; min-height:52px;
  font-weight:800; letter-spacing:.3px;
  box-shadow:0 8px 20px rgba(22,163,74,.35)!important;
  animation:ctaPulse 1.6s ease-in-out infinite;
  position:relative; overflow:hidden;
}

/* نحجب النص والأيقونة الأصلية ونستبدلها بـ "اطلب الآن" */
salla-button .s-button-element,
.salla-add-product-button .s-button-element{ color:transparent!important; }
salla-button .s-button-element svg,
.salla-add-product-button .s-button-element svg{ display:none!important; }

salla-button .s-button-element::after,
.salla-add-product-button .s-button-element::after{
  content:"اطلب الآن";
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:900;
}

/* Hover */
salla-button .s-button-element:hover,
.salla-add-product-button .s-button-element:hover{
  background:var(--cta-green-dark)!important;
  box-shadow:0 10px 24px rgba(22,163,74,.45)!important;
  transform:scale(1.03);
}

/* نبض */
@keyframes ctaPulse{
  0%{transform:scale(1); box-shadow:0 0 0 0 rgba(22,163,74,.45);}
  70%{transform:scale(1.04); box-shadow:0 0 0 14px rgba(22,163,74,0);}
  100%{transform:scale(1); box-shadow:0 0 0 0 rgba(22,163,74,0);}
}

/* احترام تقليل الحركة */
@media (prefers-reduced-motion:reduce){
  salla-button .s-button-element,
  .salla-add-product-button .s-button-element{ animation:none; }
}

/* عنصر وزارة التجارة في صف مستقل */
.s-payments-list-item:has(img[src*="sbc.png"]) {
  flex: 0 0 100% !important;
  order: -2 !important;
  text-align: center !important;
  margin-bottom: 8px !important;
}

/* شعار وزارة التجارة بحجم أصغر */
.s-payments-list-item img[src*="sbc.png"] {
  width: 38px !important;   /* تصغير الحجم */
  height: auto !important;
  margin: 0 auto !important;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.12);
}

}

/* استبدال نص "صنع بإتقان على منصة سلة" */
footer .copyright-text {
  color: transparent !important;   /* نخفي النص الأصلي */
  position: relative;
}

footer .copyright-text::after {
  content: "موثق من وزارة التجارة";
  color: #333;            /* لون النص */
  font-weight: 700;       /* ثخين */
  font-size: 14px;        /* حجم مناسب */
  letter-spacing: .3px;
  display: block;
  text-align: center;
}

/* إخفاء أي رابط لسلة داخل الفوتر */
footer a[href*="salla.sa"] {
  display: none !important;
}

/* إخفاء النص الأصلي */
footer .copyright-text {
  font-size: 0 !important;   /* يخفي النص الأصلي بدون ما يحذف العنصر */
  position: relative;
}

/* عرض النص الجديد فقط */
footer .copyright-text::after {
  content: "موثق من وزارة التجارة";
  font-size: 14px !important;
  font-weight: 700;
  color: #111;               /* تقدر تغيّر اللون (مثلاً أخضر #16a34a) */
  display: block;
  text-align: center;
}
#whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background: #25D366 url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg') center/28px no-repeat;
  border-radius: 50%;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  z-index: 999999; /* أعلى شيء */
  cursor: pointer;
}
#whatsapp-btn::before {
  content:"";
  position:absolute; inset:-8px;
  border-radius:50%;
  box-shadow:0 0 0 0 rgba(37,211,102,.35);
  animation: pulse 1.6s infinite;
  pointer-events:none;
}
@keyframes pulse {
  0% { box-shadow:0 0 0 0 rgba(37,211,102,.35); }
  70% { box-shadow:0 0 0 15px rgba(37,211,102,0); }
  100%{ box-shadow:0 0 0 0 rgba(37,211,102,0); }
}