/* EduPulse QnA Premium - Frontend */
.epqna-index-wrap, .epqna-article-wrap { max-width: 980px; margin: 0 auto; }
.epqna-limits { padding: 10px 12px; border: 1px solid #e5e5e5; border-radius: 8px; margin: 12px 0; background: #fff; }
.epqna-filter { display: flex; gap: 10px; align-items: center; margin: 10px 0 16px; }
.epqna-filter select { padding: 8px; border-radius: 6px; border: 1px solid #ccc; }
.epqna-post-list { display: grid; gap: 10px; }
.epqna-post-item { padding: 12px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; }
.epqna-post-title a { font-weight: 700; text-decoration: none; }
.epqna-post-meta { margin-top: 6px; font-size: 14px; opacity: 0.9; }

.epqna-pagination { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0; }
.epqna-pagination a { padding: 6px 10px; border: 1px solid #ddd; border-radius: 8px; text-decoration: none; }
.epqna-pagination a.active { font-weight: 700; }

.epqna-article { padding: 12px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; margin: 12px 0; }
.epqna-article-title { margin: 0 0 8px; }

.epqna-form { padding: 12px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; margin: 12px 0; }
.epqna-form textarea { width: 100%; min-height: 120px; padding: 10px; border-radius: 8px; border: 1px solid #ccc; }
.epqna-form button { margin-top: 10px; padding: 10px 14px; border-radius: 10px; border: 0; cursor: pointer; }
.epqna-success { padding: 10px; border-radius: 8px; background: #e9f7ef; border: 1px solid #b7e1c2; margin: 10px 0; }
.epqna-error { padding: 10px; border-radius: 8px; background: #fdecea; border: 1px solid #f5c6cb; margin: 10px 0; }

.epqna-thread { margin: 16px 0; }
.epqna-item { padding: 12px; border: 1px solid #eee; border-radius: 10px; background: #fff; margin: 10px 0; }
.epqna-q, .epqna-a { margin: 6px 0; }
.epqna-q-meta, .epqna-a-meta { font-size: 13px; opacity: 0.85; }
.epqna-a.pending { opacity: 0.75; }

.epqna-locked { padding: 14px; border: 1px dashed #d0d0d0; border-radius: 10px; background: #fafafa; margin: 12px 0; }
.epqna-subscribe-btn { display: inline-block; padding: 10px 14px; border-radius: 10px; text-decoration: none; border: 1px solid #ddd; margin-top: 6px; }


/* Buttons: black/white, Capitalize */
.epqna-btn {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  text-decoration: none;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 0.2px;
}
.epqna-btn:hover {
  background: #fff;
  color: #000;
}
.epqna-btn:focus { outline: 2px solid #000; outline-offset: 2px; }

/* Backward compatibility for old class name */
.epqna-subscribe-btn { display:none; }


.epqna-btn-row { display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }

.epqna-badge {
  display:inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #000;
  background:#000;
  color:#fff;
  font-size:12px;
  margin-left:10px;
  text-transform: capitalize;
}
.epqna-badge.pending {
  background:#fff;
  color:#000;
}

.epqna-counter {
  margin-top:8px;
  font-size:13px;
  opacity:0.85;
}
.epqna-counter.limit {
  opacity:1;
  font-weight:700;
}
.epqna-form button.disabled { opacity: 0.7; cursor: not-allowed; }