/** VUETIFY OVERRIDE STYLES FILE
|--------------------------------------------------
|	DO NOT CHANGE ANYTHING HERE, UNLESS YOU KNOW WHAT YOU ARE DOING
| This file is required/used to override Vuetify styles
|--------------------------------------------------
**/
// Heading colors
h1,
h2,
h3,
h4,
h5,
h6 {
  color: $heading-color;
}

// Default button color
.theme--light.v-btn {
  color: $btn-text-color;
}

// Disable ripple effect globally
.v-ripple__container {
  display: none !important;
}

// Disable tab button uppercase
.v-application .v-tab {
  text-transform: none;
}

// Toolbar dense button menu icon size
.v-toolbar--dense .v-app-bar__nav-icon {
  .fa-bars {
    // small icon size
    font-size: 18px;
  }
}

// Bottom navigation padding between icon & text
.v-bottom-navigation {
  button {
    height: inherit !important;
    i {
      margin-bottom: 4px;
    }
  }
}

// v-text-field
.theme--light.v-text-field {
  // override text-field inactive label color
  .v-label:not(.v-label--active):not(.v-label--is-disabled) {
    color: $text-field-label-color;
  }
  // override text-field disabled label color
  .v-label.v-label--is-disabled {
    color: $text-field-disabled-label-color;
  }
}

.v-text-field--outlined {
  // outlined border color override
  &.theme--light:not(.v-input--is-focused):not(.v-input--has-state) {
    fieldset {
      transition: border-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
      border-color: $p-border-color;
    }

    &.v-input--is-disabled fieldset {
      border-color: $p-border-color-disabled;
    }

    &:hover {
      fieldset {
        border-color: $p-border-color-hover;
      }
    }
  }

  // text-field outlined label polyfill IE11 & Older Safari versions
  // disabled for now
  legend {
    // width: 0 !important;
  }

  .theme--light.v-label {
    // background-color: $label-light-bg;
  }

  .theme--dark.v-label {
    // background-color: $label-dark-bg;
  }
}

// VDataTable overrides
.theme--light.v-data-table {
  // add border to table
  border: 1px solid $p-border-color;

  // inherit border-radius down to the head
  .v-data-table__wrapper {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;

    table {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;

      .v-data-table-header {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        background-color: $table-heading-bg;
      }
    }
  }

  &.celled {
    border-color: $p-border-color;

    th:not(:last-child),
    td:not(:last-child) {
      border-right: 1px solid $p-border-color;
    }
  }

  // remove styling if needed
  &.no-default-styles {
    box-shadow: none !important;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;

    .v-data-table__wrapper .v-data-table-header {
      background-color: unset;
    }
  }
}

// Remove checkbox/radio icons transition
.v-radio,
.v-simple-checkbox,
.v-input--checkbox {
  .fa-circle,
  .fa-dot-circle,
  .fa-square,
  .fa-check-square {
    transition: none;
  }
}

// Carousel icon size fix
.v-carousel {
  .v-window__prev,
  .v-window__next {
    i {
      font-size: 1rem !important;
    }
  }
}

// Caret icon ripple, removed
.v-treeview-node__root {
  .v-icon::after {
    display: none;
  }
}

// Switch IE11 fix
.v-input--switch {
  input {
    pointer-events: none;
  }
}