/* =========================================================================
   Component: fm-breadcrumb
   Slim navigation strip that appears below a page hero.
   ========================================================================= */

.fm-breadcrumb {
  background: var(--fm-gris);
  padding: var(--fm-sp-3) 0;
  border-bottom: 1px solid var(--fm-gray-200);
}

.fm-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--fm-sp-2);
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--fm-fs-sm);
}

.fm-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: var(--fm-sp-2);
  color: var(--fm-text);
}

.fm-breadcrumb li + li::before {
  content: '/';
  color: var(--fm-gray-200);
  padding: 0 var(--fm-sp-1);
}

.fm-breadcrumb a { color: var(--fm-text); }
.fm-breadcrumb a:hover { color: var(--fm-accent); }

.fm-breadcrumb [aria-current="page"] {
  color: var(--fm-text-strong);
  font-weight: var(--fm-fw-bold);
}