.yoast-breadcrumbs,
#breadcrumbs{
  font-family: var(--e-global-typography-text-font-family, "Open Sans"), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: var(--e-global-typography-text-font-weight, 400);
  font-size: 15px;
  line-height: 1.4;
  text-align: left;
  border-bottom: 1px solid #eeeeee;
  color: #555555; /* separators + labels */
  background: transparent;
}

/* Option: nếu bạn đặt breadcrumb nằm trên nền kem, vẫn hợp */
.yoast-breadcrumbs.is-on-cream,
#breadcrumbs.is-on-cream{
  background: var(--e-global-color-background, #FDF5E6);
}

.yoast-breadcrumbs a,
#breadcrumbs a{
  color: #222222;
  text-decoration: none;
  transition: color .3s ease;
}

.yoast-breadcrumbs a:hover,
#breadcrumbs a:hover{
  color: var(--e-global-color-primary, #CF1919);
}

.yoast-breadcrumbs .breadcrumb_last,
#breadcrumbs .breadcrumb_last{
  color: var(--e-global-color-primary, #CF1919);
  font-weight: 700;
}

/* Khi separator được filter thành '/', coi nó như text node.
   Không style trực tiếp text node được, nên dùng spacing ở item. */
.yoast-breadcrumbs > * + *,
#breadcrumbs > * + *{
  margin-left: 10px;
}

@media (max-width: 520px){
  .yoast-breadcrumbs,
  #breadcrumbs{
    font-size: 24px;
  }
}

.entry-title{
  display: none !important;
}