/* Public storefront toolbar spacing.
   Keep the primary navigation action and Save Roaster clearly separated,
   while keeping supplier quick actions on their own row. */
[data-v7-storefront] .sf-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

[data-v7-storefront] .sf-toolbar > .v7-storefront-save {
  margin-left: 28px !important;
}

[data-v7-storefront] .sf-toolbar > .v7-supplier-quick-actions {
  flex-basis: 100%;
  margin-top: 10px;
}

@media (max-width: 480px) {
  [data-v7-storefront] .sf-toolbar > .v7-storefront-save {
    margin-left: 20px !important;
  }
}