/* ============================================================
   breadcrumb-redesign.css — EgetTryck.se breadcrumb
   Разметка: nav.eg-breadcrumb > ol > li > a > span (см. breadcrumb.tpl) —
   без промежуточных .breadcrumb/.container обёрток родительской темы,
   поэтому её старые правила для .breadcrumb (criticalcss.tpl,
   _breadcrumb.scss) на эту разметку больше не действуют вообще, ничего
   там не переопределяем и не подчищаем — они просто не совпадают.
   Ширина/левый край (1200px) специально совпадают с контейнером хедера,
   блоков главной страницы и /kundvagn (см. #header .container/
   #index .container в criticalcss.tpl и .cart-grid в кассе) — единая
   линия отступа по всему сайту.
   Палитра --eg-* объявлена в header-redesign.css (хедер рендерится раньше
   в layout, переменные уже доступны).
   ============================================================ */

.eg-breadcrumb {
  background: var(--eg-header-bg, #f2ede3);
  border-bottom: 1px solid var(--eg-border, #e2ddd8);
}

.eg-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  max-width: 1200px;
  margin: 0 auto;
  padding: 6px 15px;
  font-size: 1.1rem;
}

.eg-breadcrumb li + li:before {
  content: "/";
  margin: 0 8px;
  color: var(--eg-border, #e2ddd8);
}

.eg-breadcrumb a {
  color: var(--eg-muted, #6b6a63);
}

.eg-breadcrumb a:hover {
  color: var(--eg-ink, #1a1a1a);
}

.eg-breadcrumb li:last-child a {
  color: var(--eg-ink, #1a1a1a);
}

@media (max-width: 767px) {
  .eg-breadcrumb ol {
    font-size: 1rem;
  }
}