@import '../variables';

[dir="rtl"] {
  h1, h2, h3, h4, h5, h6, p {
    text-align: start;
  }

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

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

  .float-right {
    float: left !important;
  }

  .float-left {
    float: right !important;
  }

  .ml-0 {
    margin-right: 0 !important;
  }

  .ml-1 {
    margin-left: initial !important;
    margin-right: .25rem !important;
  }

  .ml-2 {
    margin-left: initial !important;
    margin-right: .5rem !important;
  }

  .ml-3 {
    margin-left: initial !important;
    margin-right: 1rem !important;
  }

  .ml-4 {
    margin-left: initial !important;
    margin-right: 1.5rem !important;
  }

  .ml-5 {
    margin-left: initial !important;
    margin-right: 3rem !important;
  }

  .ml-primary {
    margin-left: initial !important;
    margin-right: $default-padding-margin !important;
  }

  .mr-0 {
    margin-left: 0 !important;
  }

  .mr-1 {
    margin-right: initial !important;
    margin-left: .25rem !important;
  }

  .mr-2 {
    margin-right: initial !important;
    margin-left: .5rem !important;
  }

  .mr-3 {
    margin-right: initial !important;
    margin-left: 1rem !important;
  }

  .mr-4 {
    margin-right: initial !important;
    margin-left: 1.5rem !important;
  }

  .mr-5 {
    margin-right: initial !important;
    margin-left: 3rem !important;
  }

  .mr-primary {
    margin-right: initial !important;
    margin-left: $default-padding-margin !important;
  }

  .pl-0 {
    padding-right: 0 !important;
  }

  .pl-1 {
    padding-left: initial !important;
    padding-right: .25rem !important;
  }

  .pl-2 {
    padding-left: initial !important;
    padding-right: .5rem !important;
  }

  .pl-3 {
    padding-left: initial !important;
    padding-right: 1rem !important;
  }

  .pl-4 {
    padding-left: initial !important;
    padding-right: 1.5rem !important;
  }

  .pl-5 {
    padding-left: initial !important;
    padding-right: 3rem !important;
  }

  .pl-primary {
    padding-left: initial !important;
    padding-right: $default-padding-margin !important;
  }

  .pr-0 {
    padding-left: 0 !important;
  }

  .pr-1 {
    padding-right: initial !important;
    padding-left: .25rem !important;
  }

  .pr-2 {
    padding-right: initial !important;
    padding-left: .5rem !important;
  }

  .pr-3 {
    padding-right: initial !important;
    padding-left: 1rem !important;
  }

  .pr-4 {
    padding-right: initial !important;
    padding-left: 1.5rem !important;
  }

  .pr-5 {
    padding-right: initial !important;
    padding-left: 3rem !important;
  }

  .pr-primary {
    padding-right: initial !important;
    padding-left: $default-padding-margin !important;
  }

  @media (min-width: 768px) {
    .text-md-left {
      text-align: right !important;
    }

    .text-md-right {
      text-align: left !important;
    }

    .pl-md-0, .pr-md-0, .px-md-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }

  // BreadCrumb
  .breadcrumb-item {
    + .breadcrumb-item {
      padding-left: 0;

      &:before {
        float: none;
      }
    }
  }
}
