//
// bootstrap-rtl.scss
//

// Dropdowns

.dropdown-menu {
  text-align: right;
  left: auto !important;
}

.dropdown-menu[style] {
  right: 0 !important;
}

// List

ul {
  padding-right: 0;
}

.list-inline-item:not(:last-child) {
  margin-left: $list-inline-padding;
  margin-right: 0px;
}

// border

.border-right {
  border-left: $border-width solid $border-color !important;
}

.border-left {
  border-right: $border-width solid $border-color !important;
}

// Buttons

.btn-label {
  padding-right: 44px;
  padding-left: 12px;
  .label-icon {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 1px solid rgba($white, 0.4);
  }

  &.btn-light {
    .label-icon {
      border-right: 0;
      border-left: 1px solid rgba($dark, 0.2);
    }
  }
}

.btn-group,
.btn-group-vertical {
  direction: ltr;
}

// pagination

.pagination {
  .page-item {
    &:first-child {
      .page-link {
        margin-right: 0; //rtl
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        // @include border-right-radius($border-radius); //rtl
      }
    }
    &:last-child {
      .page-link {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        // @include border-left-radius($border-radius); //rtl
      }
    }
  }
}

// blockquote

.blockquote-reverse {
  text-align: left !important;
}

// dl

dd {
  margin-right: 0;
}

// Modal

.custom-modal-title {
  text-align: right;
}

.modal-header {
  .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
    left: 0px;
  }
}

.modal-demo {
  .btn-close {
    left: 25px;
    right: auto;
  }
}

.modal-footer {
  > :not(:first-child) {
    margin-right: 0.25rem;
    margin-left: 0;
  }

  > :not(:last-child) {
    margin-left: 0.25rem;
    margin-right: 0;
  }
}

// Alerts

.alert-dismissible {
  padding-right: $alert-padding-x;
  .btn-close {
    left: 0;
    right: auto;
  }
}

// Breadcrumb item arrow

.breadcrumb-item {
  + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0px;
  }
}

// ------------ FORM  //

[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  &::placeholder {
    text-align: right;
  }
}

// radio

.form-radio-outline {
  .form-check-input {
    &:checked {
      &:after {
        right: 3px;
      }
    }
  }
}

// checkbox

.form-checkbox-outline {
  .form-check-input {
    &:checked {
      &:after {
        right: 1px;
      }
    }
  }
}

// Switch sizes

.form-switch {
  .form-check-input {
    margin-right: -2.5em !important;
    margin-left: 0;
    background-position: right center;
  }
}

.form-switch {
  padding-right: 2.5em !important;
  .form-check-input:checked {
    background-position: left center;
  }
}

.form-switch-md {
  padding-right: 2.5rem !important;
  .form-check-input {
    right: -0.5rem;
  }
}

.form-switch-lg {
  padding-right: 2.75rem !important;
  .form-check-input {
    right: -0.75rem;
  }
}

// Forms right check box

.form-check-right {
  padding-right: 0 !important;
  padding-left: 1.25rem !important;

  .form-check-input {
    right: auto;
    left: 0;
    margin-right: 0;
  }
}

.custom-control-right {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;

  .custom-control-label {
    display: block;
    &:before,
    &:after {
      right: auto;
      left: -1.5rem;
    }
  }

  .custom-control-input {
    right: auto;
    left: 0;
  }
}

// Forms

.form-select {
  background-position: right 0.75rem center !important;
  padding: 0.47rem 0.75rem 0.47rem 1.75rem;
}

.form-select-sm {
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

// Custom Checkbox-Radio

.form-check {
  text-align: right;
  padding-right: 1.5em;
  padding-left: 0;
  .form-check-input {
    float: right;
    margin-right: -1.5em;
  }
}

.form-check-inline {
  margin-right: 1rem;
  margin-left: 0;
}

.custom-control {
  padding-left: 0;
}

.custom-control-inline {
  margin-right: 0;
}

.custom-control-label {
  &::before {
    left: auto;
  }

  // Foreground (icon)
  &::after {
    left: auto;
  }
}

.custom-switch {
  padding-left: 0;

  .custom-control-label {
    &::before {
      left: auto;
    }

    &::after {
      left: auto;
    }
  }

  // .custom-control-input:checked~.custom-control-label {
  //     &::after {
  //         transform: translateX(#{-($custom-switch-width - $custom-control-indicator-size)});
  //     }
  // }
}

.custom-file-label {
  &::after {
    right: auto;
    left: 0;
    border-right: inherit;
  }
}

.custom-switch-md {
  padding-right: 3rem;
  padding-left: 0;
  .custom-control-label {
    &:before {
      left: auto;
      right: -3rem;
    }

    &:after {
      right: calc(-3rem + 2px);
      left: auto;
    }
  }

  .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-1.25rem);
  }
}

.custom-switch-lg {
  padding-right: 3.75rem;
  padding-left: 0;
  .custom-control-label {
    &:before {
      left: auto;
      right: -3.75rem;
    }

    &:after {
      right: calc(-3.75rem + 2px);
      left: auto;
    }
  }

  .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-1.5rem);
  }
}

// Swich

// custom-checkbox-outline
.custom-checkbox-outline {
  .custom-control-input:checked ~ .custom-control-label:after {
    left: auto;
    right: -28px;
  }
}

// custom-radio-outline
.custom-radio-outline {
  .custom-control-input:checked ~ .custom-control-label:after {
    left: auto;
    right: -20px;
  }
}

// Input Group

.input-group-prepend {
  margin-left: -1px;
  margin-right: 0;
}

.input-group-append {
  margin-right: -1px;
  margin-left: 0;
}

// .input-group>.input-group-prepend>.btn,
// .input-group>.input-group-prepend>.input-group-text,
// .input-group>.input-group-append:not(:last-child)>.btn,
// .input-group>.input-group-append:not(:last-child)>.input-group-text,
// .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
// .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
// .input-group>.custom-select:not(:last-child),
// .input-group>.form-control:not(:last-child) {
//     border-top-right-radius: $input-border-radius;
//     border-bottom-right-radius: $input-border-radius;
//     border-top-left-radius: 0;
//     border-bottom-left-radius: 0;
// }

.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: $input-border-radius;
  border-bottom-left-radius: $input-border-radius;
}

.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: $input-border-radius;
  border-bottom-right-radius: $input-border-radius;
}

// .input-group>.input-group-append>.btn,
// .input-group>.input-group-append>.input-group-text,
// .input-group>.input-group-prepend:not(:first-child)>.btn,
// .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
// .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
// .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
// .input-group>.custom-select:not(:first-child),
// .input-group>.form-control:not(:first-child) {
//     border-top-left-radius: $input-border-radius;
//     border-bottom-left-radius: $input-border-radius;
//     border-top-right-radius: 0;
//     border-bottom-right-radius: 0;
// }

.dropdown-menu-end[style] {
  right: auto !important;
  left: 0 !important;
}

.accordion-button:not(.collapsed)::after,
.accordion-button::after {
  margin-right: auto;
  margin-left: unset;
}
.wizard > .actions > ul {
  display: block;
  text-align: left;
  padding-right: 0;
}