/* ============================================================
   TRUE GOSPEL CANADA — Q&A Stylesheet
   Extends blog.css — same design system
   ============================================================ */

/* ── HERO EXTRAS ─────────────────────────────────────────────── */
.qa-hero-count{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem;
  font-family:var(--ui);font-size:.82rem;color:var(--gold-lt);background:rgba(201,168,76,.12);
  border:1px solid rgba(201,168,76,.25);padding:.3rem .85rem;border-radius:20px}
.qa-hero-count .ti{font-size:.85rem}

/* ── SORT SELECT ─────────────────────────────────────────────── */
.qa-sort-form{display:flex;align-items:center;gap:.4rem}
.qa-sort-select{font-family:var(--ui);font-size:.78rem;padding:.3rem .6rem;
  border:1px solid var(--border);border-radius:20px;background:var(--white);
  color:var(--text-body);cursor:pointer;outline:none}
.qa-sort-select:focus{border-color:var(--gold-dk)}

/* ── Q&A CARD GRID ───────────────────────────────────────────── */
.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;margin-bottom:2rem}

/* ── Q&A CARD ────────────────────────────────────────────────── */
.qa-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;transition:box-shadow var(--trans),transform var(--trans)}
.qa-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.qa-card--pinned{border-left:3px solid var(--gold-dk)}
.qa-card--featured{border-color:var(--gold-dk)}
.qa-card-link{display:flex;flex-direction:column;padding:1.15rem 1.2rem;
  text-decoration:none;height:100%;color:inherit}
.qa-card-link:hover{text-decoration:none}

.qa-card-top{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem}
.qa-pin-badge{font-family:var(--ui);font-size:.67rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--gold-dk);display:flex;align-items:center;gap:.2rem}
.qa-pin-badge .ti{font-size:.72rem}
.qa-staff-badge{font-family:var(--ui);font-size:.67rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:#1d6e4a;display:flex;align-items:center;gap:.2rem}

.qa-card-question{font-family:var(--font);font-size:.98rem;font-weight:700;line-height:1.3;
  color:var(--ink);margin-bottom:.55rem}
.qa-card-answer-preview{font-family:var(--ui);font-size:.82rem;line-height:1.6;
  color:var(--muted);flex:1;margin-bottom:.75rem;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.qa-card-footer{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.65rem;
  border-top:1px solid var(--parch-dk)}
.qa-card-meta{display:flex;align-items:center;gap:.4rem;
  font-family:var(--ui);font-size:.72rem;color:var(--muted)}
.qa-card-meta .ti{font-size:.78rem}
.qa-card-stats{display:flex;gap:.6rem;font-family:var(--ui);font-size:.72rem;color:var(--muted)}
.qa-card-stats .ti{font-size:.78rem;margin-right:.15rem}

/* ── SINGLE Q&A LAYOUT ───────────────────────────────────────── */
.qa-single-layout{max-width:1400px;margin:0 auto;padding:2.5rem 1.5rem;
  display:grid;grid-template-columns:1fr 260px;gap:3rem;align-items:start}

/* ── SINGLE QUESTION ─────────────────────────────────────────── */
.qa-single{}
.qa-single-question{background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:1.5rem}
.qa-question-text{font-family:var(--font);font-size:clamp(1.25rem,3vw,1.75rem);
  font-weight:700;color:var(--ink);line-height:1.25;margin:.75rem 0 1rem}
.qa-question-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;
  font-family:var(--ui);font-size:.8rem;color:var(--muted)}
.qa-meta-dot{opacity:.4}
.qa-question-meta .ti{font-size:.82rem;margin-right:.2rem}

.qa-source-badge{display:inline-flex;align-items:center;gap:.3rem;
  font-family:var(--ui);font-size:.72rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:.2rem .7rem;border-radius:3px}
.qa-source-staff{background:rgba(29,110,74,.12);color:#1d6e4a}
.qa-source-user{background:rgba(201,168,76,.12);color:var(--gold-dk)}

/* ── ANSWER BOX ──────────────────────────────────────────────── */
.qa-single-answer{background:var(--ink);border-radius:var(--radius-lg);
  padding:1.75rem;margin-bottom:1.5rem;color:rgba(255,255,255,.9)}
.qa-answer-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;
  padding-bottom:1.25rem;border-bottom:1px solid rgba(201,168,76,.25)}
.qa-answer-icon{width:44px;height:44px;border-radius:50%;background:rgba(201,168,76,.15);
  border:1px solid rgba(201,168,76,.35);display:flex;align-items:center;justify-content:center;
  flex-shrink:0;color:var(--gold-lt);font-size:1.25rem}
.qa-answer-label{font-family:var(--ui);font-size:.7rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold);margin-bottom:.2rem}
.qa-answer-by{font-family:var(--ui);font-size:.85rem;font-weight:600;
  color:rgba(255,255,255,.85)}
.qa-answer-date{font-family:var(--ui);font-size:.75rem;color:rgba(255,255,255,.4);display:block}

.qa-answer-body{font-family:var(--font);font-size:1rem;line-height:1.85;
  color:rgba(255,255,255,.88);word-break:break-word}
