/* Newpark Dentistry -- patient-resources.css
   Loaded by functions.php. See style.css for the full section index. */

/* =============================================================
   24. PATIENT RESOURCES -- HERO NAVIGATION
   ============================================================= */

.patient-resource-nav {
  position: relative !important;
  z-index: 4 !important;
  margin-top: -70px !important;
  padding-top: 0 !important;
  padding-bottom: clamp(28px, 3vw, 40px) !important;
}

.patient-resource-nav > .kt-row-column-wrap {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(28px, 3vw, 40px) !important;
  width: min(calc(100% - (var(--np-gutter) * 2)), 1160px) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.patient-resource-link {
  position: relative !important;
  min-width: 0 !important;
  height: 185px !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(10, 28, 23, 0.16) !important;
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.patient-resource-nav > .kt-row-column-wrap > div:nth-child(2n) .patient-resource-link {
  margin-top: 18px !important;
}

.patient-resource-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(10, 28, 23, 0.22) !important;
}

.patient-resource-link > .kt-inside-inner-col {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.patient-resource-link figure,
.patient-resource-link .wp-block-kadence-image,
.patient-resource-link .wp-block-image,
.patient-resource-link a.kb-advanced-image-link {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.patient-resource-link a.kb-advanced-image-link,
.patient-resource-link img {
  pointer-events: auto !important;
}

.patient-resource-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.patient-resource-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 38, 32, 0.4);
  pointer-events: none;
  z-index: 1;
}

.patient-resource-link p {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 16px !important;
  color: var(--np-white) !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  pointer-events: none !important;
}


/* =============================================================
   25. PATIENT RESOURCES -- FIRST-VISIT BAND
  
   ============================================================= */

.first-visit {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.new-patients {
  margin: 0 !important;
  padding-top: clamp(48px, 5vw, 72px) !important;
  padding-bottom: clamp(32px, 3.5vw, 48px) !important;
  background: rgba(232, 239, 235, 0.65) !important;
}

.new-patients > .kt-row-column-wrap {
  width: var(--np-content-width) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.before-visit-intro > .kt-inside-inner-col {
  padding: clamp(24px, 2.6vw, 36px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.before-visit-intro .before-visit-items {
  display: grid !important;
  /* Was: repeat(2, minmax(400px, 400px)) -- two columns locked to a
     hard 400px each (800px+ minimum). Below roughly 850px-wide
     containers (most tablets, all phones, and some narrower laptop
     windows) that forced the list to overflow horizontally. This
     is the standard CSS Grid "auto-fit + minmax" pattern: each
     column is up to 400px, but auto-fit collapses to one column
     once two 400px columns no longer fit, and minmax(min(400px,
     100%), 1fr) keeps a single column from overflowing a container
     narrower than 400px too. */
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr)) !important;
  column-gap: 0.75rem !important;
  row-gap: 0.5rem !important;
  list-style: none !important;
  padding-left: 0 !important;
  /* width: fit-content (the original approach) doesn't play well
     with auto-fit -- a fit-content box has no real "available
     space" for auto-fit to measure against, so it can collapse to
     one column even when there's room for two. A fixed max-width
     of two 400px columns + the gap reproduces the exact same look
     on desktop (a compact, centered list) while width: 100% lets
     it shrink correctly on smaller screens. */
  width: 100% !important;
  max-width: 824px !important;
  margin-block: 0 6px !important;
  margin-inline: auto !important;
}

.before-visit-intro .before-visit-items li {
  margin: 0 !important;
  padding: 0 0 0 1rem !important;
  color: var(--np-body) !important;
  font-weight: 600 !important;
  text-align: left !important;
  position: relative !important;
}

.before-visit-intro .before-visit-items li::before {
  content: "•";
  color: var(--np-forest) !important;
  position: absolute;
  left: 0;
  top: 0.15rem;
  font-size: 1.1rem;
  line-height: 1;
}


/* =============================================================
   26. PATIENT RESOURCES -- WHAT TO EXPECT
   Dark green card floats centered on top of the row; the row
   itself carries the eucalyptus-to-transparent gradient behind
   it, ending exactly halfway down the row's own height.
   ============================================================= */

.patient-expect-row {
  margin: 0 !important;
  padding-top: clamp(32px, 3.5vw, 48px) !important;
  padding-bottom: clamp(48px, 5vw, 72px) !important;
  background: linear-gradient(
    to bottom,
    rgba(232, 239, 235, 0.65) 0%,
    rgba(232, 239, 235, 0.65) 50%,
    transparent 50%,
    transparent 100%
  ) !important;
}

.patient-expect-row > .kt-row-column-wrap {
  width: var(--np-content-width) !important;
  max-width: none !important;
  margin-inline: auto !important;
  background: var(--np-forest) !important;
  padding: clamp(32px, 3.5vw, 48px) clamp(32px, 3.5vw, 48px) clamp(32px, 3.5vw, 48px) 0 !important;
  gap: clamp(28px, 3vw, 40px) !important;
  box-shadow: var(--np-shadow-soft) !important;
}

.patient-expect-row > .kt-row-column-wrap > .wp-block-kadence-column:not(.patient-expect-content) {
  overflow: hidden !important;
}

.patient-expect-row > .kt-row-column-wrap > .wp-block-kadence-column:not(.patient-expect-content) .kt-inside-inner-col,
.patient-expect-row > .kt-row-column-wrap > .wp-block-kadence-column:not(.patient-expect-content) figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.patient-expect-row > .kt-row-column-wrap > .wp-block-kadence-column:not(.patient-expect-content) img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.patient-expect-content,
.patient-expect-content > .kt-inside-inner-col {
  height: 100% !important;
  background: transparent !important;
}

.patient-expect-content > .kt-inside-inner-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(12px, 1.2vw, 20px) clamp(8px, 1vw, 16px) !important;
}

.patient-expect-content h2 {
  color: var(--np-white) !important;
}

.patient-expect-content p {
  color: var(--np-on-dark-muted) !important;
}

.patient-expect-content a {
  color: var(--np-white) !important;
}


/* =============================================================
   27. PATIENT RESOURCES -- NEW PATIENT PAPERWORK
   patient-forms-cta becomes a rounded stone-colored card. The
   form icon sits inside a circular badge for visual weight
   instead of floating loose beneath the button.
   ============================================================= */

#forms {
  background: transparent !important;
}

#forms > .kt-row-column-wrap {
  width: min(calc(100% - (var(--np-gutter) * 2)), 1000px) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.patient-paperwork-copy > .kt-inside-inner-col {
  padding: 0 !important;
}

.before-visit-content-row > .kt-row-column-wrap {
  align-items: stretch !important;
  gap: clamp(40px, 4.4vw, 60px) !important;
}

.patient-forms-cta {
  background: var(--np-stone) !important;
  border-radius: 10px !important;
}

.patient-forms-cta > .kt-inside-inner-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  padding: clamp(28px, 3vw, 40px) clamp(24px, 2.6vw, 36px) !important;
  border-left: 0 !important;
}

