/* =========================================================================
   SparrowiMailer — brand-v18.css
   v18 polish:
     · FAQ accordion icon — clean minimal chevron (kill legacy v10/v12 +/− circle
       artifacts that bled through and produced the "gold scribble" look)
   Loaded LAST in includes/header.php. Keep order.
   ========================================================================= */

/* -------------------------------------------------------------------------
   FAQ ACCORDION ICON — final clean design
   Earlier brand-v10 / brand-v12 left behind layered linear-gradients on
   .faq-item__btn::after to draw a "plus / minus" inside a circle. brand-v15
   then overlaid a bootstrap-icons chevron on top, producing a messy stacked
   icon (most visible on the gold open-state). Reset the pseudo-element fully
   here and draw ONE clean circular chevron button.
   ------------------------------------------------------------------------- */

/* Hide any inline icon the markup may include */
.faq-item__btn > i,
.faq-item__btn .bi,
.faq-item__btn svg,
.faq-item__btn .faq-indicator { display: none !important; }

/* Reset stacked backgrounds from v10/v12 and replace with a single clean look */
.faq-item__btn::before { display: none !important; content: none !important; }

.faq-item__btn::after {
  /* hard-reset anything inherited from earlier brand sheets */
  content: "\f282" !important;                      /* bi-chevron-down */
  font-family: "bootstrap-icons" !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #7c3aed !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #f3eefd !important;                  /* soft purple wash, no gradients */
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, .12) !important;

  transition: transform .25s ease, background .2s ease, color .2s ease, box-shadow .2s ease !important;
  transform: none !important;                       /* clear v12 rotate(135deg) */
}

.faq-item__btn:hover::after {
  background: #ebe1fb !important;
  color: #6d28d9 !important;
}

/* Open state — flip the chevron only. Keep the same soft purple circle so
   it stays calm and on-brand (no jarring gold scribble). */
.faq-item.is-open .faq-item__btn::after {
  transform: rotate(180deg) !important;
  background: #7c3aed !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, .35),
              0 6px 16px -6px rgba(124, 58, 237, .55) !important;
}