/* Хлебные крошки в контенте */
.breadcrumbs {
  display: block;
  margin: 0 0 16px 0;
  padding: 0;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs__link,
.breadcrumbs__link:visited {
  display: inline;
  font-family: var(--font-family-regular);
  font-size: 16px;
  color: #9ca3af !important;
  text-decoration: none !important;
}

.breadcrumbs__link:hover {
  color: #6b7280 !important;
  text-decoration: underline !important;
}

.breadcrumbs__link--current,
.breadcrumbs__link--current:visited {
  color: #4b5563 !important;
}

.breadcrumbs__sep {
  display: inline-block;
  padding: 0 10px;
  font-size: 20px;
  line-height: 1;
  color: #d1d5db;
}

.subheader-breadcrumbs {
  /* margin: 0 0 32px 0; */
}

.subheader-breadcrumbs__container {
  display: flex;
  align-items: center;
  height: 24px;
  font-family: var(--font-family-regular);
}

.subheader-breadcrumbs__arrow {
  display: block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  background: url("../images/arrow-inv-icon.svg") center no-repeat;
}

.subheader-breadcrumbs__link {
  font-size: 16px;
  line-height: 24px;
  color: var(--color-white);
  text-decoration: none;
}

.subheader-breadcrumbs__link:hover {
  color: var(--color-white);
  text-decoration: underline;
}

/* Хлебные крошки внутри контентной области (без цветного фона) */
.content-breadcrumb {
  margin-bottom: 16px;
}

.content-breadcrumb .subheader-breadcrumbs__arrow {
  background-image: url("../images/arrow-icon.svg");
}

.content-breadcrumb .subheader-breadcrumbs__link {
  font-size: 14px;
  color: var(--color-grey-dark);
}

.content-breadcrumb .subheader-breadcrumbs__link:hover {
  color: var(--color-black);
  text-decoration: underline;
}