.patient-forms-cta .wp-block-kadence-advancedbtn {
  margin-top: 0 !important;
}

.patient-forms-cta .kb-button {
  min-width: 260px !important;
}

.patient-forms-cta .wp-block-kadence-icon {
  order: -1 !important;
}

.patient-forms-cta .kt-svg-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: var(--np-white) !important;
  box-shadow: var(--np-shadow-soft) !important;
}

.patient-forms-cta .kt-svg-icon-wrap svg {
  width: 30px !important;
  height: 30px !important;
  color: var(--np-forest) !important;
}


/* =============================================================
   28. PATIENT RESOURCES -- NEW PATIENT SPECIAL
   Unchanged.
   ============================================================= */

.patient-resources-special > .kt-row-column-wrap {
  position: relative !important;
  width: min(calc(100% - (var(--np-gutter) * 2)), 1100px) !important;
  max-width: none !important;
  margin-inline: auto !important;
  margin-top: 28px !important;
  background: transparent !important;
  border-style: solid !important;
  border-width: 4px !important;
  border-image: linear-gradient(150deg, var(--np-eucalyptus), var(--np-forest-deep)) 1 !important;
  box-shadow:
    0 4px 8px rgba(10, 28, 23, 0.12),
    0 24px 48px rgba(10, 28, 23, 0.22) !important;
  padding: 0 !important;
  gap: 0 !important;
  grid-template-columns: 1fr !important;
  overflow: visible !important;
}

.patient-special-stub {
  position: absolute !important;
  top: -22px !important;
  left: -22px !important;
  z-index: 5 !important;
  background: transparent !important;
}

.patient-special-stub > .kt-inside-inner-col {
  height: auto !important;
  padding: 0 !important;
}

.patient-special-stub img {
  width: clamp(70px, 9vw, 110px) !important;
  height: auto !important;
  filter: drop-shadow(0 4px 8px rgba(10, 28, 23, 0.25));
}

.patient-special-content {
  position: relative !important;
  width: 100% !important;
  background: var(--np-eucalyptus) !important;
}

