/* =========================================================================
   Customer Traac — SHARED breadcrumb-strip styles (single source of truth)
   Loaded globally by resources/views/layout.antlers.html, AFTER the per-page
   stylesheet. Every page that renders the standard <div class="breadcrumb-strip">
   block (above the hero) gets identical breadcrumb styling. Do not duplicate
   breadcrumb rules per page.
   ========================================================================= */
.breadcrumb-strip {
  background: var(--navy-deep, #0e2240);
  padding: 16px 40px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.breadcrumb {
  font-family: var(--font-head, 'Montserrat', sans-serif);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
}
.breadcrumb a { color: rgba(255,255,255,0.7); text-decoration: none; transition: color 0.2s; }
.breadcrumb a:hover { color: var(--white, #ffffff); }
.breadcrumb .sep { margin: 0 12px; opacity: 0.4; color: rgba(255,255,255,0.5); }
.breadcrumb .current { color: var(--accent, #2ec4a8); }