/* Meet the Doctor — accordion (.doctor-accordion class on the Divi Accordion module). */

/* 10% space around the content (the module's navy bg + graphic fill it) */
.doctor-accordion { padding: 10%; }

/* Title — subheading-lg treatment (!important beats Divi's generated module CSS) */
.doctor-accordion .et_pb_toggle_title {
  font-size: var(--text-sub-lg) !important;
  font-family: var(--font-brandon-grotesque) !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
}

/* Body — body-xl treatment */
.doctor-accordion .et_pb_toggle_content,
.doctor-accordion .et_pb_toggle_content p {
  font-size: var(--text-body-xl) !important;
  font-family: var(--font-brandon-grotesque) !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

/* Smooth open/close — grid-rows collapse, same feel as the services accordion.
   display/height !important neutralize Divi's inline slide animation; the module's
   open class drives a pure-CSS transition instead. Title ↔ body gap rides margin-top
   (padding would hold the row open when collapsed). */
.doctor-accordion .et_pb_toggle {
  /* Divi chrome stripped; white divider below each item, pushed down as it opens */
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--white) !important;
  padding: 0 0 2.5rem !important;
  margin-bottom: 2.5rem !important;
  /* smooth open/close */
  display: grid !important;
  grid-template-rows: auto 0fr;
  transition: grid-template-rows 0.35s ease;
}
.doctor-accordion .et_pb_toggle.et_pb_toggle_open { grid-template-rows: auto 1fr; }
.doctor-accordion .et_pb_toggle_content {
  display: block !important;
  height: auto !important;
  min-height: 0;
  overflow: hidden;
  padding-top: 0 !important;
  margin-top: 0;
  transition: margin-top 0.35s ease;
}
.doctor-accordion .et_pb_toggle_open .et_pb_toggle_content { margin-top: 1.5rem; }

@media (max-width: 980px) {
  .doctor-accordion .et_pb_toggle_open .et_pb_toggle_content { margin-top: 1.25rem; }
  .doctor-accordion .et_pb_toggle { padding-bottom: 1.75rem !important; margin-bottom: 1.75rem !important; }
}