.accordion-item{
  transition: all 0.2s ease-in-out;
}
.accordion-item:hover{
  transform: translateY(-2px);
}


.accordion-content {
  transition: max-height 0.3s ease-out; /* Smooth transition for expanding/collapsing */
  overflow: hidden; /* Hide overflow content while collapsed */
  max-height: 0; /* Initially collapsed */
}

.accordion-item .hidden {
  display: none;
}

.accordion-arrow {
  transform: rotate(90deg);
  transition: transform 0.3s ease; /* Smooth transition for arrow rotation */
}


.accordion-arrow.rotate-arrow {
  transform: rotate(0deg); /* Rotate the arrow when expanded */
}

.accordion-number{
  background-color: #555;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.is-expanded .accordion-number{
  background-color: var(--primary);
  color: #000!important;
}

/* Ensure the accordion content is always visible in the block editor */
.wp-admin .accordion-content {
  max-height: fit-content !important;
}