/* Tabs */
.replink-tabs { font-family: "kalameh", Sans-serif; }
.replink-tab-headers {
  display: flex; gap: 15px; align-items: center;
  border-bottom: 1px solid #eee; margin-bottom: 14px; flex-wrap: wrap;
  background-color:#ffffff;
}
.replink-tab-headers button {
  background: transparent; border: none; padding: 12px 0; cursor: pointer;
  color: #fe0100; position: relative; font-size: 13px; font-weight: 700;
}
.replink-tab-headers button.active { color: #5b8575; font-weight: 700; }
.replink-tab-headers button.active::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px;
  height: 3px; background: #5b8575; border-radius: 2px;
}
.replink-tab-panels .tab-panel { display: none; }
.replink-tab-panels .tab-panel.active { display: block; }

.replink-tabs .block {
  background:#fafafa; border:1px solid #5b8575; border-radius:10px; padding:14px;
}
.replink-tabs .list { margin:0; padding-inline-start:18px; }
.replink-tabs .muted { color:#888; font-size:12px; margin-top:8px; }

/* Features */
.replink-features { border:1px solid #eee; border-radius:12px; padding:10px 0; }
.replink-features .feat-list { list-style:none; margin:0; padding:0; }
.replink-features .feat-row {
  display:flex; justify-content:space-between; align-items:center;
  padding:16px 18px; border-bottom:1px solid #f0f0f0;
}
.replink-features .feat-row:last-child { border-bottom:none; }
.replink-features .feat-left { display:flex; align-items:center; gap:10px; }
.replink-features .dashicon { font-family:dashicons; font-size:18px; }
.replink-features .feat-label { font-weight:500; }
.replink-features .feat-right { display:flex; align-items:center; gap:8px; }
.replink-features .badge-yes, .replink-features .badge-no {
  display:inline-block; width:22px; height:22px; line-height:22px;
  text-align:center; border-radius:50%;
}
.replink-features .badge-yes { background:#c6d3ce; color:#5b8575; }
.replink-features .badge-no  { background:#bfa6a6; color:#fe0100; }
.replink-features .feat-value.ok { color:#5b8575; font-weight:600; }
.replink-features .feat-value.no { color:#fe0100; font-weight:600; }
.replink-features .feat-value.text { color:#222; }
.replink-features .collapsed-item { display:none; }
.replink-features .feat-toggle { text-align:center; padding:8px; }
.replink-features .feat-more-btn {
  background:transparent; border:none; color:#1e54d3; font-weight:600; cursor:pointer; position:relative;
}
.replink-features .feat-more-btn::after {
  content:""; position:absolute; left:0; right:0; bottom:-3px; height:3px; background:#1e54d3; border-radius:2px;
}
/* پاک کردن بک‌گراند صورتی والد */
.replink-tabs,
.replink-tabs .replink-tab-headers {
  background: transparent !important;
}

/* اگر رنگ از خود ویجت شورتکده */
.elementor .elementor-widget-shortcode .replink-tabs,
.elementor .elementor-widget-shortcode .replink-tab-headers {
  background-color: transparent !important;
}

/* استایل دکمه‌های تب */
.replink-tab-headers button {
  background: none !important;   /* جلوی هر بک‌گراندی رو می‌گیره */
  color: #111;                   /* رنگ متن تب‌های غیرفعال */
}

.replink-tab-headers button.active {
  color: #5b8575;                /* رنگ متن تب فعال */
}

.replink-tab-headers button.active::after {
  background: #5b8575;           /* رنگ خط زیر تب فعال */
}
/* رنگ هاور تب‌ها */
.replink-tab-headers button {
  transition: color .2s ease; /* انیمیشن نرم */
}

.replink-tab-headers button:hover {
  color: #5b8575 !important;
}

/* اگر می‌خوای خط زیر تب هم هنگام هاور همین رنگ شود */
.replink-tab-headers button:hover::after {
  background: #5b8575 !important;
}
/* دکمه "مشاهده بیشتر" — حالت عادی ثابت */
.replink-features .feat-more-btn {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #5b8575 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  text-decoration: none !important;
  transition: none !important;
}

/* خط زیر دکمه با همین رنگ بماند */
.replink-features .feat-more-btn::after {
  background: #5b8575 !important;
}

/* همه حالت‌های تعاملی را خنثی کن */
.replink-features .feat-more-btn:hover,
.replink-features .feat-more-btn:focus,
.replink-features .feat-more-btn:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #5b8575 !important;
  outline: none !important;
  text-decoration: none !important;
}
.replink-features .feat-more-btn:hover::after,
.replink-features .feat-more-btn:focus::after,
.replink-features .feat-more-btn:active::after {
  background: #5b8575 !important;
}

/* اگر المنتور/قالب هنوز غلبه می‌کند، نسخه با Specificity بیشتر: */
.elementor .elementor-widget-shortcode .replink-features .feat-more-btn,
.elementor .elementor-widget-shortcode .replink-features .feat-more-btn:hover,
.elementor .elementor-widget-shortcode .replink-features .feat-more-btn:focus,
.elementor .elementor-widget-shortcode .replink-features .feat-more-btn:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #5b8575 !important;
}
.elementor .elementor-widget-shortcode .replink-features .feat-more-btn::after,
.elementor .elementor-widget-shortcode .replink-features .feat-more-btn:hover::after,
.elementor .elementor-widget-shortcode .replink-features .feat-more-btn:focus::after,
.elementor .elementor-widget-shortcode .replink-features .feat-more-btn:active::after {
  background: #5b8575 !important;
}