/**
 * cap-share.css — زر "أرسل الرد إلى واتسابك" المشترك (premium، متحرّك وملفت)
 * يظهر داخل صناديق نتائج المساعدات الأربعة.
 * تصميم لافت: جراديانت حيّ متدفّق + نبض متكرر + لمعة عابرة + اهتزاز أيقونة + سهم نطّاط.
 */
.cap-wa-wrap {
  margin-top: 16px;
  position: relative;
  z-index: 1;
}

.cap-wa-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  border-radius: 16px;
  text-decoration: none;
  color: #fff;
  border: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  /* جراديانت حيّ متعدّد الألوان (أخضر/زمردي/تركوازي) يتدفّق باستمرار — لون مختلف ولافت */
  background: linear-gradient(115deg, #00c2a8 0%, #14c95a 25%, #25d366 50%, #0bbf8a 75%, #00c2a8 100%);
  background-size: 300% 100%;
  box-shadow: 0 8px 22px rgba(16, 185, 129, .45);
  animation: cap-wa-flow 6s linear infinite, cap-wa-pulse 2.6s ease-in-out infinite;
  will-change: transform, box-shadow, background-position;
}

/* تدفّق الجراديانت */
@keyframes cap-wa-flow {
  0%   { background-position: 0% 0; }
  100% { background-position: 300% 0; }
}

/* نبض متكرر يلفت الانتباه (حلقة توهّج تتمدّد وتتلاشى) */
@keyframes cap-wa-pulse {
  0%, 100% { box-shadow: 0 8px 22px rgba(16,185,129,.40), 0 0 0 0 rgba(37,211,102,.50); }
  50%      { box-shadow: 0 11px 28px rgba(16,185,129,.58), 0 0 0 12px rgba(37,211,102,0); }
}

/* لمعة ضوئية تعبر الزر بشكل متكرر */
.cap-wa-btn::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: -45%;
  width: 35%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform: skewX(-18deg);
  animation: cap-wa-shine 3.2s ease-in-out infinite;
  pointer-events: none;
}
@keyframes cap-wa-shine {
  0%   { left: -45%; }
  55%  { left: 130%; }
  100% { left: 130%; }
}

.cap-wa-btn:hover  { transform: translateY(-2px) scale(1.012); filter: saturate(1.12) brightness(1.03); }
.cap-wa-btn:active { transform: translateY(0) scale(.997); }

.cap-wa-ic {
  flex: 0 0 auto;
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  color: #fff;
  position: relative; z-index: 1;
  transform-origin: 50% 60%;
  animation: cap-wa-wiggle 2.6s ease-in-out infinite;
}
/* اهتزاز دوري للأيقونة كأنها إشعار */
@keyframes cap-wa-wiggle {
  0%, 80%, 100% { transform: rotate(0); }
  84% { transform: rotate(-13deg); }
  88% { transform: rotate(11deg); }
  92% { transform: rotate(-8deg); }
  96% { transform: rotate(5deg); }
}

.cap-wa-tx {
  flex: 1 1 auto;
  display: flex; flex-direction: column;
  text-align: right;
  line-height: 1.35;
  min-width: 0;
  position: relative; z-index: 1;
}
.cap-wa-tx b {
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.01em;
}
.cap-wa-tx small {
  font-size: 11.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, .95);
}

.cap-wa-go {
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 900;
  position: relative; z-index: 1;
  animation: cap-wa-bob 1.1s ease-in-out infinite;
}
/* سهم يتحرّك ذهاباً وإياباً ليُغري بالنقر (RTL → نحو اليسار) */
@keyframes cap-wa-bob {
  0%, 100% { transform: translateX(0); opacity: .9; }
  50%      { transform: translateX(-6px); opacity: 1; }
}

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .cap-wa-btn,
  .cap-wa-btn::after,
  .cap-wa-ic,
  .cap-wa-go { animation: none !important; }
}