/* Accordion title visibility */
.ionis-media-menu__accordion_title {
  display: block;
  cursor: pointer;
  padding: 1rem;
  border-radius: 0 0 30.5px 0;
  background: var(--color-white);
}

.ionis-media-menu__accordion_title_wrapper {
  background: var(--color-light-gray);
}

.ionis-media-menu__accordion_title_wrapper.is-expanded {
  background: unset;
}

@media (min-width: 1025px) {
  .ionis-media-menu__accordion_title {
    display: none;
  }
}

/* Chevron icon styles */
.ionis-media-menu__mobile_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: var(--color-purple);
  font-weight: 500;
  font-size: 20px;
}

.ionis-media-menu__icon {
  display: inline-flex;
  align-items: center;
  padding-left: 0.5rem;
}

.ionis-media-menu__chevron {
  transition: transform 0.2s ease;
}

/* Rotate chevron when content is open */
.ionis-media-menu__accordion_title_wrapper.is-expanded .ionis-media-menu__chevron {
  transform: rotate(180deg);
}

@media (min-width: 1025px) {
  .ionis-media-menu__icon {
    display: none;
  }
}

/* Accordion content visibility */
.ionis-media-menu__accordion_content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(.4,0,.2,1);
  min-width: 304px;
}
.ionis-media-menu__accordion_content.is-open {
  max-height: 10000px; /* Large enough to contain any content */
}

.ionis-media-menu__menu {  
  padding: 1rem;
}

/* Desktop view styles */
@media (min-width: 1025px) {
  .ionis-media-menu__accordion_content {
    max-height: none;
    overflow: visible;
  }
}

@media (min-width: 1025px) {
  .ionis-media-menu__accordion_title {
    display: none;
  }

  .ionis-media-menu__accordion_content {
    display: block;
    max-height: none;
    overflow: visible;
  }

  .ionis-media-menu__accordion_content.hidden {
    display: block;
  }
}