/* ═══════════════════════════════════════════════
   FILE: styles/mock.css
   RESPONSIBILITY: Mock exam setup page, banner,
     mock timer, section badge, mock report styles
   ═══════════════════════════════════════════════ */

/* ── MOCK SETUP HERO ── */
.mock-setup-hero{background:linear-gradient(135deg,#1C1C2E 0%,#312e81 100%);border-radius:var(--r);padding:32px;color:#fff;margin-bottom:24px;text-align:center}
.mock-setup-hero h1{font-family:'Playfair Display',serif;font-size:2rem;margin-bottom:8px}
.mock-setup-hero p{font-size:.9rem;color:rgba(255,255,255,.65);max-width:480px;margin:0 auto}

/* ── EXAM FORMAT CARDS ── */
.exam-format-card{border:1.5px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;background:#fff;margin-bottom:12px}
.exam-format-card:hover{border-color:var(--gold)}
.exam-format-card.sel{border-color:var(--gold);background:var(--gold-light)}
.efc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.efc-name{font-weight:700;font-size:.95rem}
.efc-tag{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:10px}
.efc-desc{font-size:.82rem;color:var(--mid);margin-bottom:10px}
.efc-subjects{display:flex;gap:6px;flex-wrap:wrap}
.subj-chip{font-size:.72rem;padding:3px 10px;border-radius:10px;background:var(--border);color:var(--ink);font-weight:500}
.timing-info{display:flex;gap:16px;margin-top:10px;font-size:.78rem;color:var(--mid)}
.timing-info span{display:flex;align-items:center;gap:4px}

/* ── MOCK WARNING ── */
.mock-warning{background:#FEF2F2;border:1px solid #FECACA;border-radius:10px;padding:14px 18px;font-size:.85rem;color:#991B1B;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}

/* ── MOCK QUIZ BANNER ── */
.mock-banner{background:linear-gradient(135deg,#1C1C2E 0%,#2d2d58 100%);border-radius:var(--r);padding:24px 28px;color:#fff;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.mock-banner-left h2{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:4px}
.mock-banner-left p{font-size:.82rem;color:rgba(255,255,255,.6)}
.mock-timer-big{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:900;color:var(--gold);letter-spacing:.05em}
.mock-timer-big.warn{color:#ff6b6b;animation:pulse .8s ease infinite}
.mock-timer-label{font-size:.72rem;color:rgba(255,255,255,.5);text-align:right;margin-top:-4px}
.mock-section-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:700;background:rgba(200,168,75,.2);color:var(--gold);border:1px solid rgba(200,168,75,.3);margin-bottom:16px}

/* ── MOCK NO-FEEDBACK MODE ── */
.mock-no-feedback .fbbox{display:none!important}
.mock-no-feedback .fbzh{display:none!important}

/* ── MOCK REPORT ── */
.report-wrap{background:#fff;border-radius:var(--r);padding:36px;box-shadow:var(--shadow);margin-top:20px}
.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--border)}
.report-logo{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--gold)}
.report-logo span{display:block;font-family:'DM Sans',sans-serif;font-size:.75rem;color:var(--mid);font-weight:400;margin-top:2px}
.report-meta{text-align:right;font-size:.8rem;color:var(--mid);line-height:1.7}
.report-score-row{display:flex;align-items:center;gap:28px;margin-bottom:28px}
.report-ring{flex-shrink:0;position:relative;width:110px;height:110px}
.report-score-info h2{font-family:'Playfair Display',serif;font-size:1.5rem;margin-bottom:4px}
.report-score-info p{font-size:.88rem;color:var(--mid);line-height:1.55}
.report-band{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.78rem;font-weight:700;margin-top:8px}
.band-a{background:#ECFDF5;color:#065F46}
.band-b{background:#EFF6FF;color:#1D4ED8}
.band-c{background:#FFFBEB;color:#92400E}
.band-d{background:#FEF2F2;color:#991B1B}
.report-section{margin-bottom:24px}
.report-section h3{font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.report-table{width:100%;border-collapse:collapse;font-size:.82rem}
.report-table th{background:#F8F7F2;padding:9px 12px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mid)}
.report-table td{padding:9px 12px;border-top:1px solid var(--border)}
.report-table tr:hover td{background:#FAFAF8}
.tag-correct{color:var(--green);font-weight:700}.tag-wrong{color:var(--red);font-weight:700}
.report-footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);font-size:.75rem;color:var(--mid);display:flex;justify-content:space-between}
.zh-block{background:#FFF8E7;border-radius:10px;padding:16px 18px;margin-top:12px;font-size:.85rem;line-height:1.7;color:#4A3800;border:1px solid rgba(200,168,75,.2)}
.zh-block h4{font-size:.8rem;font-weight:700;color:#7a5c00;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}

/* ── Free Mock Trial Banner (v7.2) ── */
.free-mock-banner {
  background: linear-gradient(135deg, #fff8e1, #fff3cd);
  border: 1.5px solid #f0c040;
  border-radius: 10px;
  margin-bottom: 18px;
  padding: 14px 16px;
}
.fmb-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.fmb-icon { font-size: 1.6rem; flex-shrink: 0; }
.fmb-text { flex: 1; font-size: 0.9rem; color: #5a4000; min-width: 200px; }
.fmb-text strong { display: block; margin-bottom: 2px; }
.fmb-btn {
  background: #e6a817;
  color: #fff;
  border: none;
  border-radius: 7px;
  padding: 8px 16px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.88rem;
  transition: background .2s;
}
.fmb-btn:hover { background: #c98f00; }

/* FIX C3: Mock subject tag above quiz card */
.mock-subject-tag {
  display: none;
  margin: 0 auto 10px;
  max-width: 680px;
  padding: 6px 14px;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 600;
  color: #1D4ED8;
  width: fit-content;
  letter-spacing: 0.02em;
}