/* =========================================================================
   شارة ضمان استرجاع المال — ختم مرسوم بـ CSS، لا صورة.
   يُحمَّل في صفحة الكورس وصفحة الدورات معاً.
   ========================================================================= */

.yf-course .yf-gt{
  --yf-gt-s:132px;                 /* قطر الختم — كل المقاسات مشتقّة منه */
  --yf-gt-red:#B4231A;
  --yf-gt-red-2:#8A130D;
  --yf-gt-gold:#F0C24A;
  --yf-gt-ring:#1F1F22;

  display:flex;
  flex-direction:column;
  align-items:center;
  gap:11px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px dashed var(--yf-line);
  text-align:center;
}

.yf-course .yf-gt__seal{display:block;line-height:0}

.yf-course .yf-gt__disc{
  position:relative;
  width:var(--yf-gt-s);
  height:var(--yf-gt-s);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:visible;                /* الشريط يخرج من الدائرة عمداً */
  background:radial-gradient(circle at 50% 28%, #D8453A 0%, var(--yf-gt-red) 56%, var(--yf-gt-red-2) 100%);
  box-shadow:
    0 0 0 3px var(--yf-gt-gold),
    0 0 0 7px var(--yf-gt-ring),
    0 12px 26px -14px rgba(20,20,22,.65);
  color:#fff;
  font-family:var(--yf-display);
  line-height:1;
}

/* خط داخلي رفيع — تفصيل الختم الكلاسيكي */
.yf-course .yf-gt__disc::before{
  content:'';
  position:absolute;
  inset:7px;
  border-radius:50%;
  border:1px solid rgba(255,232,178,.34);
  pointer-events:none;
}

.yf-course .yf-gt__top{
  font-size:calc(var(--yf-gt-s) * .16);
  font-weight:900;
  color:#FFD871;
  letter-spacing:.01em;
  direction:ltr;
}

.yf-course .yf-gt__mid{
  font-size:calc(var(--yf-gt-s) * .175);
  font-weight:900;
  color:#fff;
  margin-top:calc(var(--yf-gt-s) * .04);
}

.yf-course .yf-gt__ribbon{
  position:relative;
  z-index:1;
  width:calc(var(--yf-gt-s) * 1.22);
  margin-top:calc(var(--yf-gt-s) * .075);
  padding:calc(var(--yf-gt-s) * .045) calc(var(--yf-gt-s) * .1);
  background:linear-gradient(180deg,#C82D20 0%,#9A180F 100%);
  border-top:1px solid rgba(255,215,113,.7);
  border-bottom:1px solid rgba(255,215,113,.7);
  clip-path:polygon(0 0, 100% 0, calc(100% - 11px) 50%, 100% 100%, 0 100%, 11px 50%);
  font-size:calc(var(--yf-gt-s) * .115);
  font-weight:700;
  color:#fff;
  white-space:nowrap;
  line-height:1.35;
  box-shadow:0 4px 10px -6px rgba(20,20,22,.7);
}

.yf-course .yf-gt__ribbon .yf-num{font-weight:800}

.yf-course .yf-gt__stars{
  margin-top:calc(var(--yf-gt-s) * .065);
  color:var(--yf-gt-gold);
  font-size:calc(var(--yf-gt-s) * .095);
  letter-spacing:.1em;
  line-height:1;
}

.yf-course .yf-gt__note{
  max-width:34ch;
  font-size:13px;
  line-height:1.75;
  color:var(--yf-muted);
}

/* داخل كارد التسجيل: الختم أصغر قليلاً حتى لا يزاحم زر الشراء */
.yf-course .yf-enroll__body .yf-gt{--yf-gt-s:124px}

/* =========================================================================
   الشارة الصغيرة — كروت صفحة الدورات
   ========================================================================= */

.yf-course .yf-gt-mini{
  display:inline-flex;
  align-items:center;
  gap:6px;
  align-self:flex-start;
  margin-top:10px;
  padding:4px 10px;
  border-radius:999px;
  background:var(--yf-brand-soft);
  border:1px solid rgba(122,90,0,.2);
  color:var(--yf-brand-deep);
  font-size:12px;
  font-weight:700;
  line-height:1.5;
  white-space:nowrap;
}

.yf-course .yf-gt-mini__i{flex:none;width:14px;height:14px}
.yf-course .yf-gt-mini .yf-num{font-weight:800}

.yf-course .yf-card .yf-gt-mini{margin-top:11px}
.yf-course .yf-feat .yf-gt-mini{margin-top:0}

@media (max-width:520px){
  .yf-course .yf-gt{--yf-gt-s:112px}
  .yf-course .yf-enroll__body .yf-gt{--yf-gt-s:112px}
}

/* من يفضّل حركة أقل لا يتأثر — لا حركة هنا أصلاً، لكن نمنع أي وميض للظل */
@media print{
  .yf-course .yf-gt__disc{box-shadow:0 0 0 2px var(--yf-gt-gold)}
}