/* به‌روزرسانی ۵ سپتامبر ۲۰۲۶ (اول): سلکتور دکمه‌ی بستن (button.radia-share-v3-close)
   با پیشوند «button.» specificity بالاتری گرفت تا استایل عمومی دکمه‌های تم
   وودمارت (base-rtl.css) آن را خنثی نکند — طبق همان رفع تداخل که در
   product-widgets.css انجام شد. هیچ مقدار طراحی تغییر نکرده.
   به‌روزرسانی ۵ سپتامبر ۲۰۲۶ (دوم — درخواست کاربر، هماهنگ با product-widgets.css):
   عنوان وسط‌چین پاپ‌آپ (radia-share-v3-title) به دکمه‌ی ضربدر بستن خیلی
   نزدیک بود؛ padding افقی متقارن (26px) اضافه شد تا فاصله بگیرد. */

/* ---------- 1. اشتراک‌گذاری مقاله (v3) — id: radia-share-v3-trigger ---------- */
/* ── دکمه شیر — دست نخورده ── */
.radia-share-btn {
  display: inline-block;
  cursor: pointer;
  padding: 0;
  position: relative;
  background: none !important;
}
.radia-share-btn img {
  width: 35px;
  height: 35px;
}
.share-tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #1B4F72;
  color: #fff;
  padding: 8px 14px;
  border-radius: 18px;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}
.share-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #1B4F72 transparent transparent transparent;
}
.radia-share-btn:hover .share-tooltip {
  opacity: 1;
}
@media (hover: none) {
  .share-tooltip {
    display: none;
  }
}
@media (max-width: 900px) {
  .radia-share-btn img { width: 40px; height: 40px; }
}
@media (max-width: 600px) {
  .radia-share-btn img { width: 35px; height: 35px; }
}
/* ── پاپ‌آپ ── */
.radia-share-v3-popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 999999;
  overflow-y: auto;
}
.radia-share-v3-inner {
  width: min(92%, 420px);
  background: #FFFFFF;
  margin: 18vh auto;
  padding: clamp(20px, 5vw, 28px);
  border-radius: 14px;
  text-align: center;
  box-sizing: border-box;
  direction: rtl;
  position: relative;
}
button.radia-share-v3-close {
  position: absolute;
  top: 12px;
  left: 14px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #555;
  line-height: 1;
}
.radia-share-v3-title {
  font-size: clamp(15px, 4vw, 17px);
  font-weight: 700;
  margin-bottom: 18px;
  color: #1B4F72;
  padding: 0 26px;
}
.radia-share-v3-item {
  display: flex;
  align-items: center;
  gap: clamp(8px, 3vw, 12px);
  padding: clamp(10px, 3vw, 12px) 14px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: #F6F8FC;
  color: #1B4F72;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(14px, 3.5vw, 15px);
  border: 1px solid #C0C8D0;
  transition: background 0.2s ease;
  direction: rtl;
  cursor: pointer;
}
.radia-share-v3-item:hover {
  background: #E0E0E0;
}
.radia-share-v3-item img {
  width: clamp(22px, 6vw, 26px);
  height: clamp(22px, 6vw, 26px);
  flex-shrink: 0;
}
.radia-share-v3-toast {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: #1B4F72;
  color: #fff;
  padding: 10px 22px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 9999999;
  white-space: nowrap;
}
.radia-share-v3-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 600px) {
  .radia-share-v3-inner { width: 90%; margin: 20vh auto; padding: 20px; }
}

/* ---------- 2. زمان مطالعه — id: reading-time ---------- */
  #reading-time {
    color: #666;
    font-size: 14px;
    margin: 8px 0;
    font-family: 'IranYekan', Tahoma, sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  #reading-time svg {
    width: 20px;
    height: 20px;
    fill: currentColor; /* رنگ آیکون مثل رنگ متن */
  }