/**
 * TransferJet — breadcrumbs.
 *
 * Styling for Hyvä UI's breadcrumbs.A, applied here rather than by editing the
 * component's Tailwind classes. Two reasons: the copied templates stay close to
 * the upstream component so a future Hyvä UI version is easy to diff against,
 * and this file is layout-loaded, so it applies on a cache flush with no
 * rebuild.
 *
 * Measured against speedoptions.no/motordeler/sylinder. The reference trail is
 * heavier and darker than the component's default text-sm / text-slate-700,
 * and its separators sit in noticeably more air.
 *
 * Two differences from the reference remain, both open rather than overlooked:
 * the reference sets the trail in uppercase with letter-spacing, and gives the
 * current page a darker, bolder treatment than its ancestors. Neither is
 * applied here.
 */

.breadcrumbs ol {
    font-size: 0.9375rem;
}

.breadcrumbs ol li,
.breadcrumbs ol a {
    color: #4a4948;
    font-weight: 500;
}

/* The component ships mx-1 (4px) on the chevron. The reference gives it about
   two and a half times that, which is what stops the trail reading as one
   run-on string. */
.breadcrumbs .separator {
    color: #b3b0ae;
    margin-inline: 0.625rem;
}

/* Below lg the trail sits directly under the header's own border and shadow,
   with no navigation rule between them as there is on desktop, so it needs
   more air above than the component's py-4 gives it. Top only — the space
   below is already doing its job. */
@media (max-width: 1023px) {
    .breadcrumbs ol {
        padding-top: 1.625rem;
    }
}