// ===
// Global
// ===
@import 'global/animate';
@import 'global/app';
@import 'global/development';
@import 'global/fb-message-chat';
@import 'global/font.dingbeauty';
@import 'global/grid';
@import 'global/nprogress';
@import 'global/reboot';
@import 'global/recaptcha';

// ===
// Utilities
// ===
@import 'utilities';
@import 'utilities/api';

.tableVertical {
  &__item {
    margin-bottom: 1.8rem;

    .baseButton {
      padding: 0.563rem 0 !important;
      font-size: 0.75rem;
      text-align: center;
    }
  }

  &__top {
    padding: 0.5rem 1rem;
    background-color: rgba($color-secondary, 0.1);
    border-radius: 3px;
  }

  &__content {
    @include list-unstyled;

    padding: 1rem 1rem;
    margin-bottom: 0;

    li {
      display: flex;
      justify-content: space-between;
      padding-bottom: 0.5rem;
    }

    &__title {
      display: block;
    }

    &__content {
      display: block;
      width: 50%;

      ul {
        @include list-unstyled;
      }
    }
  }

}

.ls-0 {
  letter-spacing: 0;
}

.dingBeautyButtonFixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  background: #fff;
  padding: 1rem 1.5rem;
  box-shadow: 0px -5px 10px #00000029;
  z-index: 999;

  @include max-md {
    display: none;
    &.isStyleKeppShow {
      display: flex;
    }
  }
  &.isStyleMobileShow {
    @include max-md {
      display: block;
      position: static;
      box-shadow: none;
      padding: 0;
      .baseButton {
        &:not(:last-child) {
          margin-bottom: 1rem;
        }
      }
    }
  }
}

.dingBeautyButtonAlwaysFixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  background: #fff;
  padding: 1rem 1.5rem;
  z-index: 999;

  @include max-md {
    &.isStyleKeppShow {
      display: flex;
    }
  }
  &.isStyleMobileShow {
    @include max-md {
      display: block;
      position: static;
      box-shadow: none;
      padding: 0;
      .baseButton {
        &:not(:last-child) {
          margin-bottom: 1rem;
        }
      }
    }
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  .nav-link {
    display: block;
    padding: 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  }
  &.nav-justified {
    .nav-link {
      flex-basis: 0;
      flex-grow: 1;
      text-align: center;
    }
  }
}