/* =====================================================================
   Discussion Forum — extends askbanker.in's own css/style.css.
   Reuses --bg, --surface, --border, --text, --muted, --primary, --accent,
   --success, --warning, --danger, --r, --r-lg, --sh-sm/md/lg, --font.
   ===================================================================== */

/* Toolbar (search + ask button), sits under the main navbar */
.disc-toolbar{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 0}
.disc-toolbar-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.disc-brand{font-weight:800;font-size:15px;color:var(--text);text-decoration:none;white-space:nowrap}
.disc-search{flex:1;min-width:160px}
.disc-search input{width:100%;padding:9px 14px;border:1.5px solid var(--border);border-radius:20px;font-size:13.5px;font-family:var(--font);outline:none;background:var(--bg);color:var(--text)}
.disc-search input:focus{border-color:var(--primary);background:var(--surface)}
.disc-toolbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.disc-avatar-link{text-decoration:none}
.disc-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}
.disc-avatar-lg{width:56px;height:56px;font-size:22px}

/* Flash messages */
.disc-flash{margin:14px 0;padding:12px 16px;border-radius:8px;font-size:13.5px;font-weight:600}
.disc-flash-success{background:#D1FAE5;color:#065F46;border:1px solid #6EE7B7}
.disc-flash-error{background:#FEE2E2;color:#991B1B;border:1px solid #FCA5A5}

/* Page hero (reuses .page-hero background from the shared stylesheet) */
.disc-hero-stats{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px}
.disc-hero-stat b{font-size:1.4rem;color:#fff;display:block}
.disc-hero-stat span{font-size:12px;color:rgba(255,255,255,.7)}

/* Category chips row */
.disc-cat-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:24px}
.disc-cat-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:var(--surface);border:1.5px solid var(--border);font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;text-decoration:none;flex-shrink:0;transition:all .2s}
.disc-cat-chip:hover,.disc-cat-chip.active{border-color:var(--primary);color:var(--primary);background:#EFF6FF}

/* Question list layout */
.disc-layout{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}
.disc-qlist{display:flex;flex-direction:column;gap:14px;min-width:0}
.disc-qcard{display:flex;gap:16px;padding:20px;min-width:0}
.disc-qstats{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;min-width:56px}
.disc-qstat{text-align:center}
.disc-qstat b{display:block;font-size:15px;color:var(--text);font-weight:800}
.disc-qstat span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.disc-qstat.answered b{color:var(--success)}
.disc-qbody{flex:1;min-width:0}
.disc-qtitle{font-size:15.5px;font-weight:700;color:var(--text);text-decoration:none;display:block;margin-bottom:6px;line-height:1.4}
.disc-qtitle:hover{color:var(--primary)}
.disc-qsnippet{font-size:13px;color:var(--muted);margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.disc-qmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.disc-qmeta .disc-avatar{width:22px;height:22px;font-size:11px}
.disc-qmeta-user{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}

/* Sidebar */
.disc-sidebar .card{margin-bottom:20px}
.disc-sidebar h4{color:var(--text);margin-bottom:14px;font-size:14px}
.disc-top-user{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}
.disc-top-user:last-child{border-bottom:none}
.disc-top-user-name{font-size:13px;font-weight:700;color:var(--text)}
.disc-top-user-rep{font-size:11px;color:var(--muted)}

/* Vote widget (used on both question detail + answers) */
.disc-vote{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;width:52px}
.disc-vote-btn{width:38px;height:34px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.disc-vote-btn:hover{border-color:var(--primary);color:var(--primary);background:#EFF6FF}
.disc-vote-btn.voted-up{background:var(--success);border-color:var(--success);color:#fff}
.disc-vote-btn.voted-down{background:var(--danger);border-color:var(--danger);color:#fff}
.disc-vote-score{font-size:16px;font-weight:800;color:var(--text)}

/* Question detail page */
.disc-question-detail{display:flex;gap:20px;padding:28px}
.disc-question-main{flex:1;min-width:0}
.disc-question-main h1{font-size:1.4rem;margin-bottom:14px}
.disc-question-body{font-size:14.5px;color:var(--text);line-height:1.75;margin-bottom:16px}
.disc-question-body p{margin-bottom:12px;color:var(--text)}
.disc-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.disc-tag{background:#F1F5F9;color:var(--muted);font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:14px;text-decoration:none}
.disc-tag:hover{background:var(--primary);color:#fff}
.disc-question-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px solid var(--border)}
.disc-asked-by{display:flex;align-items:center;gap:10px;background:#EFF6FF;padding:10px 14px;border-radius:8px}
.disc-asked-by-name{font-size:13px;font-weight:700;color:var(--text)}
.disc-asked-by-meta{font-size:11px;color:var(--muted)}

/* Answers */
.disc-answers-hdr{font-size:16px;font-weight:800;color:var(--text);margin:28px 0 16px;display:flex;align-items:center;gap:8px}
.disc-answer{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--border)}
.disc-answer:last-child{border-bottom:none}
.disc-answer.is-best{background:#F0FDF4;margin:0 -22px;padding:22px;border-radius:var(--r);border-bottom:none;border:1.5px solid #BBF7D0}
.disc-best-badge{display:inline-flex;align-items:center;gap:5px;background:var(--success);color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:12px;margin-bottom:10px}
.disc-answer-main{flex:1;min-width:0}
.disc-answer-body{font-size:14px;color:var(--text);line-height:1.75;margin-bottom:12px}
.disc-answer-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.disc-answer-by{display:flex;align-items:center;gap:8px;font-size:12.5px}
.disc-answer-by b{color:var(--text)}
.disc-mark-best{background:transparent;border:1.5px solid var(--success);color:var(--success);padding:5px 12px;border-radius:16px;font-size:11.5px;font-weight:700;cursor:pointer;font-family:var(--font)}
.disc-mark-best:hover{background:var(--success);color:#fff}

/* Comments (lightweight, under an answer) */
.disc-comments{margin-top:12px;padding-left:16px;border-left:2px solid var(--border)}
.disc-comment{font-size:12.5px;color:var(--muted);margin-bottom:8px}
.disc-comment b{color:var(--text)}
.disc-comment-form{display:flex;gap:8px;margin-top:8px}
.disc-comment-form input{flex:1;padding:6px 12px;border:1.5px solid var(--border);border-radius:16px;font-size:12.5px;font-family:var(--font);outline:none}

/* Answer / Ask forms */
.disc-form-card{padding:28px}
.disc-char-count{font-size:11px;color:var(--muted);text-align:right;margin-top:-12px;margin-bottom:14px}

/* Empty state */
.disc-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.disc-empty .ico{font-size:44px;display:block;margin-bottom:14px}

/* Pagination */
.disc-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0}
.disc-page-info{font-size:13px;color:var(--muted);font-weight:600}

/* Auth forms */
.disc-auth-wrap{max-width:420px;margin:0 auto}
.disc-auth-card{padding:36px}
.disc-auth-card h2{text-align:center;margin-bottom:6px}
.disc-auth-sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px}
.disc-auth-switch{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}
.disc-auth-switch a{color:var(--primary);font-weight:700;text-decoration:none}

/* Profile page */
.disc-profile-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.disc-profile-name{color:#fff;font-size:1.6rem;font-weight:800;margin-bottom:4px}
.disc-profile-meta{color:rgba(255,255,255,.7);font-size:13px}
.disc-profile-stats{display:flex;gap:26px;margin-top:14px;flex-wrap:wrap}

@media(max-width:960px){
    .disc-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
    .disc-toolbar-inner{flex-wrap:wrap}
    .disc-search{order:3;flex-basis:100%}
    .disc-question-detail{flex-direction:column;padding:20px}
    .disc-vote{flex-direction:row;width:auto}
    .disc-qcard{padding:16px}
}