/* 1) Make each accordion header a flex row */
.zpaccordion-container [element-type="accordionheader"]{
  display: flex !important;
  align-items: center;
  gap: 8px;
}

/* 2) Center the question text and let it take the middle space */
.zpaccordion-container [element-type="accordionheader"] .zpaccordion-name{
  flex: 1 1 auto;           /* grow to fill the middle */
  text-align: center;       /* center the text */
}

/* 3) Push the arrow icons to the far right (and ensure they are visible) */
.zpaccordion-container [element-type="accordionheader"] .zpaccordionicon{
  display: inline-flex !important;
  margin-left: auto;        /* pushes icons to the right edge */
  align-items: center;
  justify-content: center;
}

/* Optional: slightly space the two icon states if both render together */
.zpaccordion-container [element-type="accordionheader"] .zpaccord-icon-inactive{
  opacity: .7;
  margin-right: 2px;
}