/* =====================================================================
   Bilioneri • Curriculum / Timeline — CSS v6.1 (refined final)
   - Keep v6.1 typography, spacing, colors, dark-mode
   - Replace number circle with BIG folder (left)
   - Remove right-side folder; title & folder in one row
   ===================================================================== */

/* ---------------- Core & Container ---------------- */
.bil-curriculum-wrap{
  /* Folder icon (fixed-color, unaffected by dark mode) */
  --folder-icon: url("data:image/svg+xml;utf8,<svg width='512' height='512' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='%23f2c84b' d='M3 6.5A1.5 1.5 0 0 1 4.5 5H9l2 2h8.5A1.5 1.5 0 0 1 21 8.5V9H3V6.5Z'/><rect x='3' y='9' width='18' height='10.5' rx='1.5' fill='%23ffd66e' stroke='%23e1b24a' stroke-width='0.5'/></svg>");

  --content-max: 860px;
  --gap-item: 14px;
  --panel-gap: 8px;

  margin:24px auto;
  max-width:980px;
  padding:0 16px;
}
.bil-curriculum-wrap *{ box-sizing:border-box; }

/* ---------------- Block ---------------- */
.mv-curriculum{
  color:#0f0f10;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif;
  line-height:1.5;
  direction:ltr; text-align:left;

  /* هندسه پوشه/سطر (اندازه پوشه را از اینجا تغییر بده) */
  --dot: 56px;      /* ← اگر بزرگ‌تر می‌خواهی مثلاً 72px کن */
}

/* ---------------- List reset ---------------- */
.mv-tl{ list-style:none; margin:0; padding:0 0 16px 0; counter-reset: mv; position:relative; }
.mv-tl > li{ margin:0; padding:0; }
.mv-it + .mv-it{ margin-top: var(--gap-item); }

