/**
 * Atelier — Breadcrumbs (C10).
 */
.atl-breadcrumbs {
  padding: 24px 48px 8px;
  display: flex;
  gap: 10px;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--atl-text-subtle);
}
.atl-breadcrumbs a { color: inherit; text-decoration: none; }
.atl-breadcrumbs a:hover { color: var(--atl-text); }
.atl-breadcrumbs .atl-breadcrumbs-current { color: var(--atl-text); }

@media (max-width: 767px) {
  .atl-breadcrumbs { padding: 16px 20px 4px; flex-wrap: wrap; }
}