/*
 * Navbar breadcrumb row.
 *
 * Mantine's Breadcrumbs wraps by default. At the desktop link size the
 * "opentiva | patients | targets" row is wider than a narrow viewport, so on a
 * phone it split onto two lines after "opentiva".
 *
 * On small screens the link font size scales with the viewport width (vw) so
 * the row fills the available space instead of sitting at a fixed small size,
 * and the row is forced to never wrap. clamp() keeps it readable on very small
 * phones (min 14px) and stops it growing past the desktop size (max 24px).
 */
@media (max-width: 767px) {
    .navbar-breadcrumbs {
        flex-wrap: nowrap !important;
    }
    .navbar-breadcrumb-text {
        font-size: clamp(14px, 5vw, 24px) !important;
    }
}