/* Accordion header: only visible on mobile */
.accordion-header {
  display: none;
  padding: 15px 10px;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  position: relative;
}

/* Arrow */
.accordion-header .accordion-arrow {
  float: right;
  transition: transform 0.2s linear;
}

/* Body collapsed on mobile */
.accordion-body {
  display: block;
}

/* When closed */
.accordion-section.closed .accordion-body {
  display: none;
}

/* Rotate arrow when open */
.accordion-section.open .accordion-header .accordion-arrow {
  transform: rotate(180deg);
}

/* MOBILE ONLY (<576px) */
@media (max-width: 575px) {
  .accordion-header {
    display: block;
    width: 100%;
  }

  .accordion-body {
    display: none;
  }

  .accordion-section.open .accordion-body {
    display: block;
  }
}

/* DESKTOP keeps everything open */
@media (min-width: 576px) {
  .accordion-section .accordion-body {
    display: block !important;
  }
  .accordion-header {
    display: none !important;
  }
}