/* ---------------- Head (Part row) ---------------- */
.mv-head{
  all:unset;
  display:grid;
  grid-template-columns: var(--dot) 1fr;   /* folder (left) • title */
  align-items:center;
  gap:12px;
  width:100%;
  padding:12px 16px;
  background:#fff;
  border:1px solid #e9eaec;
  border-radius:12px;
  cursor:pointer;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.mv-head:hover{ background:#f7f7f8; border-color:#dfe1e5; }

/* Title */
.mv-title{ margin:0; font-size:16px; font-weight:800; color:#0f0f10; min-width:0; }

/* ---- BIG folder replaces number circle ---- */
.mv-num{
  width:var(--dot); height:var(--dot);
  display:block;
  background: center / contain no-repeat var(--folder-icon); /* show folder */
  border-radius:0;           /* remove circle look */
}
/* remove counter completely */
.mv-num::after{ content:""; }

/* remove right-side folder entirely */
.mv-plus{ display:none !important; }

/* ---------------- Panel ---------------- */
.mv-panel{
  margin: var(--panel-gap) 0 0 0;
  padding:0;
  max-height:0; overflow:hidden;
  transition:max-height .3s ease, padding-top .2s ease, padding-bottom .2s ease;
}
.mv-head[aria-expanded="true"] + .mv-panel{
  max-height:1200px; padding-top:8px; padding-bottom:4px;
}
.mv-panel[hidden]{ display:none !important; }

/* ---------------- Lessons ---------------- */
.mv-lessons{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.mv-lesson{ display:flex; }

/* Lesson card */
.mv-download{
  display:inline-flex; align-items:center; gap:8px;
  width:100%; text-decoration:none;
  color:#0f0f10; background:#fff; border:1px solid #ececee; border-radius:10px;
  padding:10px 12px; font-size:14px; font-weight:600;
  transition: border-color .2s ease, background .2s ease, transform .06s ease;
}
.mv-download:hover{ background:#fafafb; border-color:#e4e6ea; }
.mv-download:active{ transform:translateY(1px); }

/* Optional inline icons (if used in HTML) */
.mv-ico{ width:18px; height:18px; flex:0 0 18px; display:inline-block; margin-inline-end:8px; background:center/contain no-repeat; vertical-align:middle; }
.mv-ico.is-locked{ background-image:url("data:image/svg+xml;utf8,<svg width='256' height='256' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%237a7f88' d='M7 9V7a5 5 0 1 1 10 0v2h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h1Zm2 0h6V7a3 3 0 1 0-6 0v2Z'/></svg>"); }
.mv-ico.is-unlocked{ background-image:url("data:image/svg+xml;utf8,<svg width='256' height='256' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23111' d='M6 10h12v10H6z'/><path fill='%23111' d='M16 10V8a4 4 0 1 0-7.2 2.4l1.7-1.1A2 2 0 1 1 14 8v2h2z'/></svg>"); }
/* kill any old pseudo-locks */
.mv-lessons a.is-locked::before{ content:none !important; }

/* ---------------- Focus ---------------- */
.mv-head:focus, .mv-head:focus-visible, .mv-head:focus-within{ outline:none; box-shadow:none; }
.mv-head:focus-visible{ border-color:#b7c9ff; box-shadow:0 0 0 2px rgba(69,121,255,.32); }

/* ---------------- Dark Mode (keep v6.1 tone) ---------------- */
:root[data-theme="dark"] .mv-curriculum{ color:#f4f5f6; }

:root[data-theme="dark"] .mv-head{
  background:#0c0d10; border-color:#2a2d33; color:#f4f5f6;
}
:root[data-theme="dark"] .mv-head:hover{
  background:#0e1014; border-color:#3a3e45;
}
:root[data-theme="dark"] .mv-head:focus-visible{
  border-color:#6b8cff; box-shadow:0 0 0 2px rgba(107,140,255,.32);
}
:root[data-theme="dark"] .mv-title{ color:#f4f5f6; }

/* NOTE: number badge styles from v6.1 حذف شدند چون دیگه شماره نداریم */

/* Lesson cards in dark */
:root[data-theme="dark"] .mv-download{ background:#0f0f12; border-color:#2a2d33; color:#f4f5f6; }
:root[data-theme="dark"] .mv-download:hover{ background:#111216; border-color:#3a3e45; }

/* =====================================================================
   Responsive
   ===================================================================== */

/* Desktop center */
@media (min-width:1024px){
  .bil-curriculum-wrap .mv-curriculum{ max-width:var(--content-max); margin-inline:auto; }
}

/* Tablet */
@media (max-width:900px){
  .mv-title{ font-size:15px; }
  .mv-head{ padding:12px 12px; }
}

/* Mobile (≤768px) */
@media (max-width:768px){
  .bil-curriculum-wrap{ padding-inline:10px; margin-inline:auto; max-width:100%; }

  .mv-tl, .mv-tl > li{ margin:0; padding:0; }
  .mv-tl{ padding-inline-start:0; padding-inline-end:0; list-style:none; }

  .mv-head{
    grid-template-columns: var(--dot) 1fr; /* همان چیدمان */
    padding:12px 10px; border-radius:10px; gap:10px;
  }

  .mv-panel{ margin-top:8px; margin-bottom:6px; }
  .mv-head[aria-expanded="true"] + .mv-panel{ padding-top:6px; padding-bottom:2px; }

  .mv-it + .mv-it{ margin-top:20px; }
  .mv-lessons{ gap:12px; }
  .mv-title{ font-size:14.5px; }
}

/* Very small phones */
@media (max-width:380px){
  .mv-title{ font-size:14px; }
}

/* Mobile gutters without shrinking width */
@media (max-width:768px){
  /* فاصله‌ی امن دوطرف برای هر آیتم لیست */
  .mv-tl{ --gutter: clamp(14px, 4vw, 22px); }
  .mv-it{ padding-inline: var(--gutter); }  /* ← گاتر روی خود li */
  
  /* کارت‌ها تمام‌عرض باقی بمانند */
  .bil-curriculum-wrap .mv-head,
  .bil-curriculum-wrap .mv-download{
    width: 100% !important;     /* جلو "عرض برابر با محتوا" را می‌گیرد */
    margin: 0 !important;       /* از هر مارجین قبلی جلوگیری می‌کند */
  }

  /* پنل فقط فاصله‌ی عمودی داشته باشد؛ گاترِ افقی از li تامین می‌شود */
  .bil-curriculum-wrap .mv-panel{
    margin-top: 8px;
    padding-inline: 0 !important;
  }
}







/* ظرف لینک درس */
.mv-download{
  display: flex;
  align-items: center;
  gap: 8px; /* فاصله بین آیکون و عنوان */
}

/* خود آیکون قفل */
.mv-ico{
  width: 18px;
  min-width: 18px;  /* ستونِ ثابت برای جلوگیری از جمع شدن */
  height: 18px;
  display: inline-block;
  flex: 0 0 18px;   /* ستون ثابت */
}

/* وقتی لینک قفل نیست (کاربر اشتراک دارد) آیکون را نامرئی کن اما فضا بماند */
.mv-download:not(.is-locked) .mv-ico{
  visibility: hidden;   /* نه display:none */
  pointer-events: none; /* احتیاطی */
}
/* دو ستون: آیکون | عنوان  (RTL-safe) */
.mv-download{
  display: grid;
  grid-template-columns: 18px 1fr;  /* ستون آیکون ثابت + ستون عنوان */
  align-items: center;
  column-gap: 8px;
}

/* وقتی قفل نیست، ستون اول را صفر کن تا فضا حذف شود */
.mv-download:not(.is-locked){
  grid-template-columns: 0 1fr;
}