@import (reference) "./../styles/variables/neptune-tokens.less";
@import (reference) "./../styles/less/mixins/_logical-properties.less";
@import (reference) "./../styles/less/core/_typography.less";

.np-accordion-item {
  display: block;
  width: 100%;

  &--open {
    .media {
      border: 0 !important;
    }
  }

  .decision:not(.disabled, :disabled):hover {
    background-color: transparent;
  }

  &.np-accordion-item--dark {
    .media-body,
    .np-text-title-body {
      color: @color-navy-content-primary;
    }
  }

  &__content {
    padding: 0 var(--size-12) var(--size-24) var(--size-12);
    border-bottom: 1px solid var(--color-border-neutral);

    @media (--screen-xs) {
      &.has-icon {
        .padding(left, 68px);
      }
    }
  }

  .np-option {
    .np-option__title { 
      font-weight: var(--font-weight-semi-bold);
    } 
  }

  .np-theme-personal & {
    &--with-media {
      .media {
        display: flex;
        align-items: center;
      }
    }
    &--with-icon {
      .np-accordion-item__content {
        padding: 0 var(--size-56) var(--size-16);
      }
      .media {
        display: flex;
        align-items: flex-start;
      }
    }

    .decision__title {
      font-size: var(--font-size-18);
    }

    .np-option {
      .np-option__title {
        margin-bottom: 0;
        font-size: var(--font-size-18);
        letter-spacing: var(--letter-spacing-negative-xs);
        line-height: var(--line-height-24);
      }

      .circle-sm {
        background-color: transparent;
        width: var(--size-24);
        height: var(--size-24);
        border-radius: 0;
      }
    }

    &__content {
      padding: 0 var(--size-56) var(--size-16) var(--size-16);
      border-bottom: none;
      color: var(--color-content-secondary);
    }
  }
}
