@use "@core/scss/base/mixins";

// 👉 Expansion Panel
.v-expansion-panels {
  .v-expansion-panel {
    .v-expansion-panel-title {
      font-weight: 500;

      &--active {
        .v-expansion-panel-title__overlay,
        &:hover .v-expansion-panel-title__overlay {
          opacity: 0 !important;
        }
      }

      .v-expansion-panel-title__icon {
        .v-icon {
          block-size: 1.25rem;
          font-size: 1.25rem;
          inline-size: 1.25rem;
        }
      }

      &:hover {
        .v-expansion-panel-title__overlay {
          opacity: 0 !important;
        }
      }
    }

    .v-expansion-panel-text {
      color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
      font-size: 15px;
      line-height: 1.375rem;
    }
  }

  &:not(.v-expansion-panels--variant-accordion) {
    .v-expansion-panel {
      &.v-expansion-panel--active {
        .v-expansion-panel__shadow {
          @include mixins.elevation(6);
        }
      }
    }
  }
}
