/* ----------------------------------------------------------
   WPBakery typography improvements (updated spacing)
   ---------------------------------------------------------- */

/* Headings inside WPBakery */
.wpb_wrapper h1,
.wpb_wrapper h2,
.wpb_wrapper h3,
.wpb_wrapper h4,
.wpb_wrapper h5,
.wpb_wrapper h6 {
  /* Increased spacing before headings (doubled again) */
  margin-top: 1.75rem;

  /* Heading-bottom is controlled via the adjacent selector */
  margin-bottom: 0;

  line-height: 1.4;
}

/* Smaller per-level sizes */
.wpb_wrapper h1 { font-size: 1.4rem; }
.wpb_wrapper h2 { font-size: 1.25rem; }
.wpb_wrapper h3 { font-size: 1.15rem; }
.wpb_wrapper h4 { font-size: 1rem; }
.wpb_wrapper h5 { font-size: 0.9rem; }
.wpb_wrapper h6 { font-size: 0.85rem; }

/* NEW: increased spacing between heading + paragraph (1.5x previous) */
.wpb_wrapper h1 + p,
.wpb_wrapper h2 + p,
.wpb_wrapper h3 + p,
.wpb_wrapper h4 + p,
.wpb_wrapper h5 + p,
.wpb_wrapper h6 + p {
  margin-top: 0.53rem;
}

/* Fallback: apply spacing when ANY element follows a heading */
.wpb_wrapper h1 + *,
.wpb_wrapper h2 + *,
.wpb_wrapper h3 + *,
.wpb_wrapper h4 + *,
.wpb_wrapper h5 + *,
.wpb_wrapper h6 + * {
  margin-top: 0.53rem;
}

/* Body text inside WPBakery — reduced line spacing */
.wpb_wrapper p {
  line-height: 1.55;
  margin-bottom: 0.9rem;
}

/* Ensure paragraphs don’t add extra top margin */
.wpb_text_column .wpb_wrapper > p {
  margin-top: 0;
}

/* ===============================================
   WPBakery FAQ / Toggle spacing (FAQ page only)
   Targets WPBakery toggles/accordions
   =============================================== */

/* Reduce the extra padding inside the expanded answer area */
.vc_toggle .vc_toggle_content {
  padding-top: 0.35rem;   /* keep compact */
  padding-bottom: 0.45rem;
}

/* Make sure the first element in the answer doesn't add surprise top gap */
.vc_toggle .vc_toggle_content > :first-child {
  margin-top: 0 !important;
}

/* Tighten paragraph rhythm INSIDE answers only (overrides .wpb_wrapper p) */
.vc_toggle .vc_toggle_content p {
  line-height: 1.5;        /* was 1.55 in general WPBakery content */
  margin-top: 0.25rem;     /* small start */
  margin-bottom: 0.7rem;   /* slightly tighter than your general 0.9rem */
}

/* If the answer starts with a list, keep that tight too */
.vc_toggle .vc_toggle_content ul,
.vc_toggle .vc_toggle_content ol {
  margin-top: 0.25rem;
  margin-bottom: 0.7rem;
}

/* Ensure headings inside the answer block don't add big gaps */
.vc_toggle .vc_toggle_content h1,
.vc_toggle .vc_toggle_content h2,
.vc_toggle .vc_toggle_content h3,
.vc_toggle .vc_toggle_content h4,
.vc_toggle .vc_toggle_content h5,
.vc_toggle .vc_toggle_content h6 {
  margin-top: 0.5rem;   /* smaller than your global WPB top margin */
  margin-bottom: 0.3rem;
}

/* Optional: If there's still too much space between the question row and answer,
   trim any margins on the first paragraph or block after expansion */
.vc_toggle .vc_toggle_content > p:first-child,
.vc_toggle .vc_toggle_content > *:first-child {
  margin-top: 0 !important;
}

/* ===============================================
   Final tightening: halve the remaining gap again
   =============================================== */

/* Reduce top padding of the answer container further */
.vc_toggle .vc_toggle_content {
  padding-top: 0.09rem !important;   /* was 0.18rem */
  padding-bottom: 0.35rem;           /* small cushion to avoid cramped look */
}

/* Reduce top margin of the first element inside the answer again */
.vc_toggle .vc_toggle_content > *:first-child {
  margin-top: 0.02rem !important;    /* was 0.05rem */
}

/* Tighter paragraph spacing inside answers */
.vc_toggle .vc_toggle_content p {
  margin-top: 0.15rem !important;    /* was 0.2rem */
  margin-bottom: 0.55rem;            /* slightly reduced for balance */
  line-height: 1.5;
}

/* If the answer starts with a list, tighten that too */
.vc_toggle .vc_toggle_content ul:first-child,
.vc_toggle .vc_toggle_content ol:first-child {
  margin-top: 0.02rem !important;
}