.patient-special-content::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: rgba(53, 100, 81, 0.14);
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(-18 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(14 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(-8 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(22 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(-25 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(6 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(-12 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  -webkit-mask-position: 90% 12%, 6% 80%, 68% 62%, 18% 18%, 46% 88%, 82% 48%, 32% 55%;
  -webkit-mask-size: 34px 45px, 26px 35px, 20px 27px, 30px 40px, 24px 32px, 18px 24px, 28px 37px;
  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(-18 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(14 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(-8 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(22 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(-25 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(6 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cg transform='rotate(-12 192 256)'%3E%3Cpath d='M154.1 52.1C137.3 39.1 116.7 32 95.5 32 42.7 32 0 74.7 0 127.5v6.2c0 15.8 3.7 31.3 10.7 45.5l23.5 47.1c4.5 8.9 7.6 18.4 9.4 28.2l36.8 205.7c2 11.2 11.6 19.4 22.9 19.8s21.4-7.4 24-18.4l28.9-121.3c4-16.6 18.8-28.3 35.8-28.3s31.8 11.7 35.8 28.3l28.9 121.3c2.6 11.1 12.7 18.8 24 18.4s20.9-8.6 22.9-19.8l36.7-205.8c1.8-9.8 4.9-19.3 9.4-28.2l23.5-47.1c7.1-14.1 10.7-29.7 10.7-45.5v-2.1c0-55-44.6-99.6-99.6-99.6-24.1 0-47.4 8.8-65.6 24.6l-3.2 2.8L235 74.5c7 5.4 8.2 15.5 2.8 22.5s-15.5 8.2-22.5 2.8l-24.4-19-37-28.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  mask-position: 90% 12%, 6% 80%, 68% 62%, 18% 18%, 46% 88%, 82% 48%, 32% 55%;
  mask-size: 34px 45px, 26px 35px, 20px 27px, 30px 40px, 24px 32px, 18px 24px, 28px 37px;
}

.patient-special-content > .kt-inside-inner-col {
  position: relative !important;
  z-index: 1 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(20px, 2.4vw, 32px) clamp(32px, 3.4vw, 44px) !important;
}

.patient-special-content h2 {
  color: var(--np-heading) !important;
}

.patient-special-content p {
  color: var(--np-body) !important;
  margin-bottom: 4px !important;
}

.new-patient-special-items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px 40px !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 100% !important;
}

.new-patient-special-items li {
  position: relative !important;
  margin: 0 !important;
  padding: 8px 12px 8px 30px !important;
  background: var(--np-white) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 4px rgba(10, 28, 23, 0.08) !important;
  list-style: none !important;
  color: var(--np-heading) !important;
  font-weight: 700 !important;
}

.new-patient-special-items li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 10px !important;
  top: 8px !important;
  color: var(--np-forest) !important;
  font-weight: 800 !important;
}


/* =============================================================
   29. PATIENT RESOURCES -- INSURANCE & PAYMENT
   Divider lines kept as-is. Secure Payments button widened to
   match the Download Forms button. CareCredit logo turned into
   an obvious clickable card with a visible "Learn More" bar.
   ============================================================= */

.patient-payment-options > .kt-row-column-wrap {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: center !important;
  width: var(--np-content-width) !important;
  margin-inline: auto !important;
  gap: 0 !important;
}

.patient-payment-options > .kt-row-column-wrap::before {
  content: "";
  position: absolute;
  top: 8%;
  bottom: 8%;
  left: calc(50% - 20px);
  width: 3px;
  background: var(--np-forest-mid);
}

.patient-payment-options > .kt-row-column-wrap::after {
  content: "";
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: calc(50% - 4px);
  width: 3px;
  background: var(--np-forest-mid);
}

.patient-insurance-overview > .kt-inside-inner-col {
  padding: clamp(38px, 3.6vw, 50px) clamp(38px, 3.8vw, 52px) !important;
}

.patient-insurance-overview .kb-button {
  min-width: 260px !important;
}

.patient-payment-plans > .kt-inside-inner-col {
  padding: clamp(38px, 3.6vw, 50px) clamp(38px, 3.8vw, 52px) !important;
}

.patient-payment-plans p:has(em) {
  font-size: 0.875rem !important;
}

/* =============================================================
   CARECREDIT CTA
   ============================================================= */

/* Hide the existing text paragraph */
.patient-payment-plans .np-carecredit-cta > p {
  display: none !important;
}

/* CareCredit CTA wrapper */
.patient-payment-plans .np-carecredit-cta {
  text-align: center !important;
  margin: 22px auto 28px !important;
}

/* Add non-clickable instruction above the logo */
.patient-payment-plans .np-carecredit-cta::before {
  content: "Learn more about CareCredit financing";
  display: block !important;
  margin-bottom: 10px !important;
  color: var(--np-body) !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
}

/* The CareCredit image itself */
.patient-payment-plans .care-cred-button {
  width: fit-content !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Actual clickable link */
.patient-payment-plans .care-cred-button a.kb-advanced-image-link {
  display: block !important;
  line-height: 0 !important;
  border-radius: 10px !important;
  transition:
    transform 200ms ease,
    filter 200ms ease !important;
}

/* Subtle hover = clearly clickable */
.patient-payment-plans .care-cred-button a.kb-advanced-image-link:hover {
  transform: translateY(-3px) !important;
  filter: drop-shadow(0 6px 8px rgba(20, 37, 31, 0.18)) !important;
}

/* Keyboard focus */
.patient-payment-plans .care-cred-button a.kb-advanced-image-link:focus-visible {
  outline: 2px solid var(--np-forest-light) !important;
  outline-offset: 5px !important;
}