/* Shared size/color for the fourteen approved pictograms. */
#category-rail .category-link:has(.main-category-icon),
#subcategory-tabs .subcategory-tab:has(.roll-subcategory-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
#category-rail .menu-icon-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile-menu-v28 #category-rail .palermo-menu-icon,
.mobile-menu-v28 #subcategory-tabs .palermo-menu-icon,
.category-picker-list button .palermo-menu-icon {
  display: block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  fill: currentColor;
  stroke: none;
  pointer-events: none;
}
.category-picker-list button:has(.palermo-menu-icon) { gap: 7px; }

/* 3.0.37: labels inherit the same readable color as their pictograms. */
.mobile-menu-v28 #category-rail .category-link,
.mobile-menu-v28 #subcategory-tabs .subcategory-tab {
  color: #681c33;
}
.mobile-menu-v28 #category-rail .category-link > .menu-icon-label,
.category-picker-list button > span {
  color: inherit;
}
.mobile-menu-v28 #category-rail .category-link.active,
.mobile-menu-v28 #subcategory-tabs .subcategory-tab.active {
  background: #681c33;
  color: #fff;
}
