/* ============================================================
   Insurance Verification Thank You  -  body.page-insurance-verification-thank-you
   Post-submission thank-you / router for non-Jane-bookable office
   submitters (any office other than Kingwood/Webster/NASA), the
   main site form, and the Google Ads form. Scheduling team reaches
   out by phone/email to confirm the visit. Native BCB design system.

   Sibling page: /book-your-appointment/ uses the same .tyx-* class
   system with a different appointment branch (Jane App primary).
   Keep the two CSS files in sync (rules below are identical between
   the two; only the body selector differs).
   ============================================================ */

/* The global .btn does not size its svg, so the external-link arrow
   renders oversized and wraps the label onto multiple lines. Constrain
   it (flex:none, L-022) and keep the label on one line. */
body.page-insurance-verification-thank-you .btn svg {
  width: 16px;
  height: 16px;
  flex: none;
  position: relative;
  top: -1px;
}
body.page-insurance-verification-thank-you .btn {
  white-space: nowrap;
  line-height: 1;
}

body.page-insurance-verification-thank-you .tyx-hero,
body.page-insurance-verification-thank-you .tyx-appt,
body.page-insurance-verification-thank-you .tyx-class,
body.page-insurance-verification-thank-you .tyx-ins,
body.page-insurance-verification-thank-you .tyx-triage,
body.page-insurance-verification-thank-you .tyx-foot {
  background: transparent;
}

/* Shared section padding */
body.page-insurance-verification-thank-you .tyx-hero,
body.page-insurance-verification-thank-you .tyx-appt,
body.page-insurance-verification-thank-you .tyx-class,
body.page-insurance-verification-thank-you .tyx-ins,
body.page-insurance-verification-thank-you .tyx-triage,
body.page-insurance-verification-thank-you .tyx-foot {
  padding-inline: clamp(20px, 5vw, 48px);
}

/* Shared inner width */
body.page-insurance-verification-thank-you .tyx-hero__inner,
body.page-insurance-verification-thank-you .tyx-appt__card,
body.page-insurance-verification-thank-you .tyx-class__inner,
body.page-insurance-verification-thank-you .tyx-ins__card,
body.page-insurance-verification-thank-you .tyx-triage__card,
body.page-insurance-verification-thank-you .tyx-foot__inner {
  max-width: 1040px;
  margin-inline: auto;
}

body.page-insurance-verification-thank-you p {
  color: var(--navy-500);
  font-size: clamp(15px, 1.02rem, 17px);
  line-height: 1.6;
}

body.page-insurance-verification-thank-you h2 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(28px, 3.6vw, 44px);
  letter-spacing: -0.02em;
  color: var(--navy-700);
  margin: 0 0 16px;
  text-wrap: balance;
}

body.page-insurance-verification-thank-you h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(19px, 2vw, 23px);
  letter-spacing: -0.01em;
  color: var(--navy-700);
  margin: 0 0 10px;
  text-wrap: balance;
}

/* ---------- Hero ---------- */
body.page-insurance-verification-thank-you .tyx-hero {
  text-align: center;
}
body.page-insurance-verification-thank-you .tyx-hero__inner {
  max-width: 880px;
}
body.page-insurance-verification-thank-you .tyx-hero__eyebrow {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pink-700);
  margin: 0 0 12px;
}
body.page-insurance-verification-thank-you .tyx-hero__title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(34px, 4.6vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--navy-700);
  margin: 0 0 18px;
  text-wrap: balance;
}
body.page-insurance-verification-thank-you .tyx-hero__accent {
  color: var(--pink-700);
  font-style: italic;
  font-weight: 700;
}
body.page-insurance-verification-thank-you .tyx-hero__lead {
  font-size: clamp(17px, 1.18rem, 20px);
  line-height: 1.55;
  margin: 0 auto 18px;
  max-width: 720px;
  text-wrap: pretty;
}
body.page-insurance-verification-thank-you .tyx-hero__both {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  padding: 14px 18px;
  margin: 0 auto 14px;
  max-width: 720px;
}
body.page-insurance-verification-thank-you .tyx-hero__jump {
  margin: 0;
  font-size: 15px;
}
body.page-insurance-verification-thank-you .tyx-hero__jump-link {
  color: var(--navy-600);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-insurance-verification-thank-you .tyx-hero__jump-link:hover,
body.page-insurance-verification-thank-you .tyx-hero__jump-link:focus-visible {
  color: var(--pink-700);
}

/* ---------- Appointment branch ---------- */
body.page-insurance-verification-thank-you .tyx-appt__card {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 18px;
  padding: clamp(24px, 3.4vw, 40px);
  text-align: center;
}
body.page-insurance-verification-thank-you .tyx-appt__eyebrow {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pink-700);
  margin: 0 0 10px;
}
body.page-insurance-verification-thank-you .tyx-appt__lede {
  font-size: clamp(16px, 1.08rem, 18px);
  margin: 0 auto 10px;
  max-width: 640px;
  text-wrap: pretty;
}
body.page-insurance-verification-thank-you .tyx-appt__note {
  color: var(--navy-600);
  font-size: 15px;
  margin: 0 0 18px;
}
body.page-insurance-verification-thank-you .tyx-appt__cta {
  margin: 6px 0 8px;
}
body.page-insurance-verification-thank-you .tyx-appt__sub-note {
  font-size: 13px;
  color: var(--navy-500);
  opacity: 0.85;
  margin: 0 0 22px;
}
body.page-insurance-verification-thank-you .tyx-appt__rollout {
  background: rgba(255, 255, 255, 0.45);
  border: 1px dashed rgba(63, 78, 110, 0.25);
  border-radius: 10px;
  padding: 12px 16px;
  margin: 18px auto 0;
  max-width: 640px;
  font-size: 15px;
  color: var(--navy-600);
}

