/* IPC critical UI fixes — clinician emphasis + contact form button — 2026-09-08 */

/* Team directory: clinician photos support the profile; they do not dominate it. */
.therapist-directory-card {
  display: flex !important;
  flex-direction: column !important;
}
.therapist-directory-photo,
.therapist-directory-photo.therapist-photo-wrap,
.therapist-initial-art {
  width: 100% !important;
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.therapist-directory-photo.therapist-photo-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 23% !important;
}
.therapist-directory-photo.therapist-photo-wrap img[src*="laurene"] {
  object-position: 50% 28% !important;
}
.therapist-directory-photo.therapist-photo-wrap img[src*="reem"] {
  object-position: 50% 24% !important;
}
.therapist-directory-copy {
  padding: 30px 32px 34px !important;
}

/* Individual therapist profile hero: compact portrait beside the important information. */
.therapist-profile-hero {
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) !important;
  gap: clamp(32px, 5vw, 64px) !important;
  align-items: start !important;
}
.therapist-profile-photo,
.therapist-profile-photo.therapist-photo-wrap,
.therapist-profile-photo.therapist-initial-art {
  width: 100% !important;
  max-width: 300px !important;
  height: 350px !important;
  min-height: 350px !important;
  max-height: 350px !important;
  aspect-ratio: auto !important;
  justify-self: start !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}
.therapist-profile-photo.therapist-photo-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 24% !important;
}
.therapist-profile-photo.therapist-photo-wrap img[src*="laurene"] {
  object-position: 50% 29% !important;
}
.therapist-profile-photo.therapist-photo-wrap img[src*="reem"] {
  object-position: 50% 24% !important;
}

/* Homepage therapist slider: keep photo secondary to clinician information. */
.home-clinician-slider .clinician-card {
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) !important;
  align-items: stretch !important;
}
.home-clinician-slider .clinician-photo,
.home-clinician-slider .clinician-photo.therapist-photo-wrap,
.home-clinician-slider .therapist-initial-art {
  width: 100% !important;
  height: 330px !important;
  min-height: 330px !important;
  max-height: 330px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.home-clinician-slider .clinician-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 24% !important;
}

/* Contact form: prevent the submit button from stretching to textarea height. */
.contact-form > label:has(textarea) {
  grid-column: 1 / -1 !important;
}
.contact-form > button[type="submit"] {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  align-self: start !important;
  width: auto !important;
  min-width: 220px !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 760px) {
  .therapist-directory-photo,
  .therapist-directory-photo.therapist-photo-wrap,
  .therapist-initial-art {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
  .therapist-directory-copy { padding: 24px !important; }

  .therapist-profile-hero {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .therapist-profile-photo,
  .therapist-profile-photo.therapist-photo-wrap,
  .therapist-profile-photo.therapist-initial-art {
    width: 170px !important;
    max-width: 170px !important;
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
    justify-self: start !important;
    margin: 0 !important;
    border-radius: 18px !important;
  }

  .home-clinician-slider .clinician-card {
    grid-template-columns: 1fr !important;
  }
  .home-clinician-slider .clinician-photo,
  .home-clinician-slider .clinician-photo.therapist-photo-wrap,
  .home-clinician-slider .therapist-initial-art {
    width: 170px !important;
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
    margin: 20px 0 0 24px !important;
    border-radius: 18px !important;
  }
  .contact-form > button[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }
}