/* =========================
   Breadcrumb (MobilePrices)
========================= */

/* Wrapper */
.breadcrumb{
  display:flex;
  align-items:center;
  gap: 10px;
  border-radius: 13px;
  margin-bottom: 15px;
}

/* Support existing markup */
.breadcrumb__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  align-items:center;
  margin:0;
  padding:0;
}
.breadcrumb__item{ display:flex; align-items:center; }
.breadcrumb__link{
  color: var(--text);
  text-decoration:none;
  font-weight: 700;
  font-size: 13px;
  border-radius: 999px;
  transition: .2s ease;
}
.breadcrumb__link:hover{ background: var(--soft); text-decoration:none; }
.breadcrumb__sep{
  color: var(--muted);
  font-size: 12px;
  opacity: .75;
  padding: 0 2px;
}
.breadcrumb__item[aria-current="page"],
.breadcrumb .current{
  font-size: 13px;
  font-weight: 800;
  color: var(--muted);
}

/* Support simplified markup (if used later) */
.breadcrumb ol{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  align-items:center;
  margin:0;
  padding:0;
}
.breadcrumb a{
  color: var(--text);
  text-decoration:none;
  font-weight: 700;
  font-size: 13px;
  border-radius: 999px;
  transition: .2s ease;
}
.breadcrumb a:hover{ background: var(--soft); text-decoration:none; }
.breadcrumb .sep{ color: var(--muted); font-size: 12px; opacity: .75; }

@media (max-width: 768px){
  .breadcrumb{ margin-bottom: var(--space-4); }
  .breadcrumb__link,
  .breadcrumb__item[aria-current="page"],
  .breadcrumb a,
  .breadcrumb .current{ font-size: 12px; }
}


.fa-house-chimney {
  margin-right: 5px;
}