/* 1) Затемняем/смягчаем фон через оверлей на блоке заголовка страницы */
.page-header,
.page-title,
.page-banner,
.elementor-page-title {
  position: relative;
}

/* Оверлей поверх картинки */
.page-header::before,
.page-title::before,
.page-banner::before,
.elementor-page-title::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45); /* поменяй прозрачность 0.30-0.60 */
  pointer-events: none;
  z-index: 0;
}

/* Контент поверх оверлея */
.page-header > *,
.page-title > *,
.page-banner > *,
.elementor-page-title > * {
  position: relative;
  z-index: 1;
}

/* 2) Делаем сами хлебные крошки читаемыми */
.woocommerce-breadcrumb,
.breadcrumbs,
.rank-math-breadcrumb {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.65);
  background: rgba(0,0,0,0.28);
  padding: 6px 12px;
  border-radius: 999px;
  display: inline-block;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.woocommerce-breadcrumb a,
.breadcrumbs a,
.rank-math-breadcrumb a {
  color: #fff !important;
  opacity: 0.9;
}