/* ════════════════════════════════════════════════════════════════════════════
 * PAID CONTENT — STUDENT CSS — «المحتوى المدفوع» (مستقل، قابل للإزالة)
 * ────────────────────────────────────────────────────────────────────────────
 * إضافي فقط: كل القواعد تحت بادئة .pcs- (ما عدا الاستفادة من .poster-card /
 * .poster-grid القائمة) — لا يعيد تعريف أي قاعدة موجودة. RTL كامل.
 * للإزالة: احذف <link> هذا من index.html.
 * ════════════════════════════════════════════════════════════════════════════ */

/* صفحة الطالب الرئيسية لكل kind */
.pcs-page-header {
  padding:24px 16px 12px; text-align:center;
}
.pcs-page-title {
  font-size:1.45rem; font-weight:800; margin:0 0 6px;
  color:var(--primary, #d4af37);
  display:inline-flex; align-items:center; gap:10px;
}
.pcs-page-sub { color:var(--muted, #94a3b8); font-size:.88rem; }
.pcs-host { padding:0 12px 28px; }
.pcs-section { margin-bottom:24px; }
.pcs-section-h {
  font-size:1.02rem; font-weight:700; color:var(--text, #e5e7eb);
  margin:14px 4px 10px; display:flex; align-items:center; gap:8px;
}
.pcs-section-h i { color:var(--primary, #d4af37); }

/* بوستر — نُضيف فوق .poster-card الموجودة */
.pcs-poster { position:relative; }
.pcs-skel-poster { aspect-ratio:9/16; border-radius:18px; }

/* شارات الحالة على البوستر (تنافس مع .poster-status الموجودة لكن بألوان مخصّصة) */
.pcs-st-owned {
  background:linear-gradient(135deg, rgba(34,197,94,.95), rgba(22,163,74,.95)) !important;
  color:#fff !important;
}
.pcs-st-pay {
  background:linear-gradient(135deg, rgba(245,158,11,.95), rgba(217,119,6,.95)) !important;
  color:#fff !important;
}
.pcs-st-pending {
  background:linear-gradient(135deg, rgba(212,175,55,.95), rgba(184,134,11,.95)) !important;
  color:#000 !important;
}
.pcs-st-rej {
  background:linear-gradient(135deg, rgba(239,68,68,.95), rgba(220,38,38,.95)) !important;
  color:#fff !important;
}

/* شارة السعر على البوستر (أعلى-يسار) */
.pcs-price-tag {
  position:absolute; top:10px; right:10px; z-index:3;
  background:rgba(212,175,55,.95); color:#000;
  font-size:.72rem; font-weight:800; padding:4px 9px; border-radius:10px;
  display:inline-flex; align-items:center; gap:5px;
  box-shadow:0 4px 12px rgba(0,0,0,.4);
}
.pcs-price-tag.free { background:rgba(34,197,94,.95); color:#fff; }

/* أزرار البوستر — variants إضافية */
.poster-action-btn.open {
  background:linear-gradient(135deg, #22c55e, #16a34a); color:#fff;
}
.poster-action-btn.pcs-buy {
  background:linear-gradient(135deg, #d4af37, #b8860b); color:#000;
}
.poster-action-btn.pcs-resume {
  background:linear-gradient(135deg, #f59e0b, #d97706); color:#fff;
}

/* Empty state */
.pcs-empty {
  display:flex; flex-direction:column; align-items:center; gap:8px;
  padding:60px 20px; text-align:center; color:var(--muted, #94a3b8);
  border:1px dashed rgba(255,255,255,.12); border-radius:16px;
  background:rgba(255,255,255,.02); margin:14px;
}
.pcs-empty i { font-size:2.4rem; opacity:.5; }
.pcs-empty-t { font-weight:700; color:var(--text, #e5e7eb); font-size:1rem; }
.pcs-empty-h { font-size:.85rem; }
.pcs-empty-mini { color:var(--muted, #94a3b8); font-size:.86rem; text-align:center; padding:20px; }

.pcs-loading { display:flex; flex-direction:column; align-items:center; gap:10px; padding:60px 20px; color:var(--muted, #94a3b8); }
.pcs-spinner {
  width:36px; height:36px; border:3px solid rgba(212,175,55,.18);
  border-top-color:#d4af37; border-radius:50%;
  animation:pcsSpin .9s linear infinite;
}
@keyframes pcsSpin { to { transform:rotate(360deg); } }

.pcs-err {
  padding:24px; text-align:center; color:#fca5a5;
  background:rgba(239,68,68,.06); border:1px solid rgba(239,68,68,.18); border-radius:12px; margin:14px;
}

/* ══════════════════════════════════════════════════════════════════════════
 * Bottom Sheet — شاشة الشراء المدمجة (القلب)
 * ══════════════════════════════════════════════════════════════════════════ */
#pcsSheetRoot, #pcsContentRoot {
  position:fixed; inset:0; z-index:10000; pointer-events:none;
}
#pcsSheetRoot.show, #pcsContentRoot.show { pointer-events:auto; }

.pcs-sheet-backdrop {
  position:absolute; inset:0;
  background:rgba(2,6,15,.62); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  opacity:0; transition:opacity .22s ease;
}
#pcsSheetRoot.show .pcs-sheet-backdrop, #pcsContentRoot.show .pcs-sheet-backdrop { opacity:1; }

.pcs-sheet {
  position:absolute; bottom:0; left:0; right:0;
  max-width:520px; margin:0 auto;
  background:linear-gradient(180deg, #111827 0%, #0b1220 100%);
  border-radius:22px 22px 0 0;
  max-height:90vh; display:flex; flex-direction:column;
  border:1px solid rgba(212,175,55,.18); border-bottom:none;
  box-shadow:0 -24px 60px rgba(0,0,0,.6);
  transform:translateY(100%); transition:transform .26s cubic-bezier(.2,.9,.2,1);
  direction:rtl;
}
#pcsSheetRoot.show .pcs-sheet, #pcsContentRoot.show .pcs-sheet { transform:translateY(0); }
.pcs-sheet.dragging { transition:none; }

.pcs-sheet-handle {
  width:42px; height:4px; background:rgba(255,255,255,.22); border-radius:2px;
  margin:10px auto; cursor:grab; user-select:none; flex-shrink:0;
}
.pcs-sheet-head {
  display:flex; align-items:center; gap:8px;
  padding:6px 14px 12px; border-bottom:1px solid rgba(255,255,255,.06);
  flex-shrink:0;
}
.pcs-sheet-back, .pcs-sheet-x {
  background:rgba(255,255,255,.06); border:none; color:#e5e7eb;
  width:36px; height:36px; border-radius:10px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:1.05rem; transition:all .15s;
}
.pcs-sheet-back:hover, .pcs-sheet-x:hover { background:rgba(255,255,255,.1); }
.pcs-sheet-title {
  flex:1; text-align:center; font-weight:800; color:#fbbf24;
  font-size:1rem; padding:0 6px;
}
.pcs-sheet-body { padding:14px 16px; overflow:auto; flex:1; }
.pcs-sheet-foot {
  padding:10px 16px; border-top:1px solid rgba(255,255,255,.06);
  display:flex; justify-content:space-between; align-items:center;
  background:rgba(0,0,0,.18); gap:10px; flex-wrap:wrap;
  flex-shrink:0; font-size:.86rem;
}
.pcs-foot-now b { color:#fbbf24; font-size:1.05rem; }
.pcs-foot-rem { color:#94a3b8; }

/* ─── محتوى الـ sheet ─── */
.pcs-summary-card {
  display:flex; gap:12px; align-items:center;
  padding:12px; background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06); border-radius:14px;
}
.pcs-mini-poster {
  width:70px; aspect-ratio:9/16; border-radius:10px;
  background-size:cover; background-position:center; background-color:#1f2937; flex-shrink:0;
}
.pcs-mini-poster-ph {
  background:linear-gradient(135deg, rgba(212,175,55,.2), rgba(184,134,11,.1));
}
.pcs-summary-text { flex:1; min-width:0; }
.pcs-summary-t { font-weight:700; color:#fff; font-size:.98rem; margin-bottom:3px; }
.pcs-summary-sub { color:#94a3b8; font-size:.78rem; }

.pcs-desc { color:#cbd5e1; font-size:.86rem; line-height:1.7; margin:10px 0; }

.pcs-price-card {
  margin-top:12px; padding:18px 14px; text-align:center;
  background:linear-gradient(135deg, rgba(212,175,55,.1), rgba(184,134,11,.06));
  border:1px solid rgba(212,175,55,.28); border-radius:14px;
}
.pcs-price-amt { font-size:1.75rem; font-weight:800; color:#fbbf24; }
.pcs-price-meta { color:#cbd5e1; font-size:.82rem; margin-top:4px; }

/* Accordion (التفاصيل) */
.pcs-acc {
  margin-top:10px; border:1px solid rgba(255,255,255,.08); border-radius:12px;
  background:rgba(255,255,255,.03); overflow:hidden;
}
.pcs-acc summary {
  list-style:none; padding:12px 14px; font-weight:700; color:#fff;
  cursor:pointer; display:flex; align-items:center; gap:8px; user-select:none;
}
.pcs-acc summary::-webkit-details-marker { display:none; }
.pcs-acc summary i:first-child { color:#fbbf24; }
.pcs-acc-arrow { margin-inline-start:auto; color:#94a3b8; font-size:.9rem; transition:transform .2s; }
.pcs-acc[open] .pcs-acc-arrow { transform:rotate(180deg); }
.pcs-acc-body { padding:0 14px 14px; color:#cbd5e1; font-size:.88rem; line-height:1.7; }
.pcs-acc-body p { margin:0 0 8px; }
.pcs-acc-note { background:rgba(14,165,233,.08); border-radius:8px; padding:8px 10px; color:#bae6fd; }
.pcs-acc-note i { color:#0ea5e9; }
.pcs-acc-gate { color:#fbbf24; }
.pcs-acc-gate i { color:#fbbf24; }

/* اختيار نوع الدفع (قسط / كامل) */
.pcs-paytype {
  display:flex; flex-direction:column; gap:8px; margin-top:12px;
}
.pcs-paytype-opt {
  display:flex; align-items:flex-start; gap:10px;
  padding:12px; border:1.5px solid rgba(255,255,255,.08); border-radius:12px;
  cursor:pointer; transition:all .15s; background:rgba(255,255,255,.02);
}
.pcs-paytype-opt:hover { border-color:rgba(212,175,55,.4); }
.pcs-paytype-opt.on { border-color:#fbbf24; background:rgba(212,175,55,.07); }
.pcs-paytype-opt input[type=radio] { width:18px; height:18px; margin-top:2px; accent-color:#fbbf24; }
.pcs-paytype-opt span { display:flex; flex-direction:column; gap:2px; }
.pcs-paytype-opt b { color:#fff; font-size:.94rem; }
.pcs-paytype-opt small { color:#94a3b8; font-size:.76rem; line-height:1.5; }

/* اختيار طريقة الدفع */
.pcs-method {
  display:flex; gap:8px; margin-top:12px; flex-wrap:wrap;
}
.pcs-method-opt {
  flex:1; min-width:130px;
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:12px; border:1.5px solid rgba(255,255,255,.08); border-radius:12px;
  cursor:pointer; transition:all .15s; background:rgba(255,255,255,.02);
  color:#fff; font-weight:600; font-size:.88rem;
}
.pcs-method-opt:hover { border-color:rgba(212,175,55,.4); }
.pcs-method-opt.on { border-color:#fbbf24; background:rgba(212,175,55,.07); }
.pcs-method-opt input[type=radio] { display:none; }
.pcs-method-opt i { font-size:1.1rem; color:#fbbf24; }

/* CTA */
.pcs-cta-wrap { margin-top:14px; }
.pcs-cta {
  width:100%; padding:14px; border:none; border-radius:12px;
  font-size:.95rem; font-weight:700; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  transition:all .15s;
}
.pcs-cta.primary { background:linear-gradient(135deg, #fbbf24, #d97706); color:#000; }
.pcs-cta.primary:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(212,175,55,.35); }
.pcs-cta.primary:disabled { opacity:.6; cursor:not-allowed; transform:none; box-shadow:none; }
.pcs-cta.ghost { background:rgba(255,255,255,.06); color:#e5e7eb; }
.pcs-cta.ghost:hover { background:rgba(255,255,255,.1); }

/* رسالة الحالة */
.pcs-state-msg {
  margin-top:10px; padding:10px 12px; border-radius:10px;
  font-size:.84rem; line-height:1.6; text-align:center;
}
.pcs-state-msg.info  { background:rgba(14,165,233,.1);  color:#bae6fd; }
.pcs-state-msg.warn  { background:rgba(245,158,11,.1);  color:#fcd34d; }
.pcs-state-msg.error { background:rgba(239,68,68,.1);   color:#fecaca; }
.pcs-state-msg i { margin-left:5px; }

.pcs-hint {
  margin-top:10px; padding:10px 12px; text-align:center;
  color:#94a3b8; font-size:.8rem;
  background:rgba(255,255,255,.03); border-radius:10px;
}

/* نموذج Moyasar — يحاول مطابقة الثيم بدون التدخل بقواعد Moyasar الداخلية */
.pcs-pay-form { margin-top:12px; }
.pcs-moy-form { min-height:80px; }

/* صفحة النجاح */
.pcs-success {
  display:flex; flex-direction:column; align-items:center; gap:14px;
  padding:30px 16px; text-align:center;
}
.pcs-success-ic {
  width:80px; height:80px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:2.4rem; color:#fff;
  background:linear-gradient(135deg, #22c55e, #16a34a);
  box-shadow:0 12px 30px rgba(34,197,94,.4);
  animation:pcsPop .35s cubic-bezier(.2,.9,.3,1);
}
.pcs-success-ic.warn  { background:linear-gradient(135deg, #f59e0b, #d97706); box-shadow:0 12px 30px rgba(245,158,11,.4); }
.pcs-success-ic.ok    { background:linear-gradient(135deg, #22c55e, #16a34a); }
@keyframes pcsPop { from { transform:scale(.4); opacity:0; } to { transform:scale(1); opacity:1; } }
.pcs-success-t { font-weight:800; color:#fff; font-size:1.2rem; }
.pcs-success-h { color:#cbd5e1; font-size:.92rem; line-height:1.6; max-width:340px; }
.pcs-success-acts { display:flex; flex-direction:column; gap:8px; width:100%; max-width:300px; }

.pcs-success-rem { width:100%; }
.pcs-rem-card {
  margin-top:14px; padding:12px 14px;
  background:rgba(14,165,233,.08); border:1px solid rgba(14,165,233,.22);
  border-radius:12px; color:#bae6fd; font-size:.84rem; line-height:1.7;
  text-align:right;
}
.pcs-rem-card i { color:#0ea5e9; margin-left:5px; }
.pcs-rem-card b { color:#fff; }
.pcs-rem-actions { margin-top:8px; }
.pcs-link {
  background:transparent; border:none; color:#0ea5e9;
  cursor:pointer; font-weight:700; text-decoration:underline;
  font-size:.84rem; padding:4px 0;
}

/* شاشة المحتوى بعد التسجيل */
.pcs-content-sheet { max-width:560px; }
.pcs-content-desc { color:#cbd5e1; font-size:.9rem; line-height:1.7; margin:10px 0 14px; }
.pcs-content-sec-h {
  margin:12px 0 8px; color:#fbbf24; font-weight:700; font-size:.95rem;
  display:flex; align-items:center; gap:8px;
}
.pcs-cl-list { display:flex; flex-direction:column; gap:8px; }
.pcs-cl-row {
  display:flex; align-items:center; gap:12px; padding:10px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:10px;
}
.pcs-cl-thumb {
  width:72px; aspect-ratio:16/9; border-radius:7px;
  background-size:cover; background-position:center; background-color:#1f2937; flex-shrink:0;
}
.pcs-cl-thumb-ph {
  display:flex; align-items:center; justify-content:center; color:#94a3b8;
  background:linear-gradient(135deg, rgba(212,175,55,.14), rgba(184,134,11,.08));
}
.pcs-cl-main { flex:1; min-width:0; }
.pcs-cl-t { font-weight:600; color:#fff; font-size:.88rem; }
.pcs-cl-sub { color:#94a3b8; font-size:.74rem; margin-top:4px; display:flex; gap:10px; flex-wrap:wrap; }
.pcs-cl-lock { color:#f59e0b; margin-right:4px; }

/* Responsive */
@media (min-width:560px) {
  .pcs-sheet { border-radius:18px; margin-bottom:24px; bottom:24px; left:50%; transform:translateX(-50%) translateY(120%); }
  #pcsSheetRoot.show .pcs-sheet, #pcsContentRoot.show .pcs-sheet { transform:translateX(-50%) translateY(0); }
}