/* אזור אישי, פאנל ניהול, קטלוג, תיבת כתיבה למרצה ותבנית הלימוד. 18.9.2026 */
.page-h1{font-size:clamp(30px,4.4vw,52px);margin-bottom:12px}
.nav-admin{border-style:dashed!important}

/* ===== אזור אישי ===== */
.account .campus-head{align-items:center}
.acc-tabs{display:flex;gap:6px;margin:22px 0 30px;border-bottom:1px solid #cdd6e8;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.acc-tabs::-webkit-scrollbar{display:none}
.acc-tabs a{flex:0 0 auto;padding:12px 16px;font-size:16px;font-weight:700;color:#50617e;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.acc-tabs a:hover{color:#142039}
.acc-tabs a.on{color:#142039;border-color:#2f5ea8}
.acc-card{background:#fff;border:1px solid #cdd6e8;border-radius:16px;padding:26px;margin-bottom:22px;color:#16243d}
.acc-card h3{font-family:var(--fb);font-weight:800;font-size:22px;margin-bottom:16px}
.acc-card h4{font-size:16px;margin:24px 0 8px;color:#50617e}
.acc-card p{font-size:16px;line-height:1.75}
.acc-card .btn{margin-top:14px}
.acc-card table{width:100%;border-collapse:collapse;text-align:right;font-size:15px}
.acc-card th,.acc-card td{padding:13px 12px;border-bottom:1px solid #e1e6f0;white-space:nowrap}
.acc-card th{font-size:13px;color:#50617e;font-weight:700}
.acc-card td[dir=ltr]{text-align:right}
.acc-note{font-size:14px!important;color:#50617e;margin-top:14px}
.acc-note a{text-decoration:underline;text-underline-offset:3px}
.acc-loading{padding:40px 0;color:#50617e;font-size:16px}
.acc-balance{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.acc-balance span{display:block;font-size:14px;color:#50617e}
.acc-balance strong{font-size:46px;line-height:1.2;font-weight:800}
.acc-balance strong small{font-size:18px;font-weight:600}
.acc-balance .btn{margin:0}
.account .campus-stats{grid-template-columns:repeat(3,1fr);margin:22px 0 0}
.acc-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 8px}
.acc-dl dt{font-size:13px;color:#50617e}
.acc-dl dd{margin:2px 0 0;font-size:17px;font-weight:700;overflow-wrap:anywhere;text-align:right}
.acc-list{list-style:none;display:grid;gap:0;margin:0;padding:0}
.acc-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #e1e6f0;flex-wrap:wrap}
.acc-list li div{display:grid;gap:2px}
.acc-list li span{font-size:14px;color:#50617e}
.acc-list .btn{margin:0}
.acc-empty{text-align:center;padding:60px 20px;background:#fff;border:1px dashed #b7c2da;border-radius:16px;color:#16243d}
.acc-empty h3{font-family:var(--fb);font-weight:800;font-size:24px;margin-bottom:8px}
.acc-empty p{max-width:46ch;margin:0 auto 20px;color:#50617e}

/* ===== ניהול ===== */
.admin .admin-stats{grid-template-columns:repeat(5,1fr)}
.admin .admin-stats>div:last-child{border-inline-end:0}
.admin-bars{display:grid;gap:12px}
.admin-bars div{display:grid;grid-template-columns:90px 1fr 60px;align-items:center;gap:12px;font-size:15px}
.admin-bars i{display:block;height:12px;border-radius:6px;background:#2f5ea8}
.admin-bars b{text-align:left}
.admin details{border-bottom:1px solid #e1e6f0;padding:12px 0}
.admin summary{cursor:pointer;font-weight:700;font-size:16px}
.admin-lessons{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;font-size:14px}
.admin-lessons li{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:6px;background:#f4f6fb}
.admin-lessons li.ok b{color:#2f7d57}.admin-lessons li.soon{opacity:.65}.admin-lessons li.bad b,.admin-warn{color:#c0453a}
.admin-broken{margin:8px 0 14px;padding-inline-start:20px;font-size:14px;color:#c0453a}

/* ===== תיבת הכתיבה: תמונה והקלטה ===== */
.cmp-tools{display:flex;gap:4px;align-self:flex-end;flex:0 0 auto}
.cmp-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:inherit;opacity:.78;transition:opacity .15s,background .15s}
.cmp-btn:hover,.cmp-btn:focus-visible{opacity:1;background:rgba(127,145,190,.18)}
.cmp-btn.rec{opacity:1;background:#c0453a;color:#fff;animation:cmpRec 1.2s ease-in-out infinite}
@keyframes cmpRec{50%{box-shadow:0 0 0 7px rgba(192,69,58,.22)}}
#view-lesson .cmp-btn{color:#d6e0f5}
#view-chat .cmp-btn{color:#142039}
.cmp-preview{position:relative;align-self:flex-start;margin:8px 14px 0;width:92px}
.cmp-preview img{width:92px;height:70px;object-fit:cover;border-radius:8px;border:1px solid rgba(127,145,190,.5)}
.cmp-preview button{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;background:#142039;color:#fff;font-size:16px;line-height:1;border:1px solid #fff}
.msg-img{display:block;max-width:220px;max-height:170px;border-radius:8px;margin-bottom:8px}
.speak-btn{display:inline-block;margin-top:10px;padding:5px 12px;border:1px solid currentColor;border-radius:999px;font-size:12.5px;opacity:.8;color:inherit}
.speak-btn:hover,.speak-btn.playing{opacity:1}
.speak-btn:disabled{opacity:.5;cursor:wait}
.panel-cost b,.chat-cost b{font-weight:800}

/* ===== תבנית הלימוד בשיעור ===== */
.sz-track{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.sz-track button{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border:1px solid rgba(169,189,227,.35);border-radius:999px;color:#e8eefb;font-size:14.5px;font-weight:700}
.sz-track button:hover{background:rgba(47,94,168,.35)}
.sz-track i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#2f5ea8;display:grid;place-items:center;font-size:12px}
.sz-review{background:rgba(255,210,122,.07);border:1px solid rgba(255,210,122,.3);border-radius:14px;padding:16px 18px;margin-bottom:22px}
.sz-review h3{margin-top:0}
.sz-review .quiz-q{margin-bottom:14px}
.sz-review .quiz-q h4{font-size:16px;margin-bottom:8px;color:#fff}
.sz-terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.sz-term{min-height:104px;padding:14px;border-radius:12px;border:1px solid rgba(169,189,227,.28);background:rgba(255,255,255,.05);color:#fff;text-align:right;font-size:16px;font-weight:800;line-height:1.5}
.sz-term .t-back{display:none;font-weight:400;font-size:14.5px;color:#dde5f4}
.sz-term.flip{background:rgba(47,94,168,.3)}
.sz-term.flip .t-front{display:block;font-size:12.5px;color:#a9bde3;margin-bottom:4px}
.sz-term.flip .t-back{display:block}
.sz-progress{position:relative;height:30px;border-radius:8px;background:rgba(255,255,255,.06);overflow:hidden;margin-bottom:12px}
.sz-progress i{position:absolute;inset-block:0;right:0;background:rgba(47,125,87,.55);transition:width .3s}
.sz-progress span{position:relative;display:block;padding:4px 12px;font-size:13.5px;color:#e8eefb}
.sz-q textarea{width:100%;margin-top:10px;padding:10px 12px;border-radius:8px;border:1px solid rgba(169,189,227,.3);background:rgba(3,6,13,.35);color:#fff;font:inherit;font-size:16px;resize:vertical}
.sz-q-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.sz-mark{display:flex;gap:8px;margin-top:10px}
.sz-mark button{padding:5px 14px;border-radius:999px;border:1px solid rgba(214,251,247,.4);color:#d6fbf7;font-size:13.5px;font-weight:700}
.sz-q[data-state=ok]{border-color:rgba(47,125,87,.8)}.sz-q[data-state=ok] [data-mark=ok]{background:#2f7d57;border-color:#2f7d57;color:#fff}
.sz-q[data-state=again]{border-color:rgba(255,210,122,.7)}.sz-q[data-state=again] [data-mark=again]{background:#ffd27a;border-color:#ffd27a;color:#14233f}

@media(max-width:760px){
  .acc-card{padding:18px}
  .acc-card th,.acc-card td{padding:10px 8px;font-size:13px}
  .acc-dl{grid-template-columns:1fr}
  .acc-balance strong{font-size:38px}
  .account .campus-stats{grid-template-columns:1fr}
  .admin .admin-stats{grid-template-columns:1fr 1fr}
  .cmp-btn{width:38px;height:38px}
  .acc-tabs a{padding:11px 12px;font-size:15px}
}
.account .campus-head h2{color:#f0f4ff;font-family:BinaDisplay,var(--fb);font-weight:800;font-size:clamp(28px,3.4vw,46px);margin:8px 0 0}
.account .campus-head .credit-chip{text-decoration:none}
.acc-card td,.acc-card dd{text-transform:none;letter-spacing:0}

/* ===== תמחור קורס ===== */
.course-buy{display:grid;grid-template-columns:minmax(200px,.8fr) 1.6fr;gap:34px;padding:30px;margin:28px 0 44px;background:#fff;border:1px solid #b7c2da;border-radius:20px;color:#16243d}
.course-buy>div:first-child span{display:block;font-size:15px;color:#50617e}
.course-buy strong{display:block;font-size:56px;line-height:1.15;font-weight:800}
.course-buy.owned strong{font-size:28px;line-height:1.4}
.course-buy small{display:block;font-size:14px;color:#50617e;margin-top:6px}
.course-buy ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;font-size:16.5px}
.course-buy li{padding-inline-start:26px;position:relative}
.course-buy li::before{content:"✓";position:absolute;inset-inline-start:0;color:#2f7d57;font-weight:800}
.cb-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cb-miluim{margin-top:16px;font-size:15px;color:#33415f}
.cb-miluim summary{cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.cb-miluim form{display:grid;gap:10px;margin-top:12px;max-width:520px}
.cb-miluim textarea{padding:10px 12px;border:1px solid #9ba3bd;border-radius:8px;font:inherit;font-size:16px}
.cb-miluim .btn{justify-self:start}
.price-rows{display:grid;margin:26px 0;border:1px solid #cdd6e8;border-radius:16px;overflow:hidden;background:#fff}
.price-rows a{display:grid;grid-template-columns:1.3fr 1.5fr auto;gap:16px;align-items:center;padding:16px 22px;border-bottom:1px solid #e1e6f0;color:#16243d}
.price-rows a:last-child{border-bottom:0}.price-rows a:hover{background:#f4f6fb}
.price-rows b{font-size:18px}.price-rows span{font-size:14.5px;color:#50617e}
.price-rows strong{font-size:22px;text-align:left;white-space:nowrap}.price-rows strong small{display:block;font-size:12.5px;font-weight:600;color:#2f7d57}
.price-sub{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 26px;border-radius:16px;background:#142039;color:#fff;margin-bottom:44px}
.price-sub div{display:grid;gap:4px;max-width:60ch}.price-sub b{font-size:21px}.price-sub span{font-size:15px;color:#c7d0f2;line-height:1.7}
.price-sub .btn{background:#c7d2ff;color:#142039;border-color:#c7d2ff}
.price-h3{font-family:var(--fb);font-weight:800;font-size:24px;margin:34px 0 4px}
.acc-sub{padding:12px 16px;border-radius:10px;background:#e6f2ec;color:#1d5a3c;font-weight:700;margin-bottom:22px}
@media(max-width:760px){.course-buy{grid-template-columns:1fr;gap:16px;padding:22px}.course-buy strong{font-size:44px}.price-rows a{grid-template-columns:1fr auto;padding:14px 16px}.price-rows span{grid-column:1/-1;order:3}.cb-btns .btn{width:100%}}

/* ===== תשלום בתוך העמוד ===== */
.pay-method{border:0;padding:0;margin:0 0 16px;display:flex;gap:10px;flex-wrap:wrap}
.pay-method legend{font-weight:700;margin-bottom:8px;padding:0}
.pay-method label{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #9ba3bd;border-radius:10px;cursor:pointer;font-weight:700;margin:0}
.pay-method label:has(input:checked){border-color:#142039;background:#142039;color:#fff}
.pay-method input{accent-color:#c7d2ff}
#bitPhoneRow{margin-top:12px}#bitPhoneRow input{width:100%;max-width:320px}
.pay-frame{padding:0!important;overflow:hidden}
.pf-head,.pf-sum{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #e1e6f0}
.pf-head div,.pf-sum div{display:grid;gap:2px}.pf-head b{font-size:18px}.pf-head span,.pf-sum span{font-size:13.5px;color:#50617e}
.pf-sum{background:#f4f6fb}.pf-sum strong{font-size:26px}
.pf-body{position:relative;min-height:640px;background:#fff}
.pf-body iframe{display:block;width:100%;height:640px;border:0}
.pf-loading{position:absolute;inset:0;display:grid;place-items:center;color:#50617e;margin:0}
.pf-foot{padding:12px 22px;font-size:13px;color:#50617e;border-top:1px solid #e1e6f0;margin:0}
.pf-foot a{text-decoration:underline}
@media(max-width:760px){.pf-body,.pf-body iframe{min-height:0;height:600px}.pf-head,.pf-sum{padding:12px 16px}}

/* ===== שיעור ראשון חינם, שיהיה ברור ===== */
.fac-photo{position:relative}
.free-ribbon{position:absolute;top:14px;inset-inline-start:0;z-index:3;background:#c7d2ff;color:#142039;font-weight:800;font-size:13px;padding:6px 14px 6px 12px;border-radius:0 999px 999px 0;box-shadow:0 6px 18px #0b122240}
[dir=rtl] .free-ribbon{border-radius:999px 0 0 999px}
.st-free{background:#2f7d57!important;color:#fff!important;font-weight:800;padding:6px 14px;border-radius:999px}
.free-note{margin-top:14px;font-size:15px;color:#2f7d57;font-weight:700}
.pay-frame{scroll-margin-top:110px}
.pf-body{min-height:540px}.pf-body iframe{height:540px}

/* ===== הסילבוס המלא ===== */
.full-syllabus{margin:56px 0;color:#16243d}
.full-syllabus h2{font-size:clamp(24px,3.2vw,38px)}
.fs-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 18px;scroll-margin-top:110px}
.fs-tabs button{display:grid;gap:2px;text-align:right;padding:16px 18px;border:1px solid #b7c2da;border-radius:14px;background:#fff;color:#16243d}
.fs-tabs button b{font-size:18px}.fs-tabs button span{font-size:13.5px;color:#50617e}
.fs-tabs button[aria-selected=true]{background:#142039;border-color:#142039;color:#fff}.fs-tabs button[aria-selected=true] span{color:#c7d0f2}
.fs-level{background:#fff;border:1px solid #cdd6e8;border-radius:16px;padding:22px 24px;margin-bottom:26px}
.fs-sub{font-size:19px;font-weight:700;margin-bottom:14px}
.fs-level dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0}.fs-level dt{font-size:13px;color:#50617e;font-weight:700}.fs-level dd{margin:4px 0 0;font-size:15.5px;line-height:1.7}
.fs-module{margin-bottom:26px}
.fs-module h3{font-family:var(--fb);font-weight:800;font-size:21px;margin-bottom:10px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.fs-module h3 i{font-style:normal;font-size:13px;font-weight:700;color:#2f5ea8;letter-spacing:.3px}
.fs-lesson{background:#fff;border:1px solid #dbe2ef;border-radius:12px;margin-bottom:6px}
.fs-lesson summary{display:flex;align-items:center;gap:14px;padding:13px 18px;cursor:pointer;list-style:none;font-size:16.5px}
.fs-lesson summary::-webkit-details-marker{display:none}
.fs-lesson summary b{flex:1;font-weight:700}
.fs-code{font-variant-numeric:tabular-nums;color:#7f8fb3;font-weight:700;font-size:14px;min-width:38px}
.fs-lesson em{font-style:normal;font-size:12.5px;color:#7a869f;white-space:nowrap}
.fs-lesson em.fs-live{color:#fff;background:#2f7d57;padding:3px 10px;border-radius:999px;font-weight:700}
.fs-lesson[open]{border-color:#9fb0d3}.fs-lesson[open] summary{border-bottom:1px solid #e6ebf4}
.fs-body{padding:14px 18px 18px 18px;padding-inline-start:70px;font-size:15.5px;line-height:1.8}
.fs-body ul{margin:8px 0 12px;padding-inline-start:20px}.fs-body p{margin:6px 0}
@media(max-width:760px){.fs-tabs{grid-template-columns:1fr}.fs-level dl{grid-template-columns:1fr}.fs-body{padding-inline-start:18px}.fs-lesson summary{padding:12px 14px;gap:10px;font-size:15.5px}}

/* ===== דף הבית: כרטיסי קורס עם תמונה גדולה ===== */
#view-landing .fac-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#view-landing .fac-card.lp-card{display:block;padding:0;background:#fff;border:1px solid #d4dae8;border-radius:18px;overflow:hidden;box-shadow:0 10px 34px #1420390d;transition:transform .25s,box-shadow .25s,border-color .25s}
#view-landing .fac-card.lp-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px #14203924;border-color:#9fb0d3;background:#fff}
#view-landing .lp-card .fac-photo{height:230px;border-radius:0;position:relative;background:#142039}
#view-landing .lp-card .fac-photo .course-scene{width:100%;height:100%;object-fit:cover;transition:transform .6s}
#view-landing .lp-card:hover .course-scene{transform:scale(1.05)}
#view-landing .lp-card .fac-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b122200 40%,#0b1222d9)}
#view-landing .lp-card .course-tutor{position:absolute;inset:auto 18px 16px auto;width:56px;height:70px;object-fit:cover;object-position:50% 20%;border:2px solid #c7d2ff;border-radius:8px;z-index:3}
#view-landing .lp-card .fac-lect{position:absolute;inset:auto 86px 16px 18px;z-index:3;color:#fff;padding:0;background:none;text-align:right}
#view-landing .lp-card .fac-lect b{display:block;font-size:18px}#view-landing .lp-card .fac-lect span{font-size:12.5px;color:#d6e0f5}
#view-landing .lp-card .fac-body{padding:20px 22px 22px}
#view-landing .lp-card h3{font-size:23px;margin-bottom:6px}
#view-landing .lp-card p{font-size:15px;line-height:1.65;color:#50617e;min-height:50px}
.lp-foot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #e1e6f0}
.lp-foot span{font-size:13px;color:#50617e}.lp-foot b{font-size:24px;color:#142039}
@media(max-width:1050px){#view-landing .fac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#view-landing .fac-grid{grid-template-columns:1fr}#view-landing .lp-card .fac-photo{height:200px}}