// table of contents
.table-of-content {
  @apply overflow-hidden rounded;
}

// share icons
.share-icons {
  .share-link {
    @apply h-9 w-9 rounded leading-9;
    @apply bg-primary hover:bg-primary dark:bg-darkmode-primary dark:hover:bg-darkmode-primary;
  }
  .share-icon svg {
    @apply dark:fill-dark;
  }
}

// tab
.tab {
  @apply border-border dark:border-darkmode-border overflow-hidden rounded-lg border;
  &-nav {
    @apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light pl-4;

    &-item {
      @apply text-dark dark:text-darkmode-dark px-8 text-lg #{!important};
      &.active {
        @apply border-dark dark:border-darkmode-primary;
      }
    }
  }
  &-content {
    &-panel {
      @apply px-4 pt-0 #{!important};
    }
  }
}

// accordion
.accordion {
  @apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light mb-6 overflow-hidden rounded-lg border;
  &-header {
    @apply text-dark dark:text-darkmode-dark;
  }
}

// cookie consent
.cookie-box {
  @apply rounded-lg #{!important};
}

// search
.search-wrapper {
  .search-wrapper-content {
    @apply dark:bg-darkmode-body;
  }
  input {
    @apply dark:bg-darkmode-theme-light dark:text-darkmode-text dark:border-darkmode-border dark:focus:border-darkmode-primary focus:ring-0;
  }
  kbd {
    @apply dark:bg-darkmode-theme-light;
  }
  .search-wrapper-body {
    @apply dark:bg-darkmode-theme-light dark:shadow-none;
  }
  &.search-page {
    .search-wrapper-body {
      @apply dark:bg-transparent;
    }
  }
  .search-result-info em {
    @apply dark:text-white;
  }
  .search-result-item {
    @apply dark:bg-darkmode-body dark:border-darkmode-border p-4;
    .search-title {
      @apply dark:text-darkmode-dark;
    }
    u {
      @apply dark:text-darkmode-primary;
    }
    &:focus,
    &.search-item-selected,
    &:hover {
      @apply dark:bg-darkmode-primary/10;
    }
  }
}