@use "../variables";
/* Start:: Breadcrumb Styles */

.page-header-breadcrumb {
  .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "\ea65");
    font-family: "tabler-icons" !important;
  }
}
[dir="rtl"] {
  .page-header-breadcrumb {
    .breadcrumb-item+.breadcrumb-item::before {
      content: var(--bs-breadcrumb-divider, "\ea64");
      font-family: "tabler-icons" !important;
    }
  }
}
.breadcrumb {
  .breadcrumb-item {
    a {
      color: variables.$primary;
    }

    &.active {
      color: variables.$default-text-color;
      font-weight: 500;
    }
  }
}
.page-header-breadcrumb {
  .breadcrumb-icon svg{
    width: 1rem;
    height: 1rem;
  }
}
.breadcrumb-item+.breadcrumb-item::before {
  color: variables.$text-muted;
}
.breadcrumb-example1 {
  .breadcrumb-item+.breadcrumb-item::before {
    color: variables.$text-muted;
    content: var(--bs-breadcrumb-divider, "\ea65");
    font-family: "tabler-icons" !important;
  }
}
.breadcrumb-style1 {
  .breadcrumb-item+.breadcrumb-item::before {
    color: variables.$text-muted;
    content: var(--bs-breadcrumb-divider, "\ea1c");
    font-family: "tabler-icons" !important;
  }
}
.breadcrumb-style2 {
  .breadcrumb-item+.breadcrumb-item::before {
    color: variables.$text-muted;
    content: var(--bs-breadcrumb-divider, "\ea61");
    font-family: "tabler-icons" !important;
  }
}
.embedded-breadcrumb:before {
  opacity: 0.7;
}
[data-theme-mode="dark"] {
  .embedded-breadcrumb:before {
    filter: invert(1);
  }
}
[dir="rtl"] {
  
.breadcrumb-example1 {
  .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "\ea64");
  }
}
.breadcrumb-style1 {
  .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "\ea1b");
  }
}
.breadcrumb-style2 {
  .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "\ea60");
  }
}
.embedded-breadcrumb:before {
  transform: scaleX(-1);
  padding-inline-start: 0.5rem;
  padding-inline-end: 0rem !important;
}
}
/* End:: Breadcrumb Styles */

/* Start:: Breadcrumb input */
.form-control.breadcrumb-input {
  box-shadow: 0 2px 2px rgba(155, 147, 187, 0.05);
  min-width: 14rem;
  border: 1px solid variables.$default-border;
  line-height: 1.508;
  &:focus {
    box-shadow: 0 2px 2px rgba(155, 147, 187, 0.05);
    border: 1px solid variables.$default-border;
  }
}
/* End:: Breadcrumb input */