/* ═══════════════════════════════════════════════════════
   FAQ PAGE — Page-specific additions only
   css/faq-page.css
   Page ID: 2452 (/faq/)

   Base components (.vp-hero, .vp-faq, .vp-chip, .vp-card,
   .vp-note, .vp-final, etc.) are handled by vp-system.css.
   This file adds only FAQ-unique elements.
   ═══════════════════════════════════════════════════════ */

/* ── Scroll offset for fixed header ── */
.page-id-2452 .fq-section[id] {
  scroll-margin-top: 100px !important;
}

/* ── Smooth scroll on the wrapper ── */
.page-id-2452 .vp {
  scroll-behavior: smooth !important;
}

/* ── Category CTA card at end of each section ── */
.page-id-2452 .fq-category-cta {
  margin-top: 24px !important;
  padding: 20px 24px !important;
  background: #eef6f0 !important;
  border-radius: 10px !important;
  border: 1px solid #dfe8e1 !important;
  text-align: center !important;
}
.page-id-2452 .fq-category-cta p {
  font-size: 15px !important;
  color: #1c3a2a !important;
  font-weight: 600 !important;
  margin: 0 0 10px 0 !important;
}

/* ── Quick-jump chips — override text-decoration for anchor links ── */
.page-id-2452 .vp-hero--simple .vp-chips-row {
  margin-top: 20px !important;
}
.page-id-2452 .vp-chips-row .vp-chip {
  text-decoration: none !important;
  cursor: pointer !important;
}
.page-id-2452 .vp-chips-row .vp-chip:hover {
  background: #e0ede4 !important;
}

/* ── Final CTA buttons side by side ── */
.page-id-2452 .vp-final div > br {
  display: none !important;
}
.page-id-2452 .vp-final .vp-btn {
  display: inline-block !important;
  margin: 0 6px !important;
}

/* ── Ghost-busting (wpautop) ── */
.page-id-2452 .vp .fq-category-cta > p:empty,
.page-id-2452 .vp .fq-category-cta > br {
  display: none !important;
}

/* ── Mobile ── */
@media (max-width: 600px) {
  .page-id-2452 .fq-category-cta {
    padding: 16px !important;
  }
}