/* =====================================================================
   LICENSE PAY — صفحة اشتراك الرخصة المهنية
   يعتمد توكنات premium-theme.css (--brand / --pt-* / --glass-*).
   RTL-first، بلا تغيير أي منطق أو معرّفات.
   ===================================================================== */

.lp-wrap { scroll-padding-top: 100px; }

/* خلفية القسم — تدرّج فاتح هادئ + توهّج بالهوية */
.lp-hero {
  position: relative; overflow: hidden;
  padding: 6rem 0 2.5rem;
  background:
    radial-gradient(1200px 380px at 50% -8%, rgba(212, 110, 42, .10), transparent 70%),
    linear-gradient(180deg, #FDFEFF 0%, var(--pt-bg, #FAFCFE) 100%);
}

/* الترويسة */
.lp-eyebrow {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .3rem .75rem; border-radius: 999px;
  background: var(--brand-soft, rgba(212, 110, 42, .1)); color: var(--brand-hover);
  font-weight: 700; font-size: .78rem; margin-bottom: .75rem;
}
.lp-title { font-weight: 800; color: var(--pt-text); letter-spacing: -.2px; font-size: 1.75rem; }
.lp-title .g {
  background: linear-gradient(90deg, var(--brand), var(--brand-light));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.lp-lead { color: var(--pt-text-2); max-width: 560px; margin-inline: auto; font-size: .9rem; }

/* ---------------------------------------------------------------------
   بطاقة الشراء
   --------------------------------------------------------------------- */
.lp-card {
  position: relative; border-radius: 18px; overflow: hidden;
  background:
    linear-gradient(var(--glass-bg, #fff), var(--glass-bg, #fff)) padding-box,
    linear-gradient(135deg, rgba(212,110,42,.55), rgba(242,181,140,.35), rgba(39,76,119,.35)) border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 18px 40px rgba(16, 24, 40, .10);
}
.lp-card-head {
  padding: 1.6rem 1.4rem 1.4rem; color: #fff; text-align: center; position: relative;
  background: linear-gradient(150deg, #243356 0%, #1B2740 100%);
}
.lp-card-head::after {
  content: ""; position: absolute; inset-inline-end: -50px; top: -50px;
  width: 190px; height: 190px; border-radius: 50%;
  background: radial-gradient(circle, rgba(212,110,42,.4), transparent 70%);
}
.lp-cert {
  width: 52px; height: 52px; border-radius: 14px; margin: 0 auto .85rem;
  display: flex; align-items: center; justify-content: center; font-size: 1.55rem; color: #fff;
  background: linear-gradient(135deg, #D9954E 0%, #B87333 55%, #935620 100%);
  box-shadow: 0 10px 24px rgba(184, 115, 51, .45);
  animation: lp-float 3.2s ease-in-out infinite;
}
.lp-cert i { animation: lp-glow 3.2s ease-in-out infinite; }

/* حركات الدخول واللمسات الحيّة */
@keyframes lp-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}
@keyframes lp-glow {
  0%, 100% { text-shadow: 0 0 0 rgba(255, 214, 165, 0); }
  50%      { text-shadow: 0 0 14px rgba(255, 214, 165, .7); }
}
@keyframes lp-rise {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes lp-fade {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.lp-card { animation: lp-rise .6s cubic-bezier(.22,1,.36,1) both; }
.lp-eyebrow { animation: lp-fade .5s ease both; }
.lp-title   { animation: lp-fade .5s ease .08s both; }
.lp-features li { animation: lp-fade .5s ease both; }
.lp-features li:nth-child(1) { animation-delay: .10s; }
.lp-features li:nth-child(2) { animation-delay: .18s; }
.lp-features li:nth-child(3) { animation-delay: .26s; }
.lp-features li:nth-child(4) { animation-delay: .34s; }

@media (prefers-reduced-motion: reduce) {
  .lp-cert, .lp-cert i, .lp-card, .lp-eyebrow, .lp-title, .lp-features li { animation: none !important; }
}
.lp-card-head h2 { font-weight: 800; margin: 0; font-size: 1.2rem; color: #fff !important; letter-spacing: .2px; }

.lp-card-body { padding: 1.3rem; }

/* السعر */
.lp-price { text-align: center; margin-bottom: 1rem; }
.lp-price .num {
  font-size: 2.25rem; font-weight: 800; line-height: 1; color: var(--pt-text);
  display: inline-flex; align-items: center; gap: .25rem;
}
.lp-price .per { display: block; color: var(--pt-text-2); margin-top: .3rem; font-size: .85rem; }

/* المزايا */
.lp-features { list-style: none; padding: 0; margin: 0 0 1.1rem; }
.lp-features li {
  display: flex; align-items: flex-start; gap: .55rem;
  padding: .45rem 0; color: var(--pt-text); border-bottom: 1px dashed var(--pt-border);
  font-size: .88rem;
}
.lp-features li:last-child { border-bottom: 0; }
.lp-features li i {
  flex-shrink: 0; width: 22px; height: 22px; border-radius: 7px;
  display: inline-flex; align-items: center; justify-content: center; font-size: .85rem;
  background: rgba(40, 167, 111, .12); color: #28A76F;
}

/* أزرار الدفع — ذهبي بالهوية */
.lp-btn-buy {
  position: relative; overflow: hidden; width: 100%;
  display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
  padding: .7rem 1.2rem; border: 0; border-radius: 12px;
  background: linear-gradient(135deg, #E8A05F 0%, #D46E2A 45%, #B85B21 100%);
  color: #fff !important; font-weight: 800; font-size: .95rem; text-decoration: none; cursor: pointer;
  box-shadow: 0 10px 24px rgba(212, 110, 42, .38), inset 0 1px 0 rgba(255, 255, 255, .25);
  transition: transform .22s cubic-bezier(.4,0,.2,1), box-shadow .22s cubic-bezier(.4,0,.2,1);
}
.lp-btn-buy:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(212, 110, 42, .5); color: #fff !important; }

.lp-note { text-align: center; color: var(--pt-text-2); font-size: .78rem; margin-top: .75rem; }

/* حالة الاشتراك النشط */
.lp-active {
  text-align: center; padding: 1rem; border-radius: 14px;
  background: rgba(40, 167, 111, .08); border: 1px solid rgba(40, 167, 111, .25);
}
.lp-active .ico { font-size: 1.9rem; color: #28A76F; }

/* ---------------------------------------------------------------------
   حالة وجود حجوزات — الأكورديون
   --------------------------------------------------------------------- */
.lp-bookings .accordion-item {
  border: 1px solid var(--pt-border) !important; border-radius: 14px !important;
  overflow: hidden; margin-bottom: .75rem; box-shadow: 0 6px 18px rgba(16, 24, 40, .05);
}
.lp-bookings .accordion-button { font-weight: 700; padding: .7rem .9rem; font-size: .9rem; }
.lp-bookings .accordion-button:not(.collapsed) {
  background: var(--brand-soft, rgba(212,110,42,.1)) !important; color: var(--brand-hover) !important;
}
.lp-bookings .course-chip {
  display: inline-flex; align-items: center; gap: .3rem;
  background: #fff; border: 1px solid var(--pt-border); color: var(--pt-text);
  border-radius: 999px; padding: .25rem .65rem; font-size: .8rem; font-weight: 600;
}
.lp-pay-link {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .6rem 1.3rem; border-radius: 999px; font-weight: 700; text-decoration: none;
  background: linear-gradient(135deg, #E8A05F, #D46E2A); color: #fff !important;
  box-shadow: 0 8px 20px rgba(212, 110, 42, .35);
  transition: transform .2s ease;
}
.lp-pay-link:hover { transform: translateY(-2px); color: #fff !important; }

@media (max-width: 767.98px) {
  .lp-hero { padding: 5rem 0 2rem; }
  .lp-card-body { padding: 1rem; }
  .lp-price .num { font-size: 1.9rem; }
  .lp-title { font-size: 1.45rem; }
}

/* ---------------------------------------------------------------------
   الخصم الموسمي: السعر القديم مشطوباً + شارة النسبة والسبب
   --------------------------------------------------------------------- */
.lp-price .lp-old {
  font-size: 1.05rem; font-weight: 700; color: rgba(220, 53, 69, .75);
  text-decoration: line-through;
  text-decoration-color: rgba(220, 53, 69, .55);
  text-decoration-thickness: 1.5px;
  margin-inline-end: .35rem;
}
.lp-price .lp-disc {
  display: inline-flex; align-items: center; gap: .35rem;
  margin-top: .45rem; padding: .25rem .75rem; border-radius: 999px;
  font-size: .82rem; font-weight: 800; color: #1e7e34;
  background: rgba(40, 167, 69, .12); border: 1px solid rgba(40, 167, 69, .28);
}