/* کانتینر لایک روی هر اسلاید */
.wpsl-like-container {
  position: absolute;
  inset-inline-end: 14px;   /* راست در LTR و چپ در RTL */
  bottom: 90px;
  z-index: 9999;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;

  /* بدون بک گراند */
  background: transparent;
  padding: 0;
}

/* دکمه قلب */
.wpsl-like-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  border: none;
  border-radius: 0;
  cursor: pointer;

  background: transparent;
  padding: 0;
}

/* ظاهر قلب خطی */
.wpsl-like-btn svg {
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
  transition: transform .15s ease, fill .15s ease, stroke .15s ease;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.35));
}

/* حالت لایک شده */
.wpsl-like-container.is-liked .wpsl-like-btn svg {
  fill: #e11d48;          /* قرمز */
  stroke: #e11d48;
  transform: scale(1.08);
}

/* شمارنده زیر قلب */
.wpsl-like-count {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  text-align: center;

  /* خوانایی روی ویدیو/عکس */
  text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}
/* حذف بوردر/هایلایت فوکوس دکمه لایک */
.wpsl-like-btn,
.wpsl-like-btn:hover,
.wpsl-like-btn:active,
.wpsl-like-btn:focus,
.wpsl-like-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* اگر خود کانتینر هم استایل گرفته باشد */
.wpsl-like-container {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* حذف هایلایت لمس در موبایل */
.wpsl-like-btn {
  -webkit-tap-highlight-color: transparent;
}