/* =====================================================
   ILZE Baltic — ilze-breadcrumb.css
   Хлебные крошки и заголовок страницы
   ===================================================== */

.breadcrumb {
  background: none !important;
  border: none !important;
  padding: 0 20px !important;       /* ← отступ от краёв */
  margin: 16px 0 4px 0 !important;  /* отступ от хедера */
}

.breadcrumb ol {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.breadcrumb ol li {
  display: flex !important;
  align-items: center !important;
  font-size: 12px !important;
  color: #9aaab8 !important;
}

/* Убираем разделители темы (::after с '/') */
.breadcrumb ol li::after {
  content: '' !important;
  display: none !important;
}

/* Наш › только между видимыми элементами (не перед скрытым последним) */
.breadcrumb ol li + li:not(:last-child)::before {
  content: '\203A' !important;  /* › unicode-escape */
  margin: 0 7px !important;
  color: #c8d4de !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.breadcrumb ol li a {
  color: #9aaab8 !important;
  text-decoration: none !important;
  transition: color .15s !important;
  font-size: 12px !important;
}
.breadcrumb ol li a:hover {
  color: #f26f21 !important;
  text-decoration: none !important;
}
.breadcrumb ol li a span,
.breadcrumb ol li span {
  font-size: 12px !important;
}

/* Текущая страница скрыта — она уже показана как h1 ниже.
   ::before (разделитель) тоже исчезает вместе с li. */
.breadcrumb ol li:last-child {
  display: none !important;
}

/* ---- Заголовок страницы ---- */
.page-header {
  margin: 6px 0 22px !important;
  padding: 0 20px !important;       /* ← тот же отступ */
  border: none !important;
}

.page-header h1 {
  font-size: 24px !important;       /* чуть крупнее */
  font-weight: 700 !important;
  color: #1a2530 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.2 !important;
}

/* Оранжевый акцент-черта под заголовком */
.page-header h1::after {
  content: '' !important;
  display: block !important;
  width: 36px !important;
  height: 3px !important;
  background: #f26f21 !important;
  border-radius: 2px !important;
  margin-top: 8px !important;
}

.page-header .page-subtitle {
  font-size: 13px !important;
  color: #6b7c8d !important;
  margin: 6px 0 0 !important;
  font-weight: 400 !important;
}

/* ---- Mobile ---- */
@media (max-width: 480px) {
  .breadcrumb {
    padding: 0 14px !important;
    margin-top: 24px !important;  /* больше воздуха от мобильного хедера */
  }
  .page-header {
    padding: 0 14px !important;
  }
  .page-header h1 {
    font-size: 18px !important;
  }
  .breadcrumb ol li + li::before {
    margin: 0 5px !important;
  }
}