/* LngGo — Quiz  (page-quiz.php)
   كان <style> داخل القالب؛ يُحمَّل في هذه الصفحة وحدها بعد theme.css وheader.css (ls_page_css). */
/* ─── PAGE SHELL ─────────────────────────── */
:root{--p:#4a148c;--pl:#7c43bd;--bg:#f0f4f8;--accent:#1a1a2e;--muted:#555;--rl:24px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Almarai','Tajawal','Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--accent);direction:rtl;}

/* ─── HERO ────────────────────────────────── */
.qz-hero{position:relative;width:100%;height:400px;overflow:hidden;background:#0a0515;}
.qz-hero img{width:100%;height:100%;object-fit:cover;opacity:.45;object-position:center top;}
.qz-hero-overlay{position:absolute;inset:0;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;text-align:center;padding:20px;}
.qz-hero-overlay h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:900;color:#ffd700;letter-spacing:0;text-shadow:0 2px 16px rgba(0,0,0,.5);margin-bottom:12px;}
.qz-hero-overlay p{color:rgba(255,255,255,.8);font-size:1rem;max-width:500px;}
.qz-hero-btn{display:inline-flex;align-items:center;gap:10px;background:rgba(124,67,189,.85);backdrop-filter:blur(8px);color:#fff;font-weight:900;font-size:1.05rem;padding:14px 36px;border-radius:50px;text-decoration:none;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 28px rgba(74,20,140,.4);transition:transform .2s;margin-top:16px;}
.qz-hero-btn:hover{color:#fff;transform:translateY(-3px);background:var(--pl);}

/* ─── INTRO ──────────────────────────────── */
.qz-intro{max-width:800px;margin:0 auto;padding:44px 24px 16px;text-align:center;}
.qz-intro p{font-size:1.05rem;line-height:2;color:#555;}
.qz-extra{overflow:hidden;transition:max-height .4s ease;max-height:0;}
.qz-extra.open{max-height:200px;}
.qz-extra p{margin-top:12px;}
.toggle-btn{background:none;border:none;color:var(--p);font-size:.92rem;font-weight:700;cursor:pointer;padding:8px 0 0;font-family:inherit;display:block;margin:6px auto 0;}
.qz-divider{max-width:840px;margin:28px auto;border:none;border-top:1px solid var(--border);}

/* ─── QUIZ PLUGIN WRAPPER ────────────────── */
.qz-plugin-wrap{max-width:780px;margin:0 auto;padding:0 20px 80px;}

/* placeholder عند غياب الشورت كود */
.qz-placeholder{
  background:linear-gradient(135deg,#1a0040 0%,#0d001a 100%);
  border-radius:var(--rl);padding:48px 32px;text-align:center;
  border:1px solid rgba(124,67,189,.3);
  box-shadow:0 20px 60px rgba(74,20,140,.4);
}
.qz-placeholder p{color:rgba(255,255,255,.6);margin-bottom:16px;font-size:.97rem;}
.qz-placeholder code{
  display:inline-block;background:rgba(124,67,189,.25);
  color:#d4a8ff;padding:10px 20px;border-radius:10px;
  font-family:monospace;font-size:1rem;letter-spacing:.5px;
  border:1px solid rgba(124,67,189,.4);
}
.qz-placeholder small{display:block;color:rgba(255,255,255,.35);margin-top:12px;font-size:.82rem;}

/* ملاحظة: أنماط الاختبار (السؤال/الخيارات/النتيجة) مضمّنة في inc/ls-quiz.php
   بفئات .lnggo-quiz-* — لا حاجة لأي تنسيق هنا. */

@media(max-width:520px){
  .qz-hero{height:280px;}
  .qz-plugin-wrap{padding:0 14px 60px;}
}