/* 1. Style the White Box (The Container) */
.accordion-item-toggle-box {
  position: relative;
  transition: all 0.3s ease;
}

/* 2. Hide any actual Icon element inside (so we can use CSS instead) */
.accordion-item-toggle-box i, 
.accordion-item-toggle-box svg {
  display: none !important;
}

/* 3. Create the PLUS (+) by default */
.accordion-item-toggle-box::after {
  content: "+";
  font-family: sans-serif; /* Matches your clean layout */
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: .8px;
  margin-top: -4px;
}

/* 4. Change to MINUS (-) when the accordion is OPEN */
/* Note: Bricks 2.2 adds .brx-open to the .accordion-item */
.brx-open .accordion-item-toggle-box::after {
  content: "−"; /* Using the proper minus character */
}

/* Optional: Slight color change on open to match your image pink */
.brx-open .accordion-item-toggle-box::after {
  color: #000000; 
}