/* Shared breadcrumb styles (used across Admin and Partner layouts) */

.breadcrumbs {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0; /* spacing is handled by divider margins */
  font-family: var(--font-family, "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif);
  font-size: 14px;
  min-width: 0;
  max-width: 100%;
}

/* Non-active crumb (anchor or span) */
.breadcrumbs .breadcrumb {
  color: var(--color-text-secondary, #6b7280);
  text-decoration: none;
  cursor:pointer;
  /* Handle long labels safely */
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  min-width: 0;
}

.breadcrumbs .breadcrumb:hover,
.breadcrumbs .breadcrumb:focus {
  color: var(--color-text-primary, #111827);
  text-decoration: none;
}

/* Active crumb */
.breadcrumbs .breadcrumb--active {
  color: var(--color-text-dark, #050505);
  font-weight: 600;
  cursor: default;
}

/* Divider */
    .breadcrumbs .breadcrumb__divider {
        margin: 0 16px 16px 16px;
        color: var(--color-light, #9ca3af);
        user-select: none;
    }

.divider {
    width: 14px;
    height: 20px;
    background: url(/assets//icons/divider.svg) no-repeat center / cover;
}