/* Soonest-available panel (telehealth row here; filled by thankyou-router.js,
   static "See availability" link is the no-JS / stale fallback). Kept in sync
   with book-your-appointment.css. */
body.page-insurance-verification-thank-you .tyx-appt__soonest {
  margin: 20px auto 0;
  max-width: 640px;
  padding: 14px 18px;
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 12px;
}
body.page-insurance-verification-thank-you .tyx-appt__soonest-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pink-700);
  margin: 0 0 6px;
}
body.page-insurance-verification-thank-you .tyx-appt__soonest-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
body.page-insurance-verification-thank-you .tyx-appt__soonest-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 14px;
  padding: 9px 0;
  border-top: 1px solid rgba(63, 78, 110, 0.12);
  text-align: left;
}
body.page-insurance-verification-thank-you .tyx-appt__soonest-row:first-child {
  border-top: 0;
}
body.page-insurance-verification-thank-you .tyx-appt__soonest-label {
  flex: 0 0 100%;
  font-weight: 600;
  color: var(--navy-700);
}
body.page-insurance-verification-thank-you .tyx-appt__soonest-val {
  flex: 1 1 auto;
  color: var(--navy-600);
}
body.page-insurance-verification-thank-you .tyx-appt__soonest-action {
  margin-left: auto;
  white-space: nowrap;
}
body.page-insurance-verification-thank-you .tyx-appt__soonest-action a,
body.page-insurance-verification-thank-you .tyx-appt__soonest-val a {
  color: var(--pink-700);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Soonest online-availability panel (BCB Availability [bcb_soonest_office]
   widgets). Mirrors the request-appointment .ra-soonest panel: labelled rows,
   plugin-rendered time + "Book now" pill. */
body.page-insurance-verification-thank-you .tyx-avail {
  max-width: 600px;
  margin: 4px auto 20px;
  padding: 6px 24px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(31, 45, 64, 0.08);
  border-radius: 14px;
  text-align: left;
}
body.page-insurance-verification-thank-you .tyx-avail__lead {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pink-700);
  margin: 14px 0 2px;
}
body.page-insurance-verification-thank-you .tyx-avail__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.page-insurance-verification-thank-you .tyx-avail__row {
  padding: 14px 0;
  border-bottom: 1px dashed rgba(63, 78, 110, 0.2);
}
body.page-insurance-verification-thank-you .tyx-avail__row:last-child {
  border-bottom: 0;
}
body.page-insurance-verification-thank-you .tyx-avail__label {
  display: block;
  font-weight: 700;
  font-size: 15px;
  color: var(--navy-700);
  margin-bottom: 8px;
}
body.page-insurance-verification-thank-you .tyx-avail__val {
  font-size: 15px;
  color: var(--navy-600);
}
/* Plugin widget span: time text + "Book now" on one line, pill to the right. */
body.page-insurance-verification-thank-you .tyx-avail .bcb-next-avail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
}
body.page-insurance-verification-thank-you .tyx-avail .bcb-next-avail a {
  display: inline-block;
  background: var(--pink-500);
  color: #fff;
  font-weight: 700;
  font-size: 13.5px;
  line-height: 1;
  padding: 10px 20px;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
}
body.page-insurance-verification-thank-you .tyx-avail .bcb-next-avail a:hover,
body.page-insurance-verification-thank-you .tyx-avail .bcb-next-avail a:focus {
  filter: brightness(0.95);
  color: #fff;
}

/* "Booking at another office?" (non-online offices) + Home visits: shared
   left-aligned sub-blocks divided from the online-booking lead. */
