/* LngGo Tests — أنماط الاختبار. مأخوذة من .lnggo-quiz-* في langotheme (inc/quiz/shortcode.php)
   ليبقى شكل «حدد مستواك» كما هو، مع مؤقّت السؤال. النصّ الإنجليزيّ بـltr و plaintext. */
.lt-wrap{max-width:720px;margin:0 auto;background:linear-gradient(160deg,#1e0050 0%,#0d0020 100%);border-radius:20px;padding:36px 32px;color:#fff;box-shadow:0 20px 60px rgba(74,20,140,.45);border:1px solid rgba(124,67,189,.3);font-family:inherit;}
.lt-wrap [hidden]{display:none!important;}
.lt-intro{text-align:center;}
.lt-badge{font-size:3.5rem;margin-bottom:12px;line-height:1;}
.lt-intro h3,.lt-result-head h3{font-size:1.6rem;color:#ffd700;margin:0 0 10px;font-weight:900;}
.lt-intro>p{color:rgba(255,255,255,.75);margin:0 0 22px;}
.lt-fields{display:flex;flex-direction:column;gap:10px;max-width:380px;margin:0 auto;}
.lt-fields input{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;width:100%;box-sizing:border-box;}
.lt-fields input::placeholder{color:rgba(255,255,255,.45);}
.lt-fields input:focus{outline:none;border-color:#a855f7;}
/* العمر بأداة LnggoSelect: الزرّ بشكل الخانات، والنافذة تحته (لوح سفليّ على الجوال) */
.lt-age{position:relative;}
.lt-age-btn{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.45);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;text-align:start;cursor:pointer;}
.lt-age-btn.set{color:#fff;font-weight:700;}
.lt-age-btn:focus-visible{outline:none;border-color:#a855f7;}
.lt-age-btn span{flex:1;}
.lt-age-btn svg{width:18px;height:18px;fill:none;stroke:#c4b5fd;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.lt-age-bg{position:fixed;inset:0;z-index:9998;background:rgba(10,4,24,.45);}
.lt-age-sheet{position:absolute;z-index:9999;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;gap:12px;padding:14px;background:#1c1630;border:1.5px solid #7c43bd;border-radius:20px;box-shadow:0 16px 44px rgba(0,0,0,.5);}
.lt-wrap .lt-age-sheet[hidden],.lt-wrap .lt-age-bg[hidden]{display:none!important;}
.lt-age-sheet{overflow-y:auto;overscroll-behavior:contain;}
.lt-age-ok{width:100%;margin:0;padding:12px 20px;position:sticky;bottom:0;flex:none;}
.lt-notes-sel{max-width:440px;}
.lt-notes-sel .ls-bar{display:none;}   /* الطريقة من أزرار النموذج */
@media (max-width:560px){
  .lt-age-sheet{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:92vh;overflow:auto;padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;border-width:1.5px 0 0;}
}
.lt-me{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;}
.lt-me-who{font-size:1rem;color:#fff;}
.lt-me-src{font-size:.82rem;color:rgba(255,255,255,.6);}
.lt-me-src a,.lt-me-edit{color:#d8b4fe;text-decoration:underline;}
.lt-me-edit{background:none;border:none;padding:0;font:inherit;cursor:pointer;}
.lt-start,.lt-age-ok{background:linear-gradient(145deg,#7c43bd,#4a148c);color:#fff;border:none;padding:14px 42px;border-radius:50px;font-family:inherit;font-weight:900;font-size:1.05rem;cursor:pointer;box-shadow:0 6px 22px rgba(74,20,140,.45);transition:transform .2s,opacity .2s;margin-top:10px;}
.lt-start:hover{transform:translateY(-2px);}
.lt-start:disabled{opacity:.5;cursor:wait;transform:none;}
.lt-error{color:#ff9d9d;font-size:.92rem;margin:4px 0 0;text-align:center;}

.lt-progress{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin-bottom:8px;}
.lt-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#7c43bd,#a855f7);transition:width .3s;}
.lt-meta{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.65);font-size:.88rem;margin-bottom:8px;}
.lt-clock{font-weight:800;color:#ffd700;font-variant-numeric:tabular-nums;}
.lt-meta-side{display:inline-flex;align-items:center;gap:10px;}
.lt-mute{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:50%;width:30px;height:30px;padding:0;font-size:14px;line-height:1;cursor:pointer;}
.lt-mute:hover{background:rgba(255,255,255,.16);}
.lt-timer{height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;margin-bottom:24px;}
.lt-timer-fill{height:100%;width:100%;background:#ffd700;transition:width .2s linear,background-color .3s;}
.lt-timer-fill.low{background:#ff6b6b;}
.lt-question{font-size:1.15rem;font-weight:700;line-height:1.8;margin-bottom:22px;padding:0 6px;text-align:left;unicode-bidi:plaintext;}
.lt-options{display:flex;flex-direction:column;gap:10px;}
.lt-opt{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;cursor:pointer;color:#fff;font-family:inherit;font-size:.98rem;text-align:left;unicode-bidi:plaintext;transition:background .2s,border-color .2s;}
.lt-opt:hover:not(:disabled){background:rgba(124,67,189,.28);border-color:rgba(124,67,189,.6);}
.lt-opt.selected{background:rgba(124,67,189,.45);border-color:#a855f7;}
.lt-opt:disabled{cursor:default;}
.lt-retry{align-self:center;}

.lt-result-head{text-align:center;padding:12px 0 24px;}
.lt-score{font-size:3rem;font-weight:900;margin:10px 0;direction:ltr;}/* «2 / 20» لا «20 / 2» في سياق rtl */
.lt-high .lt-score{color:#7fd884;}
.lt-mid .lt-score{color:#ffb74d;}
.lt-low .lt-score{color:#ff8a80;}
.lt-pct{font-size:1.4rem;color:rgba(255,255,255,.75);}
.lt-level{margin-top:14px;font-size:1.05rem;color:rgba(255,255,255,.85);}
.lt-level strong{color:#ffd700;}
.lt-review-title{margin:8px 0 12px;font-size:1.05rem;}
.lt-review{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:lt;}
.lt-review-item{background:rgba(255,255,255,.06);border-right:4px solid #999;border-radius:10px;padding:14px 18px;counter-increment:lt;}
.lt-review-item.correct{border-right-color:#4caf50;}
.lt-review-item.wrong{border-right-color:#e53935;background:rgba(229,57,53,.36);} /* الخاطئة بخلفيّة حمراء تُميَّز بنظرة */
.lt-review-q{font-weight:700;margin-bottom:8px;font-size:.95rem;text-align:left;direction:ltr;unicode-bidi:plaintext;}
.lt-review-q::before{content:counter(lt) ". ";}
.lt-review-a{font-size:.9rem;color:rgba(255,255,255,.7);margin-top:4px;}
.lt-review-a .ok,.lt-review-a .no{unicode-bidi:plaintext;font-weight:700;}
.lt-review-a .ok{color:#7fd884;}
.lt-review-a .no{color:#ff9d9d;}
.lt-lbl{color:rgba(255,255,255,.5);}
.lt-again{text-align:center;margin-top:24px;}

@media (max-width:520px){
  .lt-wrap{padding:26px 16px;border-radius:16px;}
  .lt-question{font-size:1.05rem;}
  .lt-score{font-size:2.4rem;}
}

/* ── أنواع الأسئلة (المذكرات) ───────────────────────────── */
.lt-qtype{color:rgba(255,255,255,.55);font-size:.85rem;margin-bottom:6px;text-align:center;}
.lt-question[dir="rtl"]{text-align:right;}
.lt-spell{font-size:1.9rem;letter-spacing:.14em;text-align:center!important;font-variant-ligatures:none;}
.lt-hint{text-align:center;color:#ffd700;font-size:1rem;margin:-10px 0 20px;}
.lt-options[dir="rtl"] .lt-opt{text-align:right;}
.lt-grid{display:grid;grid-template-columns:1fr 1fr;}
.lt-grid .lt-opt{text-align:center;font-size:1.2rem;font-weight:800;letter-spacing:.08em;}
.lt-review-q[dir="rtl"]{text-align:right;}

/* ── صفحة الاختبار الخاصّ ───────────────────────────────── */
/* الهيرو كهيرو «حدد مستواك» (.qz-hero في المظهر): صورة معتمة تحت تدرّج بنفسجيّ، أو التدرّج وحده بلا صورة */
.lt-sp-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#4a148c 0%,#12002e 100%);color:#fff;text-align:center;}
.lt-sp-hero.has-img{height:400px;background:#0a0515;}
.lt-sp-hero img{width:100%;height:100%;object-fit:cover;opacity:.45;object-position:center top;display:block;}
.lt-sp-hero-overlay{padding:64px 20px 72px;}
.lt-sp-hero.has-img .lt-sp-hero-overlay{position:absolute;inset:0;padding:20px 20px 40px;background:linear-gradient(160deg,rgba(74,20,140,.55) 0%,rgba(5,2,20,.82) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.lt-sp-hero h1{color:#ffd700;font-size:clamp(1.7rem,5vw,2.6rem);font-weight:900;margin:0 0 10px;text-shadow:0 2px 16px rgba(0,0,0,.5);}
.lt-sp-hero p{color:rgba(255,255,255,.8);margin:0 auto;max-width:520px;line-height:1.9;}
.lt-sp{max-width:820px;margin:-40px auto 80px;padding:0 16px;position:relative;}
.lt-sp .lt-wrap{max-width:none;}
.lt-loading{text-align:center;color:rgba(255,255,255,.7);}
.lt-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:14px;}
.lt-tab{background:rgba(255,255,255,.9);color:#4a148c;border:1.5px solid rgba(74,20,140,.25);border-radius:50px;padding:9px 20px;font-family:inherit;font-weight:800;font-size:.92rem;cursor:pointer;}
.lt-tab.active{background:#4a148c;color:#fff;border-color:#4a148c;}
.lt-title{color:#ffd700;font-size:1.35rem;font-weight:900;margin:0 0 10px;}
.lt-note{color:rgba(255,255,255,.75);font-size:.93rem;line-height:1.8;margin:8px 0;}
.lt-big{font-size:1.1rem;color:#fff;font-weight:700;}
.lt-warn{color:#ffcc80;}
.lt-info{display:flex;flex-direction:column;gap:4px;color:rgba(255,255,255,.8);font-size:.93rem;margin-bottom:12px;}
.lt-countdown{font-size:2rem;font-weight:900;color:#ffd700;text-align:center;margin:12px 0;font-variant-numeric:tabular-nums;direction:ltr;}
.lt-mine{margin-top:22px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;}
.lt-mine h4{margin:0 0 10px;}
.lt-mine-row{margin-bottom:10px;}
.lt-details summary{cursor:pointer;color:#d4a8ff;margin:6px 0;}
.lt-form{display:flex;flex-direction:column;gap:14px;}
.lt-field{display:flex;flex-direction:column;gap:6px;}
.lt-field-label{font-weight:800;font-size:.92rem;color:rgba(255,255,255,.85);}
.lt-wrap input[type=text],.lt-wrap input[type=number],.lt-wrap input[type=date],.lt-wrap input[type=time],.lt-wrap input[type=search]{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:.95rem;width:100%;box-sizing:border-box;color-scheme:dark;}
.lt-wrap input::placeholder{color:rgba(255,255,255,.45);}
.lt-wrap input:focus{outline:none;border-color:#a855f7;}
.lt-radios{display:flex;gap:8px;flex-wrap:wrap;}
.lt-time{display:flex;align-items:center;gap:6px;}
.lt-time select{flex:1;min-width:0;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:10px 8px;font-family:'Outfit','Tajawal',sans-serif;font-size:1rem;font-weight:700;text-align:center;color-scheme:dark;}
.lt-time select:focus{outline:none;border-color:#a855f7;}
.lt-time option{background:#1e0050;color:#fff;}
.lt-time-sep{font-weight:900;color:rgba(255,255,255,.7);}
.lt-radio{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 14px;cursor:pointer;font-size:.92rem;}
.lt-radio:has(input:checked){border-color:#a855f7;background:rgba(124,67,189,.3);}
.lt-radio input{accent-color:#a855f7;margin:0;}
.lt-notes-picker{display:flex;flex-direction:column;gap:8px;}
.lt-when{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;}
.lt-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.lt-bar .lt-title{margin:0;}
.lt-bar input[type=search]{max-width:280px;}
.lt-small{padding:10px 22px;font-size:.92rem;margin-top:0;}
.lt-mini{display:inline-block;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.85rem;cursor:pointer;text-decoration:none;}
.lt-mini:hover{background:rgba(124,67,189,.4);color:#fff;}
.lt-danger{border-color:rgba(255,107,107,.5);color:#ffb4b4;}
.lt-list{display:flex;flex-direction:column;gap:8px;}
.lt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;}
.lt-row-main{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0;}
.lt-muted{color:rgba(255,255,255,.55);font-size:.85rem;}
.lt-chip{display:inline-block;background:rgba(124,67,189,.35);border-radius:50px;padding:4px 10px;font-size:.85rem;white-space:nowrap;}
.lt-chip-btn{border:none;color:#fff;font-family:inherit;cursor:pointer;margin:2px;}
.lt-chip-btn:hover{background:#7c43bd;}
.lt-badge-state{border-radius:50px;padding:3px 10px;font-size:.8rem;font-weight:800;background:rgba(255,255,255,.12);}
.lt-s-open{background:#2e7d32;}
.lt-s-before{background:#1565c0;}
.lt-s-grace{background:#ef6c00;}
.lt-s-deleted{background:#6d4c41;}
.lt-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0;}
.lt-url{background:rgba(0,0,0,.3);border-radius:10px;padding:10px 12px;font-family:monospace;font-size:.9rem;word-break:break-all;margin:10px 0;}
.lt-table-wrap{overflow-x:auto;margin:10px 0;}
.lt-table{width:100%;border-collapse:collapse;font-size:.9rem;}
.lt-table th,.lt-table td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.1);text-align:right;vertical-align:middle;}
.lt-table th{color:rgba(255,255,255,.6);font-weight:800;}
.lt-best{font-weight:900;color:#ffd700;}
.lt-detail{margin-top:18px;}
.lt-detail h4{margin:0 0 10px;}
.lt-special-link{display:block;margin-top:18px;color:#d4a8ff;font-size:.92rem;text-align:center;text-decoration:none;}
/* زرّ «الاختبار الخاص» تحت نموذج «حدد مستواك»: ثانويّ بإطار ذهبيّ كزرّ «تكوين اختبار» في الألعاب */
.lt-special-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);}
.lt-start.lt-alt{display:inline-block;text-decoration:none;background:rgba(255,255,255,.06);color:#ffd700;border:1px solid rgba(255,215,0,.45);box-shadow:none;}
.lt-start.lt-alt:hover{color:#ffd700;background:rgba(255,215,0,.1);}
.lt-special-link:hover{color:#fff;text-decoration:underline;}

@media (max-width:520px){
  .lt-sp-hero.has-img{height:280px;}
  .lt-sp{margin-top:-30px;padding:0 12px;}
  .lt-when{grid-template-columns:1fr 1fr;}
  .lt-when .lt-field:first-child{grid-column:1/-1;}
  .lt-spell{font-size:1.5rem;}
  .lt-tab{padding:8px 14px;font-size:.85rem;}
}
