/* ==============================================================
   نبراس — أنماط طبقة الربط بالمنصة (تكملة بصرية بسيطة للعناصر
   التي تُبنى من قاعدة البيانات: رابط تفاصيل الخدمة · رسالة النجاح ·
   زر «تصفّح كل الأنظمة» · زر قراءة المقال)
   لا تُغيّر أي صنف أصلي في التصميم.
   ============================================================== */

/* رابط «التفاصيل والأسعار» داخل بطاقة الخدمة — بمظهر الشريحة نفسها لكن قابل للنقر */
.tag-go {
  font-size: .72rem; padding: 5px 11px; border-radius: 100px;
  background: rgba(255, 196, 87, .10); border: 1px solid rgba(255, 196, 87, .34);
  color: var(--gold); font-weight: 700; text-decoration: none;
  transition: .3s var(--ease, ease);
}
.tag-go:hover { background: var(--grad-gold, linear-gradient(135deg, #ffc457, #ff9f2b)); color: #2a1500; border-color: transparent; transform: translateY(-2px) }
html[data-theme="light"] .tag-go { background: rgba(196, 127, 16, .12); border-color: rgba(196, 127, 16, .35) }
html[data-theme="light"] .tag-go:hover { color: #fff }

/* زر قراءة المقال داخل بطاقة المقال */
.post-cta { align-self: flex-start; margin-top: 4px }

/* زر «تصفّح كل الأنظمة الجاهزة» أسفل قسم الأنظمة */
.sys-more { display: inline-flex; margin-top: 22px }

/* رسالة تأكيد حفظ الطلب في قاعدة بيانات المنصة */
.lead-ok {
  grid-column: 1 / -1; margin-bottom: 18px; padding: 16px 18px;
  border-radius: 16px; font-size: .92rem; line-height: 1.9;
  background: rgba(66, 227, 154, .10); border: 1px solid rgba(66, 227, 154, .38); color: #7df3bd;
  animation: leadIn .45s var(--ease, ease);
}
.lead-ok b { color: #b8ffdb }
.lead-ok span { font-weight: 800; letter-spacing: .5px }
html[data-theme="light"] .lead-ok { background: rgba(15, 122, 69, .08); border-color: rgba(15, 122, 69, .3); color: #0f6a3d }
html[data-theme="light"] .lead-ok b { color: #0b5230 }
@keyframes leadIn { from { opacity: 0; transform: translateY(-6px) } to { opacity: 1; transform: none } }

/* شارة «جديد» للمحتوى القادم من المنصة (إن استُخدمت لاحقًا) */
.live-badge {
  display: inline-flex; align-items: center; gap: 6px; font-size: .68rem; font-weight: 700;
  padding: 4px 10px; border-radius: 100px; background: rgba(0, 232, 202, .12);
  border: 1px solid rgba(0, 232, 202, .32); color: #6ff0e0;
}