/* Patient Genius Custom Styles */

/* Base Typography Scale (Style Guide 4.2) */
  h1 { font-size: clamp(2.5rem, 6vw, 3.4rem); }
  h2 { font-size: clamp(2rem, 5vw, 2.75rem); }
  h3 { font-size: clamp(1.75rem, 4vw, 2.2rem); }
  h4 { font-size: 1.758rem; }
  h5 { font-size: 1.406rem; }
  h6 { font-size: 1.125rem; }

  body,
  p,
  .entry-content {
      font-size: 1.125rem; /* 18px */
  }

  small,
  .has-small-font-size,
  figcaption,
  .wp-element-caption {
      font-size: 0.9375rem; /* 15px */
  }

/* Teal left-border callout */
.pg-callout-accent {
  border-left: 4px solid #2DB5B8;
  padding-left: 24px;
}

/* Stat number styling */
.pg-stat-number {
  color: #2DB5B8;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}

/* Secondary/text-only button hover override */
.button.button-style-secondary:hover,
.button.button-style-secondary:focus,
.button.button-style-secondary:active {
    background: transparent !important;
    box-shadow: none !important;
}

.button.button-style-secondary:hover {
	text-decoration: underline !important;
}

/* Dark section with proper contrast */
.pg-dark-section {
  background-color: #212934;
  color: #FFFFFF;
}
.pg-dark-section a {
  color: #FFFFFF;
}
.pg-dark-section .kb-btn-custom-width {
  background-color: #00529B;
  color: #FFFFFF;
}

/* Scrollytelling accordion section */
  .pg-scroll-accordion {
      min-height: 300vh; /* 3x viewport = good scroll distance between each pane */
      position: relative;
  }

  .pg-scroll-accordion > .kt-row-column-wrap {
      position: sticky;
      top: 100px; /* below sticky header */
  }

  /* Accordion images - stacked with crossfade */
  .pg-accordion-img {
      opacity: 0;
      transition: opacity 0.4s ease;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
  }

  .pg-scroll-accordion .pg-accordion-img.pg-accordion-img-active {
      opacity: 1;
  }

  .clientlogo-img-white {
      filter: brightness(0) invert(1);
  }

  .clientlogo-img-light {
      filter: brightness(0) saturate(100%) invert(97%) sepia(4%) saturate(300%) hue-rotate(190deg) brightness(99%) contrast(95%);
  }

 .clientlogo-img-dark {
      filter: brightness(0) saturate(100%) invert(12%) sepia(15%) saturate(746%) hue-rotate(183deg) brightness(96%) contrast(93%);
  }