/* =========================================================================
   present.css — shared Teacher Presenter mode + Arabic/Hebrew language toggle
   Loaded by every page. Prefixes: .pr-* = presenter, .Lar = Arabic text.
   ========================================================================= */

/* ---------- Language toggle (works on every page, presenter or not) ------- */
html[data-lang="ar"] .he,
html[data-lang="ar"] .cn-he      { display:none !important; }
html[data-lang="he"] .Lar        { display:none !important; }

/* In Hebrew mode, promote the .he gloss from small/muted to primary text */
html[data-lang="he"] .he {
  display:revert; font-size:1em; color:inherit; font-weight:inherit;
  opacity:1; margin:0;
}
html[data-lang="he"] .h1-he { color:inherit; }
html[data-lang="he"] body   { font-family:"Heebo","Cairo",sans-serif; }

/* Nav strip labels swap with the language */
html[data-lang="he"] .cn a > span:not(.cn-he):not(.cn-n) { display:none; }
html[data-lang="he"] .cn-he { font-size:.82rem; color:inherit; font-weight:700; }

/* The toggle button (injected into the nav strip and the presenter bar) */
.lang-btn{
  display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  font-family:"JetBrains Mono",monospace; font-weight:700; font-size:.8rem;
  color:#EEEDFB; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:6px 12px;
  white-space:nowrap; transition:background .15s;
}
.lang-btn:hover{ background:rgba(255,255,255,.14); }
.cn .lang-btn{ margin-inline-start:auto; }

/* “Start presentation” launch button injected on each module page */
.pr-launch{
  position:fixed; inset-block-end:18px; inset-inline-end:18px; z-index:9000;
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  font-family:"Cairo","Heebo",sans-serif; font-weight:800; font-size:.95rem;
  color:#04231D; background:linear-gradient(135deg,#9BE15D,#22D3B0);
  border:none; border-radius:999px; padding:12px 20px;
  box-shadow:0 12px 30px -10px rgba(0,0,0,.6);
}
.pr-launch:hover{ filter:brightness(1.06); }

/* ---------- Presenter mode ------------------------------------------------ */
html.pr-on{ overflow:hidden; }
html.pr-on body{ overflow:hidden; }

.pr-bar,.pr-foot{
  position:fixed; inset-inline:0; z-index:99999; box-sizing:border-box;
  display:flex; align-items:center; gap:12px; padding:0 18px;
  background:#1D1A42; color:#EEEDFB; font-family:"Cairo","Heebo",sans-serif;
}
.pr-bar { inset-block-start:0; height:60px; border-bottom:1px solid rgba(255,255,255,.12); }
.pr-foot{ inset-block-end:0; height:64px; border-top:1px solid rgba(255,255,255,.12); }

.pr-title{ font-weight:900; font-size:1.05rem; display:flex; align-items:center; gap:8px; }
.pr-spacer{ margin-inline-start:auto; }

.pr-stage{
  position:fixed; inset-block:60px 64px; inset-inline:0; z-index:99998;
  overflow:auto; background:#14122C; padding:30px clamp(18px,5vw,90px);
  font-size:1.2rem; line-height:1.7;
}
.pr-stage > *{ max-width:1150px; margin-inline:auto; }
.pr-stage h1{ font-size:2.4rem; }
.pr-stage h2{ font-size:2rem; }
.pr-stage h3{ font-size:1.7rem; }
/* generated chapter-divider slide */
.pr-divider{ display:grid; place-content:center; text-align:center; gap:10px; min-height:60vh; }
.pr-divider .pr-dnum{ font-family:"JetBrains Mono",monospace; font-size:3rem; font-weight:800;
  width:110px; height:110px; margin:0 auto; border-radius:26px; display:grid; place-items:center;
  color:#04231D; background:linear-gradient(135deg,#9BE15D,#22D3B0); }
.pr-divider h2{ font-size:2.6rem; }

/* timer / buttons / progress */
.pr-btn{ cursor:pointer; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06);
  color:#EEEDFB; border-radius:10px; padding:8px 12px; font-size:1rem; font-weight:700;
  font-family:"Cairo","Heebo",sans-serif; display:inline-flex; align-items:center; gap:6px; }
.pr-btn:hover{ background:rgba(255,255,255,.14); }
.pr-btn.pr-primary{ background:linear-gradient(135deg,#22D3B0,#5B8DEF); color:#04231D; border:none; }
.pr-clock{ font-family:"JetBrains Mono",monospace; font-weight:700; font-size:1.05rem;
  background:#14122C; border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:6px 12px; }
.pr-count{ font-family:"JetBrains Mono",monospace; font-size:.95rem; color:#CFCDEC; white-space:nowrap; }
.pr-prog{ flex:1; height:8px; border-radius:999px; background:rgba(255,255,255,.10); overflow:hidden; }
.pr-prog > i{ display:block; height:100%; width:0; background:linear-gradient(90deg,#9BE15D,#22D3B0);
  transition:width .25s; }

/* jump-to-lesson menu */
.pr-jump-wrap{ position:relative; }
.pr-jump{ position:fixed; inset-block-start:60px; inset-inline-end:12px; z-index:100000;
  width:min(360px,86vw); max-height:70vh; overflow:auto; display:none;
  background:#241F50; border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:8px;
  box-shadow:0 20px 50px -18px rgba(0,0,0,.7); }
.pr-jump.open{ display:block; }
.pr-jump button{ display:block; width:100%; text-align:start; cursor:pointer;
  background:none; border:none; color:#EEEDFB; font-family:"Cairo","Heebo",sans-serif;
  font-size:.95rem; padding:9px 12px; border-radius:9px; }
.pr-jump button:hover{ background:rgba(255,255,255,.08); }
.pr-jump button.cur{ background:linear-gradient(135deg,#22D3B0,#5B8DEF); color:#04231D; font-weight:800; }

@media (max-width:640px){
  .pr-title span.he, .pr-title .Lar{ font-size:.9rem; }
  .pr-stage{ font-size:1.05rem; padding:20px 16px; }
}