/* assets/css/course-detail.css
   استایل صفحه‌ی معرفی/محتوای دوره — جمع‌وجور و ریسپانسیو.
   مشترک بین course.php (عمومی) و app/course.php (پنل). */

.course-hero .cat{display:inline-block;background:#eef2ff;color:#4338ca;font-size:11px;padding:3px 11px;border-radius:999px;margin-bottom:8px;font-weight:700;}
.course-hero h2{font-size:19px;line-height:1.5;margin-bottom:6px;}
.course-hero .teacher{color:var(--ls-ink-soft);font-size:12.5px;margin-bottom:10px;}
.course-hero p{color:var(--ls-ink-soft);line-height:1.9;font-size:13.5px;}

.intro-media{margin-top:14px;border-radius:12px;overflow:hidden;background:#000;}
.intro-media img,.intro-media video{width:100%;max-height:360px;object-fit:contain;display:block;background:#000;}
.intro-content{margin-top:14px;font-size:13.5px;line-height:1.95;color:var(--ls-ink);}
.intro-content ul,.intro-content ol{padding-inline-start:20px;margin:8px 0;}
.intro-content h3,.intro-content h4{margin:14px 0 6px;font-size:15px;}

.outcomes-block h3{font-size:13.5px;margin:14px 0 6px;}
.outcomes-list{list-style:none;margin:0;padding:0;}
.outcomes-list li{font-size:13px;color:var(--ls-ink);padding:4px 0;line-height:1.7;}

/* ---- دوره‌ی جامع: لیست زیردوره‌ها (صفحه‌ی فروش) ---- */
.sub-list-card{margin-top:14px;}
.sub-list-card h3{font-size:14.5px;margin-bottom:12px;}
.sub-row{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:12px 14px;margin:8px 0;border:1px solid var(--ls-line);border-radius:12px;
  background:#fafbfe;text-decoration:none;color:var(--ls-ink);transition:border-color .15s,transform .15s;}
.sub-row:hover{border-color:var(--ls-primary);transform:translateY(-1px);}
.sub-row-t{font-weight:600;font-size:13.5px;line-height:1.6;}
.sub-row-p{flex:none;font-weight:800;font-size:13px;color:var(--ls-primary);white-space:nowrap;}
.sub-row-p.is-free{color:#059669;}
.sub-list-note{margin-top:10px;font-size:11.5px;color:var(--ls-ink-soft);}

/* ---- دوره‌ی ساده: سرفصل‌های جمع‌شده ---- */
.syllabus-details{margin-top:14px;}
.syllabus-details>summary{cursor:pointer;font-size:14px;font-weight:700;list-style:none;
  display:flex;align-items:center;gap:8px;}
.syllabus-details>summary::-webkit-details-marker{display:none;}
.syllabus-details>summary::before{content:"▾";display:inline-block;transition:transform .15s;color:var(--ls-ink-soft);}
.syllabus-details:not([open])>summary::before{transform:rotate(-90deg);}
.syllabus-list{list-style:none;margin:12px 0 0;padding:0;}
.syllabus-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:9px 0;border-bottom:1px solid var(--ls-line);font-size:13px;}
.syllabus-list li:last-child{border-bottom:none;}

/* ---- رزومه‌ی استاد (جمع‌وجور) ---- */
.resume-card{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.resume-card span{font-size:13px;color:var(--ls-ink-soft);}

/* ---- قیمت ---- */
.price-block{margin-top:14px;}
.price-block h3{font-size:14px;margin-bottom:8px;}
.price-row{display:flex;align-items:baseline;gap:10px;}
.price-original{color:var(--ls-ink-soft);font-size:13px;text-decoration:line-through;}
.price-final{color:var(--ls-primary);font-weight:800;font-size:19px;}
.price-final.is-free{color:#059669;}

/* ---- CTA ---- */
.state-unlock{color:var(--ls-success);font-weight:600;}
.state-lock{color:var(--ls-danger);font-weight:600;}
.buy-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.inst-box{background:#fafbfe;border:1px dashed #d1d5db;border-radius:12px;padding:14px;margin-top:12px;font-size:12.5px;color:#374151;}

/* ---- درخت محتوا (بعد از خرید) ---- */
.curriculum-tree{margin-top:18px;}
.curriculum-h{font-size:16px;margin:0 0 12px;color:var(--ls-ink);}
.tree-sub,.tree-chapter{border:1px solid var(--ls-line);border-radius:12px;background:#fff;margin:10px 0;overflow:hidden;}
.tree-chapter{margin:8px 0;background:#fafbfe;}
.tree-sub>summary,.tree-chapter>summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:13.5px;
  list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.tree-sub>summary::-webkit-details-marker,.tree-chapter>summary::-webkit-details-marker{display:none;}
.tree-sub>summary::before,.tree-chapter>summary::before{content:"▾";color:var(--ls-ink-soft);transition:transform .15s;}
.tree-sub:not([open])>summary::before,.tree-chapter:not([open])>summary::before{transform:rotate(-90deg);}
.tree-sub-t{flex:1;min-width:0;}
.tree-count{font-weight:400;font-size:11.5px;color:var(--ls-ink-soft);}
.tree-chapter{margin-inline:12px;margin-bottom:10px;}
.tree-locked,.tree-empty{padding:12px 14px;font-size:12.5px;color:var(--ls-ink-soft);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.lesson-row{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 14px;border-top:1px solid var(--ls-line);}
.lesson-name{font-size:13px;line-height:1.6;}
.btn-watch{flex:none;padding:6px 14px;font-size:12px;}

/* ---- ریسپانسیو ---- */
@media(max-width:768px){
  .course-hero h2{font-size:17px;}
  .lesson-row{flex-direction:column;align-items:stretch;}
  .btn-watch{width:100%;text-align:center;justify-content:center;}
}
@media(max-width:600px){
  .intro-media img,.intro-media video{max-height:210px;}
  .buy-row .ls-btn,.buy-row form{width:100%;}
  .buy-row form{flex-direction:column;align-items:stretch !important;}
  .buy-row .ls-input{width:100% !important;}
  .price-final{font-size:17px;}
  .sub-row{flex-direction:column;align-items:flex-start;gap:6px;}
  .resume-card{flex-direction:column;align-items:stretch;}
  .resume-card .ls-btn{text-align:center;}
  .tree-chapter{margin-inline:8px;}
  .syllabus-list li{font-size:12.5px;}
}

/* جعبه‌ی خرید صفحه‌ی معرفی دوره (course.php ریشه) — «یک مسیر روشن» */
.buy-box{border:1px solid var(--ls-line);}
.buy-box .buy-price{font-size:15px;color:var(--ls-ink);margin-bottom:6px;}
.buy-box .buy-price strong{font-size:18px;color:var(--ls-primary);}
.buy-box .buy-hint{margin-top:10px;font-size:12.5px;color:var(--ls-ink-soft);line-height:1.9;}
.buy-box .buy-row .ls-btn{font-size:14px;padding:12px 22px;}

/* =====================================================================
   چیدمانِ دوستونه‌ی صفحه‌ی معرفیِ دوره («به سبک فرادرس»): محتوا + جعبه‌ی
   خریدِ چسبان (sticky). فقط course.php ریشه از این کلاس‌ها استفاده می‌کند —
   app/course.php (پنل) دست‌نخورده می‌ماند چون این wrapper را ندارد.
   ===================================================================== */
.course-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start;}
.course-main{min-width:0;}
.course-sidebar{min-width:0;}
.buy-box-sticky{position:sticky;top:88px;}
.buy-box-thumb{margin:-22px -22px 16px;border-radius:16px 16px 0 0;overflow:hidden;background:#000;}
.buy-box-thumb img{width:100%;height:170px;object-fit:cover;display:block;}
.buy-box-discount-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.buy-box-discount-row .price-original{font-size:13px;color:var(--ls-ink-soft);text-decoration:line-through;}
.buy-box-discount-row .discount-badge{background:#fee2e2;color:#b91c1c;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;}
.buy-box-perks{list-style:none;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--ls-line);display:flex;flex-direction:column;gap:8px;}
.buy-box-perks li{font-size:12.5px;color:var(--ls-ink-soft);display:flex;align-items:center;gap:8px;}
.buy-box-perks svg{width:16px;height:16px;flex:none;color:var(--ls-primary);}
.buy-box-meta{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ls-line);font-size:11.5px;color:var(--ls-muted,#9ca3af);}
.buy-box-meta span{display:flex;align-items:center;gap:6px;}
.buy-box-meta svg{width:14px;height:14px;flex:none;}

@media (max-width:980px){
  .course-detail-grid{grid-template-columns:1fr;}
  .buy-box-sticky{position:static;}
  .course-sidebar{order:-1;}
}