body.page-insurance-verification-thank-you .tyx-appt__other,
body.page-insurance-verification-thank-you .tyx-appt__home {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(63, 78, 110, 0.18);
  text-align: left;
}
body.page-insurance-verification-thank-you .tyx-appt__other h3,
body.page-insurance-verification-thank-you .tyx-appt__home h3 {
  margin-bottom: 8px;
}
body.page-insurance-verification-thank-you .tyx-appt__other p,
body.page-insurance-verification-thank-you .tyx-appt__home p {
  margin: 0 0 10px;
}
body.page-insurance-verification-thank-you .tyx-appt__other p:last-child,
body.page-insurance-verification-thank-you .tyx-appt__home p:last-child {
  margin-bottom: 0;
}
body.page-insurance-verification-thank-you .tyx-appt__other .tyx-appt__rollout {
  margin-top: 14px;
}

/* ---------- Class branch ---------- */
body.page-insurance-verification-thank-you .tyx-class {
  scroll-margin-top: 96px;
}
body.page-insurance-verification-thank-you .tyx-class__inner {
  text-align: center;
}
body.page-insurance-verification-thank-you .tyx-class__eyebrow {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--pink-700);
  margin: 0 0 10px;
}
body.page-insurance-verification-thank-you .tyx-class__intro {
  margin: 0 auto 8px;
  max-width: 720px;
  text-wrap: pretty;
}
body.page-insurance-verification-thank-you .tyx-class__note {
  color: var(--navy-600);
  font-size: 15px;
  margin: 0 auto 22px;
  max-width: 720px;
}
body.page-insurance-verification-thank-you .tyx-class__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 8px 0 14px;
}
@media (max-width: 880px) {
  body.page-insurance-verification-thank-you .tyx-class__grid {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin-inline: auto;
  }
}
body.page-insurance-verification-thank-you .tyx-class__card {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 14px;
  padding: 22px 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.page-insurance-verification-thank-you .tyx-class__card h3 {
  margin: 0;
}
body.page-insurance-verification-thank-you .tyx-class__kind {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--slate-500, #5f7ba4);
  margin: 0;
}
body.page-insurance-verification-thank-you .tyx-class__card p:not(.tyx-class__kind):not(.tyx-class__cta) {
  margin: 0;
  flex: 1;
}
body.page-insurance-verification-thank-you .tyx-class__cta {
  margin: 6px 0 0;
}
body.page-insurance-verification-thank-you .tyx-class__foot {
  font-size: 13px;
  color: var(--navy-500);
  opacity: 0.85;
  margin: 0;
}

/* ---------- Insurance benefits email ---------- */
body.page-insurance-verification-thank-you .tyx-ins__card {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 14px;
  padding: clamp(22px, 3vw, 32px);
  text-align: left;
  max-width: 820px;
}
body.page-insurance-verification-thank-you .tyx-ins__card h2 {
  margin-bottom: 12px;
}
body.page-insurance-verification-thank-you .tyx-ins__note {
  margin: 14px 0 0;
  color: var(--navy-600);
  font-size: 15px;
}

/* ---------- Triage ---------- */
body.page-insurance-verification-thank-you .tyx-triage__card {
  background: var(--navy-700);
  color: #fff;
  border-radius: 18px;
  padding: clamp(24px, 3.4vw, 40px);
  text-align: center;
}
body.page-insurance-verification-thank-you .tyx-triage__card h2 {
  color: #fff;
  margin-bottom: 14px;
}
body.page-insurance-verification-thank-you .tyx-triage__card p {
  color: rgba(255, 255, 255, 0.92);
  margin: 0 auto 12px;
  max-width: 680px;
  text-wrap: pretty;
}
body.page-insurance-verification-thank-you .tyx-triage__btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 14px 0 14px;
}
body.page-insurance-verification-thank-you .tyx-triage__phones {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}
body.page-insurance-verification-thank-you .tyx-triage__phones a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-insurance-verification-thank-you .tyx-triage__phones a:hover,
body.page-insurance-verification-thank-you .tyx-triage__phones a:focus-visible {
  color: var(--pink-300);
}

/* ---------- Hours footer ---------- */
body.page-insurance-verification-thank-you .tyx-foot {
  text-align: center;
}
body.page-insurance-verification-thank-you .tyx-foot__trust {
  list-style: none;
  margin: 0 auto 12px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  font-size: 15px;
  color: var(--navy-600);
}
body.page-insurance-verification-thank-you .tyx-foot__trust li {
  margin: 0;
}
body.page-insurance-verification-thank-you .tyx-foot__hours {
  color: var(--navy-500);
  font-size: 14px;
  margin: 0 auto;
  max-width: 720px;
  text-wrap: pretty;
}

/* Closer (.tyx-foot) is already light; the navy .tyx-triage__card is an intentional
   mid-page element, not the bottom closer. Enable the Case-A footer fade. */
body.page-insurance-verification-thank-you .footer-ombre-blend { display: block; }