/* ======================================================
   RMWL FAQ Legacy WPBakery Support
   Proposed destination:
   /wp-content/themes/healthcoach-child/css/rmw-faq-legacy-wpbakery.css

   Purpose:
   Support older FAQ pages built with WPBakery rows/toggles and
   shared .rmw-faq-* classes from Customizer Additional CSS.
   Load only on FAQ pages if the newer FAQ files do not already cover this.
   ====================================================== */

.rmw-faq-intro-card {
  background-color: var(--rmw-soft-purple);
  color: var(--rmw-text);
  margin-top: 36px;
  margin-bottom: 36px;
  padding: clamp(32px, 5vw, 56px) 28px;
  border-radius: 24px;
  border-left: 6px solid var(--rmw-purple);
}

.rmw-faq-intro-card h2 {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  color: var(--rmw-purple);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
  margin-bottom: 16px;
}

.rmw-faq-intro-card p {
  font-family: "Open Sans", Arial, sans-serif;
  color: var(--rmw-text);
  font-size: 18px;
  line-height: 1.65;
  max-width: 860px;
}

.rmw-faq-section {
  background-color: var(--rmw-warm-neutral);
  color: var(--rmw-text);
  margin-top: 36px;
  margin-bottom: 36px;
  padding: 32px 28px;
  border-radius: 20px;
  border-left: 6px solid var(--rmw-purple);
}

.rmw-faq-section h2,
.rmw-faq-section .vc_custom_heading {
  color: var(--rmw-purple);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

.rmw-faq-section .vc_toggle_title h4 {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  color: var(--rmw-purple);
  line-height: 1.35;
}

.rmw-faq-section .vc_toggle_content {
  font-family: "Open Sans", Arial, sans-serif;
  color: var(--rmw-text);
  font-size: 17px;
  line-height: 1.65;
}

.rmw-faq-section .vc_toggle_content ul {
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 24px !important;
  list-style-type: disc !important;
}

.rmw-faq-section .vc_toggle_content li {
  display: list-item !important;
  list-style-type: disc !important;
  margin-bottom: 8px;
  line-height: 1.55;
}

.rmw-faq-mini-callout {
  background-color: var(--rmw-soft-yellow);
  color: var(--rmw-text);
  border-left: 5px solid var(--rmw-yellow);
  border-radius: 16px;
  padding: 18px 22px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.rmw-faq-mini-callout p {
  margin-bottom: 0;
}

.rmw-faq-mini-callout a {
  color: var(--rmw-purple);
  font-weight: 700;
  text-decoration: underline;
}

.rmw-faq-mini-callout a:hover,
.rmw-faq-mini-callout a:focus {
  color: var(--rmw-black);
}

.rmw-faq-getting-started {
  margin-bottom: 12px !important;
}

.rmw-faq-mini-callout-row {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.rmw-faq-mini-callout-row .vc_column-inner,
.rmw-faq-mini-callout-row .wpb_wrapper,
.rmw-faq-mini-callout-row .wpb_raw_html,
.rmw-faq-mini-callout-row .wpb_content_element {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.rmw-faq-mini-callout-row .rmw-faq-mini-callout {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.rmw-faq-approach {
  margin-top: 24px !important;
}

.rmw-next-step-cta {
  background-color: var(--rmw-purple);
  color: var(--rmw-white);
  margin-top: 48px;
  margin-bottom: 48px;
  padding: clamp(36px, 5vw, 64px) 28px;
  border-radius: 24px;
  text-align: center;
}

.rmw-next-step-cta h2,
.rmw-next-step-cta p {
  color: var(--rmw-white);
}

.rmw-next-step-cta h2 {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.2;
  margin-bottom: 16px;
}

.rmw-next-step-cta p {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.rmw-cta-kicker,
.rmw-cta-kicker2,
.rmw-cta-kicker3,
.rmw-hero-kicker,
.rmw-card-kicker,
.rmw-next-step-cta .rmw-cta-kicker2,
.rmw-next-step-cta .rmw-cta-kicker3 {
  font-family: "Montserrat", Arial, sans-serif;
  color: var(--rmw-gold) !important;
  font-size: 20px !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}

.rmw-next-step-cta .rmw-cta-kicker2,
.rmw-next-step-cta .rmw-cta-kicker3 {
  color: var(--rmw-yellow) !important;
}

.rmw-quick-links,
.rmw-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.rmw-cta-buttons {
  justify-content: center;
}

.rmw-faq-intro-card a:focus,
.rmw-faq-section a:focus,
.rmw-next-step-cta a:focus,
.rmw-faq-section button:focus,
.rmw-next-step-cta button:focus {
  outline: 3px solid var(--rmw-yellow);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .rmw-faq-intro-card,
  .rmw-faq-section,
  .rmw-next-step-cta {
    border-radius: 16px;
    padding: 28px 20px;
  }

  .rmw-quick-links,
  .rmw-cta-buttons {
    display: block;
  }
}