/* HVC Q&A — Frontend Styles v2.2.1 — Dark theme */

.hvcq-app { max-width: 860px; margin: 0 auto; padding: 0 0 64px; }

/* ── Tabs ── */
.hvcq-front-tabs { display:flex; gap:4px; border-bottom:2px solid #283c2e; margin-bottom:24px; flex-wrap:wrap; }
.hvcq-front-tab { padding:10px 22px; background:none; border:none; border-bottom:3px solid transparent; margin-bottom:-2px; font-size:15px; font-weight:600; color:#788a7a; cursor:pointer; border-radius:6px 6px 0 0; transition:all .2s; }
.hvcq-front-tab:hover  { color:#d4b98a; }
.hvcq-front-tab.active { color:#d4b98a; border-bottom-color:#b89a68; }

/* ── Search ── */
.hvcq-search-wrap { position:relative; margin-bottom:16px; }
.hvcq-search-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); font-size:15px; pointer-events:none; color:#788a7a; }
#hvcq-search { width:100% !important; padding:13px 40px 13px 42px !important; border:1.5px solid #283c2e !important; border-radius:100px !important; font-size:16px !important; background:#1a2b1e !important; box-sizing:border-box !important; color:#ffffff !important; }
#hvcq-search::placeholder { color:#788a7a !important; }
#hvcq-search:focus { outline:none !important; border-color:#b89a68 !important; box-shadow:0 0 0 3px rgba(184,154,104,.18) !important; }
#hvcq-search-clear { position:absolute; right:14px; top:50%; transform:translateY(-50%); background:none; border:none; color:#788a7a; font-size:14px; cursor:pointer; }

/* ── Controls ── */
.hvcq-controls { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
.hvcq-topics { display:flex; flex-wrap:wrap; gap:7px; flex:1; }
.hvcq-pill { padding:6px 15px !important; border:1.5px solid #283c2e !important; border-radius:100px !important; background:#1a2b1e !important; font-size:13px !important; color:rgba(255,255,255,.75) !important; cursor:pointer; transition:all .22s; white-space:nowrap; }
.hvcq-pill:hover { border-color:#b89a68 !important; color:#ffffff !important; }
.hvcq-pill.active { background:#3c6645 !important; color:#fff !important; border-color:#3c6645 !important; font-weight:600 !important; }
#hvcq-sort { padding:8px 12px !important; border:1.5px solid #283c2e !important; border-radius:8px !important; font-size:13px !important; background:#1a2b1e !important; cursor:pointer; color:#ffffff !important; }

/* ── Count ── */
.hvcq-count { font-size:13px; color:#788a7a; margin-bottom:14px; min-height:18px; }

/* ── Q&A Cards ── */
.hvcq-list { display:flex; flex-direction:column; gap:8px; }

.hvcq-card { background:#1a2b1e !important; border:1.5px solid #283c2e !important; border-radius:8px !important; overflow:hidden !important; transition:border-color .22s, transform .22s; }
.hvcq-card:hover { transform:translateY(-1px); border-color:rgba(184,154,104,.35) !important; }
.hvcq-card.is-open    { border-left:4px solid #b89a68 !important; }
.hvcq-card.is-featured { border-left:4px solid #d4b98a !important; }

/* Question row */
.hvcq-card-q { width:100% !important; display:flex !important; align-items:flex-start !important; gap:10px !important; padding:16px 18px !important; background:#1a2b1e !important; border:none !important; font-size:15px !important; font-weight:600 !important; color:#ffffff !important; text-align:left !important; cursor:pointer !important; transition:background .22s !important; line-height:1.5 !important; }
.hvcq-card-q:hover { background:#12201a !important; }
.hvcq-card-q[aria-expanded="true"] { background:#1a3324 !important; color:#ffffff !important; }

.hvcq-q-label { flex-shrink:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:28px !important; height:28px !important; background:#b89a68 !important; color:#1a3324 !important; font-size:13px !important; font-weight:800 !important; border-radius:50% !important; font-family:'Cormorant Garamond',Georgia,serif !important; margin-top:1px !important; }
.hvcq-card-q-text { flex:1 !important; }
.hvcq-chevron { flex-shrink:0; width:14px; height:14px; border-right:2.5px solid currentColor; border-bottom:2.5px solid currentColor; transform:rotate(45deg); transition:transform .22s; margin-top:4px; }
.hvcq-card-q[aria-expanded="true"] .hvcq-chevron { transform:rotate(-135deg); }

/* Answer panel */
.hvcq-card-a { padding:20px 18px 16px !important; background:#12201a !important; }
.hvcq-card-a-inner { display:flex; align-items:flex-start; gap:12px; }
.hvcq-a-label { flex-shrink:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:28px !important; height:28px !important; background:#3c6645 !important; color:#b89a68 !important; font-size:13px !important; font-weight:800 !important; border-radius:50% !important; font-family:'Cormorant Garamond',Georgia,serif !important; margin-top:2px !important; }
.hvcq-card-a-text { flex:1 !important; font-size:15px !important; line-height:1.75 !important; color:#ffffff !important; white-space:pre-wrap !important; }
.hvcq-card-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:14px; }
.hvcq-card-topic { padding:3px 12px !important; background:rgba(255,255,255,.06) !important; border:1px solid #283c2e !important; border-radius:100px !important; font-size:12px !important; color:#788a7a !important; }
.hvcq-card-asker { font-size:13px; color:#788a7a; font-style:italic; margin-left:auto; }

/* ── Related ── */
.hvcq-related { margin:8px 0 24px !important; padding:16px 18px !important; background:#12201a !important; border:1.5px solid #283c2e !important; border-radius:8px !important; }
.hvcq-related-title { margin:0 0 10px !important; font-size:13px !important; font-weight:700 !important; color:#b89a68 !important; text-transform:uppercase !important; letter-spacing:.06em !important; }
.hvcq-related-list { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:5px; }
.hvcq-related-btn { background:none !important; border:none !important; text-align:left !important; color:#7aaa80 !important; font-size:14px !important; cursor:pointer; padding:3px 0; text-decoration:underline; text-underline-offset:3px; line-height:1.5; }
.hvcq-related-btn:hover { color:#ffffff !important; }

/* ── Spinner / End / Empty ── */
.hvcq-spinner { display:flex; justify-content:center; gap:8px; padding:28px 0; }
.hvcq-spinner span { width:10px; height:10px; border-radius:50%; background:#3c6645; animation:hvcq-bounce 1.2s infinite ease-in-out; }
.hvcq-spinner span:nth-child(2){animation-delay:.2s} .hvcq-spinner span:nth-child(3){animation-delay:.4s}
@keyframes hvcq-bounce{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}
.hvcq-end   { text-align:center; color:#788a7a; font-size:13px; padding:24px 0 8px; letter-spacing:.04em; }
.hvcq-empty { text-align:center; color:#788a7a; padding:48px 0; font-size:15px; }

/* ══════════════════════════════════════
   ASK MARC FORM
   ══════════════════════════════════════ */
.hvcq-ask-wrap { margin-bottom:48px; background:none !important; border:none !important; box-shadow:none !important; padding:0 !important; }

.hvcq-ask-heading {
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:2.2rem !important; color:#d4b98a !important;
  margin:0 0 8px !important; font-weight:600 !important;
  line-height:1.2 !important; letter-spacing:-.01em !important;
}
.hvcq-ask-subhead { font-size:14px !important; color:rgba(255,255,255,.75) !important; margin:0 0 28px !important; line-height:1.5 !important; }

.hvcq-ask-success { padding:40px 0; text-align:center; }
.hvcq-ask-success-icon { font-size:44px; margin-bottom:12px; }
.hvcq-ask-success strong { display:block; font-size:18px; color:#d4b98a; margin-bottom:8px; }
.hvcq-ask-success p { color:rgba(255,255,255,.75); font-size:14px; line-height:1.6; margin:0 0 20px; }

.hvcq-ask-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; }
@media(max-width:600px){ .hvcq-ask-grid { grid-template-columns:1fr; } }

.hvcq-ask-field { display:flex; flex-direction:column; gap:6px; }
.hvcq-ask-field-full { margin-bottom:20px; }
.hvcq-ask-math-field { margin-bottom:20px; }

.hvcq-ask-field label,
.hvcq-ask-field-full label,
.hvcq-ask-math-field label { font-size:11px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:rgba(212,207,196,.9) !important; }
.hvcq-req      { color:#e88; }
.hvcq-optional { color:#788a7a; font-weight:400; text-transform:none; letter-spacing:0; font-size:11px; }
.hvcq-field-hint { margin:0 0 6px; font-size:12px; color:#788a7a; line-height:1.4; }

.hvcq-ask-form input[type=text],
.hvcq-ask-form input[type=email],
.hvcq-ask-form input[type=number],
.hvcq-ask-form textarea {
  width:100% !important; padding:11px 14px !important;
  border:1.5px solid #283c2e !important; border-radius:8px !important;
  font-size:15px !important; background:#1a2b1e !important;
  color:#ffffff !important; box-sizing:border-box !important;
  transition:border-color .2s, box-shadow .2s !important;
}
.hvcq-ask-form input::placeholder,
.hvcq-ask-form textarea::placeholder { color:#788a7a !important; }
.hvcq-ask-form input:focus,
.hvcq-ask-form textarea:focus { outline:none !important; border-color:#b89a68 !important; box-shadow:0 0 0 3px rgba(184,154,104,.2) !important; }
.hvcq-ask-form textarea { resize:vertical; min-height:130px; line-height:1.6; }

.hvcq-ask-char { text-align:right; font-size:12px; color:#788a7a; margin-top:4px; }
.hvcq-ask-err { color:#e88; font-size:13px; display:none; margin-top:2px; }
.hvcq-ask-global-err { margin-top:14px; padding:10px 14px; background:rgba(192,57,43,.2); border:1px solid rgba(192,57,43,.4); border-radius:6px; color:#e88; font-size:14px; }

.hvcq-math-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.hvcq-refresh-btn { padding:10px 16px !important; background:rgba(255,255,255,.06) !important; border:1px solid #283c2e !important; border-radius:8px !important; font-size:13px !important; color:rgba(255,255,255,.75) !important; cursor:pointer; transition:all .2s; white-space:nowrap; }
.hvcq-refresh-btn:hover { background:rgba(184,154,104,.2) !important; border-color:#b89a68 !important; color:#ffffff !important; }
.hvcq-refresh-btn:disabled { opacity:.5; cursor:default; }

.hvcq-hp-field { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.hvcq-privacy-note { font-size:12px; color:#788a7a; line-height:1.5; margin:16px 0; }

.hvcq-ask-actions { margin-top:8px; }
.hvcq-ask-btn { display:inline-flex !important; align-items:center !important; gap:8px !important; padding:14px 36px !important; background:#b89a68 !important; color:#1a3324 !important; border:none !important; border-radius:8px !important; font-size:15px !important; font-weight:700 !important; cursor:pointer !important; transition:background .2s !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
.hvcq-ask-btn:hover   { background:#d4b98a !important; }
.hvcq-ask-btn:active  { transform:translateY(1px); }
.hvcq-ask-btn:disabled { opacity:.6; cursor:default; }

.hvcq-ask-wrap + .hvcq-front-tabs,
.hvcq-ask-wrap + .hvcq-search-wrap { margin-top:48px; padding-top:40px; border-top:1px solid #283c2e; }

@media(max-width:600px){ .hvcq-ask-heading { font-size:1.75rem !important; } }