@use '@angular/material' as mat;
@mixin sc-smart-breadcrumbs-theme($theme) {
  $foreground: map-get($theme, foreground);

  .custom-bread-crumb {
    background-color: transparent !important;
  }

  .custom-bread-crumb li {
    font-size: 16px !important;
  }

  .custom-bread-crumb li a {
    color: mat.get-color-from-palette($foreground, secondary-text) !important; // rgba(black, 0.67) !important;
  }

  .custom-bread-crumb li a:hover {
    color: mat.get-color-from-palette($foreground, text) !important; // rgba(black, 0.87) !important;
  }

  .custom-bread-crumb li a.pointer-none {
    pointer-events: none;
  }
}