/* آکادمی رسا — دوره آموزش معلمان */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&family=Lalezar&display=swap');
*{font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;}
h1,h2,h3,.ph-title,.sb-logo,.obj-title,.quiz-head-title,.refl-head-title,.video-slot-title,.prep-col-title{font-family:'Lalezar','Vazirmatn',sans-serif!important;}
html{direction:rtl;text-align:right;}
.sidebar{right:0;left:auto;border-left:1px solid rgba(255,255,255,.06);border-right:none;}
.main{margin-right:var(--sb);margin-left:0;}
.sb-item{flex-direction:row-reverse;padding:.4rem 1.4rem .4rem 2.5rem;border-right:2px solid transparent;border-left:none;}
.sb-item.active{border-right-color:var(--gold);border-left:none;}
.sb-grp-head{flex-direction:row-reverse;}
.sb-grp-arr{transform:rotate(180deg);}
.sb-grp.open .sb-grp-arr{transform:rotate(90deg);}
.reading-block{border-right:4px solid #EEEEEE;border-left:none;padding-right:1.2rem;padding-left:0;}
.obj-list li::before{content:"\2190";}
.topbar{flex-direction:row-reverse;}
.tb-crumb{flex-direction:row-reverse;}
.quiz-opt{flex-direction:row-reverse;text-align:right;}
.quiz-fb{border-right:3px solid #2BBFA4;border-left:none;border-radius:10px 0 0 10px;text-align:right;}
.prep-checklist{flex-direction:row-reverse;}
.video-slot{flex-direction:row-reverse;}
.complete-bar{flex-direction:row-reverse;}
body,p,li,span,div{line-height:1.9;}
.reading-block p{line-height:2;font-size:.92rem;}
.obj-list li{line-height:1.8;font-size:.88rem;}
.quiz-q{line-height:1.9;}
.sb-item-n,.prep-tag,.sb-cert-label span:last-child,#prog-pct,#cert-pct{direction:ltr;unicode-bidi:embed;}
@media(max-width:768px){.sidebar{right:0;left:auto;transform:translateX(100%);}.sidebar.open{transform:translateX(0);}.sb-toggle{left:auto;right:1.2rem;}}

/* Video, Task & Resources blocks */
.vb-q{display:flex;gap:.8rem;font-size:.85rem;color:#1a2e1a;line-height:1.8;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.08);}
.vb-q:last-child{border-bottom:none;}
.vb-q-num{min-width:24px;height:24px;background:#3A50A0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;flex-shrink:0;}
.task-arrow{color:#2BBFA4;font-weight:800;flex-shrink:0;direction:ltr;}
.task-block li{display:flex;align-items:flex-start;gap:.8rem;font-size:.85rem;color:#0d2b20;line-height:1.8;}
.resource-item{display:flex;align-items:center;gap:.6rem;font-size:.83rem;color:#1a2e1a;line-height:1.7;}
.res-icon{font-size:1rem;flex-shrink:0;}
.res-type{background:rgba(255,255,255,.15);color:rgba(255,255,255,.6);border-radius:6px;padding:.1rem .5rem;font-size:.62rem;font-weight:800;flex-shrink:0;}


/* ===== Fix: readable text inside light-bg video & task blocks ===== */

/* Video analysis block — light blue bg */
.video-block .vb-q { color: #1a2e3a !important; border-bottom-color: rgba(58,80,160,.12) !important; }
.video-block .vb-q-num { background: #3A50A0; color: #fff !important; }
.video-block [style*="rgba(255,255,255,.7)"],
.video-block [style*="rgba(255,255,255, .7)"] { color: #1a2e3a !important; }
.video-block [style*="rgba(255,255,255,.35)"] { color: rgba(58,80,160,.55) !important; }
.video-block [style*="rgba(255,255,255,.04)"] { background: rgba(58,80,160,.06) !important; }

/* Task block — light teal bg */
.task-block li { color: #0d2b22 !important; }
.task-block .task-arrow { color: #1a8a74 !important; }
.task-block [style*="rgba(255,255,255,.7)"],
.task-block [style*="rgba(255,255,255, .7)"] { color: #0d2b22 !important; }
.task-block [style*="font-size:.65rem"] { color: #1a8a74 !important; }

/* Resources block — stays dark bg, keep white text but bump opacity */
.block[style*="rgba(255,255,255,.03)"] .resource-item { color: #1a2e1a !important; }
.block[style*="rgba(255,255,255,.03)"] [style*="font-family:'Lalezar'"] { color: rgba(255,255,255,.75) !important; }

/* Resources block: dark text on light page bg */
.block[style*="rgba(255,255,255,.03)"] { background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.10) !important; }
.block[style*="rgba(255,255,255,.03)"] .resource-item { color: #1a2e1a !important; }
.block[style*="rgba(255,255,255,.03)"] .resource-item strong { color: #1a2e1a !important; }
.block[style*="rgba(255,255,255,.03)"] .resource-item .res-type { background: rgba(0,0,0,.08) !important; color: #3a5a3a !important; }
.block[style*="rgba(255,255,255,.03)"] [style*="Lalezar"] { color: #2a3a2a !important; }


/* ===== Section Icons — geometric SVG, no emojis ===== */

/* Shared icon pseudo-element base */
.block.objectives::before,
.block.reading-block::before,
.block.quiz-block::before,
.block.refl-block::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 1rem auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .85;
}

/* OBJECTIVES — concentric target rings */
.block.objectives::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='18' fill='none' stroke='%23F5A623' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='%23F5A623' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='6' fill='none' stroke='%23F5A623' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='2.5' fill='%23F5A623'/%3E%3Cline x1='20' y1='2' x2='20' y2='8' stroke='%23F5A623' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='38' y1='20' x2='32' y2='20' stroke='%23F5A623' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* READING BLOCK — open book with lines */
.block.reading-block::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 32 C20 32 8 26 8 14 L8 10 C8 10 14 8 20 14' fill='none' stroke='%233DBFB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 32 C20 32 32 26 32 14 L32 10 C32 10 26 8 20 14' fill='none' stroke='%233DBFB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='20' y1='14' x2='20' y2='32' stroke='%233DBFB8' stroke-width='2'/%3E%3Cline x1='24' y1='17' x2='29' y2='15' stroke='%233DBFB8' stroke-width='1.5' stroke-linecap='round' opacity='.6'/%3E%3Cline x1='24' y1='21' x2='29' y2='19' stroke='%233DBFB8' stroke-width='1.5' stroke-linecap='round' opacity='.6'/%3E%3Cline x1='24' y1='25' x2='28' y2='23' stroke='%233DBFB8' stroke-width='1.5' stroke-linecap='round' opacity='.6'/%3E%3C/svg%3E");
}

/* QUIZ BLOCK — lightbulb geometric */
.block.quiz-block::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6 C13 6 8 11 8 17 C8 21 10 24 13 26 L13 30 C13 31 14 32 15 32 L25 32 C26 32 27 31 27 30 L27 26 C30 24 32 21 32 17 C32 11 27 6 20 6Z' fill='none' stroke='%23E8554E' stroke-width='2' stroke-linejoin='round'/%3E%3Cline x1='16' y1='35' x2='24' y2='35' stroke='%23E8554E' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='17.5' y1='38' x2='22.5' y2='38' stroke='%23E8554E' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='20' y1='10' x2='20' y2='22' stroke='%23E8554E' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='26' r='1.5' fill='%23E8554E'/%3E%3C/svg%3E");
}

/* REFLECTION — mirror/ripple concentric arcs */
.block.refl-block::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='16' r='7' fill='none' stroke='%235BC8F5' stroke-width='2'/%3E%3Cpath d='M13 23 C13 27 16 30 20 30 C24 30 27 27 27 23' fill='none' stroke='%235BC8F5' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='20' y1='30' x2='20' y2='35' stroke='%235BC8F5' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='15' y1='35' x2='25' y2='35' stroke='%235BC8F5' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='17' cy='14' r='1.5' fill='%235BC8F5' opacity='.5'/%3E%3Ccircle cx='22' cy='13' r='1' fill='%235BC8F5' opacity='.4'/%3E%3C/svg%3E");
}

/* VIDEO BLOCK — play circle with signal waves */
.video-block::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 1rem auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .85;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='14' fill='none' stroke='%236B8FD9' stroke-width='2'/%3E%3Cpolygon points='17,14 30,20 17,26' fill='%236B8FD9'/%3E%3Cpath d='M33 10 C37 13 37 27 33 30' fill='none' stroke='%236B8FD9' stroke-width='1.5' stroke-linecap='round' opacity='.5'/%3E%3Cpath d='M36 7 C42 12 42 28 36 33' fill='none' stroke='%236B8FD9' stroke-width='1.5' stroke-linecap='round' opacity='.3'/%3E%3C/svg%3E");
}

/* TASK BLOCK — checklist with lines */
.task-block::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 1rem auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .85;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='6' width='28' height='28' rx='4' fill='none' stroke='%232BBFA4' stroke-width='2'/%3E%3Cpolyline points='12,16 15,19 22,12' fill='none' stroke='%232BBFA4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='25' y1='15' x2='31' y2='15' stroke='%232BBFA4' stroke-width='2' stroke-linecap='round' opacity='.5'/%3E%3Cpolyline points='12,24 15,27 22,20' fill='none' stroke='%232BBFA4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' opacity='.6'/%3E%3Cline x1='25' y1='23' x2='31' y2='23' stroke='%232BBFA4' stroke-width='2' stroke-linecap='round' opacity='.3'/%3E%3C/svg%3E");
}

/* RESOURCES BLOCK icon */
.block[style*="rgba(255,255,255,.03)"]::before,
.block[style*="rgba(0,0,0,.04)"]::before {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 0 .8rem auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .7;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='8' width='16' height='20' rx='2' fill='none' stroke='%23888' stroke-width='2'/%3E%3Crect x='10' y='8' width='16' height='20' rx='2' fill='none' stroke='%23888' stroke-width='2'/%3E%3Crect x='14' y='8' width='16' height='20' rx='2' fill='none' stroke='%23888' stroke-width='2'/%3E%3Cline x1='17' y1='14' x2='26' y2='14' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='17' y1='18' x2='26' y2='18' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='17' y1='22' x2='23' y2='22' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}