/* =========================================================
   SC Breadcrumbs — Typography-inheriting
   - Adopts Divi module text styles (font, size, color, align)
   - Leaves you free to add custom CSS on the module for pills/dividers/etc.
   ========================================================= */

.sc-bc{
  /* inherit module typography + alignment */
  font: inherit;
  color: inherit;
  text-align: inherit;

  /* prevent weird line-height overrides */
  line-height: inherit;
}

/* Make list inline-flex so text-align on parent controls alignment */
.sc-bc__list{
  list-style: none;
  margin: 0;
  padding: 0;

  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4em; /* scales with module font size */
}

/* Items */
.sc-bc__item{
  display: inline-flex;
  align-items: center;
}

/* Separators */
.sc-bc__sepwrap{
  display: inline-flex;
  align-items: center;
  opacity: .55;
}

.sc-bc__sep{
  margin: 0 0.15em;
}

/* Links inherit module color */
.sc-bc__link{
  color: inherit;
  text-decoration: none;
}

.sc-bc__link:hover{
  text-decoration: underline;
}

.sc-bc__current{
  color: inherit;
  font-weight: inherit;
  opacity: .7;
}

/* =========================================================
   Presets (decorative only — no font sizing)
   ========================================================= */

/* Minimal / symbol-only presets (mostly separator differences) */
.sc-bc--minimal .sc-bc__sep,
.sc-bc--slash .sc-bc__sep,
.sc-bc--chevron .sc-bc__sep,
.sc-bc--dot .sc-bc__sep{
  opacity: .55;
}

/* Pill preset (visual only) */
.sc-bc--pill .sc-bc__item{
  padding: 0.25em 0.7em;
  border-radius: 999px;
  background: rgba(0,0,0,.04);
}

.sc-bc--pill .sc-bc__sepwrap{
  padding: 0 0.15em;
}

/* Fullwidth pill preset (pill behind the entire trail) */
.sc-bc.sc-bc--fullwidth_pill {
    background: none;
    padding: 0;
}

.sc-bc--fullwidth_pill ol.sc-bc__list {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 999px;
    padding: 0.6em 1.5em 0.8em!important;
}

.sc-bc--fullwidth_pill .sc-bc__item {
    padding: 0;
    margin: 0;
}

.sc-bc--fullwidth_pill .sc-bc__item--current {
    background: none;
    font-weight: 600;
}

.sc-bc--fullwidth_pill .sc-bc__separator {
    opacity: 0.55;
}

/* Bar preset (visual only) */
.sc-bc--bar{
  padding: 0.6em 0.8em;
  border-radius: 0.75em;
  background: rgba(0,0,0,.04);
}