/*
|--------------------------------------------------------------------------
| Breadcrumb Trail (includes/partials/breadcrumb.php)
|--------------------------------------------------------------------------
|
| Horizontal-scroll treatment so a long breadcrumb trail scrolls instead
| of wrapping. Loaded on every page that renders a breadcrumb (8 of the
| 9 route templates) — see includes/layouts/header.php.
|--------------------------------------------------------------------------
*/

.breadcrumb-scroll {
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
.breadcrumb-scroll::-webkit-scrollbar {
height: 4px;
}
.breadcrumb-scroll::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
border-radius: 2px;
}
.breadcrumb-scroll .breadcrumb-crumb,
.breadcrumb-scroll .breadcrumb-sep {
white-space: nowrap;
flex-shrink: 0;
}
.breadcrumb-scroll a.breadcrumb-crumb {
color: #64748b;
text-decoration: none;
transition: color .15s ease-in-out;
}
.breadcrumb-scroll a.breadcrumb-crumb:hover {
color: #f75815;
}