.qa-answer-body h2{font-size:1.15rem;font-weight:700;color:#fff;margin:1.75em 0 .6em;
  border-left:3px solid var(--gold-dk);padding-left:.75rem}
.qa-answer-body h3{font-size:1rem;font-weight:700;color:#fff;margin:1.4em 0 .5em}
.qa-answer-body p{margin-bottom:1.1em}
.qa-answer-body p:last-child{margin-bottom:0}
.qa-answer-body a{color:var(--gold-lt);text-decoration:underline}
.qa-answer-body blockquote{background:rgba(255,255,255,.07);border-left:3px solid var(--gold-dk);
  padding:.75rem 1rem;margin:.85em 0;font-style:italic;border-radius:0 4px 4px 0}
.qa-answer-body ul,.qa-answer-body ol{margin:.5em 0 .85em 1.5rem}
.qa-answer-body li{margin-bottom:.3em}
.qa-answer-body strong,.qa-answer-body b{color:#fff}

/* ── HELPFUL ─────────────────────────────────────────────────── */
.qa-helpful-wrap{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;
  padding-top:1.25rem;border-top:1px solid rgba(201,168,76,.2)}
.qa-helpful-btn{display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--ui);font-size:.85rem;font-weight:600;
  background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.35);
  color:var(--gold-lt);padding:.45rem 1.1rem;border-radius:20px;cursor:pointer;
  transition:all var(--trans)}
.qa-helpful-btn:hover{background:rgba(201,168,76,.25);border-color:var(--gold)}
.qa-helpful-btn .ti{font-size:.9rem}
.qa-helpful-voted{display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--ui);font-size:.82rem;color:var(--gold-lt)}
.qa-helpful-count{font-family:var(--ui);font-size:.78rem;color:rgba(255,255,255,.4)}

/* ── CTA BOX ─────────────────────────────────────────────────── */
.qa-cta-box{background:var(--parch-dk);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;
  align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem}
.qa-cta-box p{font-family:var(--ui);font-size:.9rem;color:var(--muted)}
.btn-ask-inline{display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--ui);font-size:.85rem;font-weight:600;
  background:var(--gold-dk);color:#fff;padding:.5rem 1.25rem;border-radius:4px;
  text-decoration:none;transition:background var(--trans)}
.btn-ask-inline:hover{background:var(--gold);text-decoration:none}
.btn-back-qa{font-family:var(--ui);font-size:.85rem;color:var(--muted);
  text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.btn-back-qa:hover{color:var(--gold-dk);text-decoration:none}

/* ── ASK SECTION ─────────────────────────────────────────────── */
.qa-ask-section{background:var(--parch-dk);border:1px solid var(--border);
  border-radius:var(--radius-lg);margin-top:2rem;overflow:hidden}
.qa-ask-inner{padding:1.75rem}
.qa-ask-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;
  padding-bottom:1.25rem;border-bottom:1px solid var(--border)}
.qa-ask-header>.ti{font-size:2rem;color:var(--gold-dk);flex-shrink:0}
.qa-ask-title{font-family:var(--font);font-size:1.15rem;font-weight:700;color:var(--ink);margin-bottom:.25rem}
.qa-ask-sub{font-family:var(--ui);font-size:.85rem;color:var(--muted);line-height:1.5}
.qa-ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1rem}
.qa-ask-grid select{font-family:var(--ui);font-size:.9rem;padding:.6rem .85rem;
  border:1px solid var(--border);border-radius:var(--radius);background:var(--white);
  color:var(--ink);outline:none;transition:border-color var(--trans)}
.qa-ask-grid select:focus{border-color:var(--gold-dk)}

.qa-submit-success{background:var(--ink);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;
  display:flex;gap:1rem;align-items:flex-start}
.qa-submit-success>.ti{font-size:1.5rem;color:var(--gold);flex-shrink:0;margin-top:.1rem}
.qa-submit-success strong{display:block;font-family:var(--ui);font-size:.95rem;font-weight:700;
  color:#fff;margin-bottom:.25rem}
.qa-submit-success p{font-family:var(--ui);font-size:.85rem;color:rgba(255,255,255,.6);margin:0}

/* ── SIDEBAR ASK BTN ─────────────────────────────────────────── */
.qa-sidebar-ask-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--ui);font-size:.88rem;font-weight:600;
  background:var(--gold-dk);color:#fff;padding:.75rem;border-radius:var(--radius);
  text-decoration:none;transition:background var(--trans)}
.qa-sidebar-ask-btn:hover{background:var(--gold);text-decoration:none}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media(max-width:900px){
  .qa-single-layout{grid-template-columns:1fr}
  .qa-single-layout .post-sidebar{position:static;flex-direction:row;flex-wrap:wrap}
  .qa-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .qa-ask-grid{grid-template-columns:1fr}
  .qa-ask-inner{padding:1.25rem 1rem}
  .qa-single-layout{padding:1.5rem 1rem}
  .qa-single-question{padding:1.25rem}
  .qa-single-answer{padding:1.25rem}
}