/* ADGin Custom Icons */
:root {
     --gin-icon-color: hsl(176, 56%, 55%); /* #4ecdc4 */
}

/* Toolbar icon active state */
.options-icon label > span[class*="-view"],
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon[class*="toolbar-icon-"],
.toolbar-menu .toolbar-link--has-icon[class*="toolbar-link--toolbar-icon-"],
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon[class*="toolbar-icon-"] {
    &.is-active::before,
    &.toolbar-icon.is-active::before {
      --gin-color-primary-active: var(--ad_color-secondary);
    }
}

/* Icon: Order */
.options-icon label > span.order-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-order::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-order::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-order::before {
  -webkit-mask-image: url(../../images/icons/order.svg);
  mask-image: url(../../images/icons/order.svg);
}

/* Icon: Own / customer orders — same order glyph + small user badge (bottom-end). */
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-order-own {
  position: relative;
}

.options-icon label > span.order-own-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-order-own::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-order-own::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-order-own::before {
  -webkit-mask-image: url(../../images/icons/order.svg);
  mask-image: url(../../images/icons/order.svg);
}

.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-order-own::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  pointer-events: none;
  border-radius: 50%;
  background-color: hsl(32, 88%, 52%);
  -webkit-mask-image: url(../../images/icons/user-small.svg);
  mask-image: url(../../images/icons/user-small.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  /* Bottom-end of the 20px icon: level-1 link padding-inline-start is 5px. */
  inset-inline-start: calc(5px + 20px - 7px);
  top: calc(50% + 5px);
  transform: translateY(-50%);
}

/* Icon: Map */
.options-icon label > span.map-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-map::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-map::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-map::before {
  -webkit-mask-image: url(../../images/icons/map.svg);
  mask-image: url(../../images/icons/map.svg);
}

/* Icon: Rider */
.options-icon label>span.rider-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-rider::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-rider::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-rider::before {
  -webkit-mask-image: url(../../images/icons/rider.svg);
  mask-image: url(../../images/icons/rider.svg);
}

/* Icon: Schedule */
.options-icon label > span.schedule-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-schedule::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-schedule::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-schedule::before {
  -webkit-mask-image: url(../../images/icons/schedule.svg);
  mask-image: url(../../images/icons/schedule.svg);
}

/* Icon: Incident */
.options-icon label > span.incident-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-incident::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-incident::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-incident::before {
  -webkit-mask-image: url(../../images/icons/incident.svg);
  mask-image: url(../../images/icons/incident.svg);
}

/* Icon: Invoice */
.options-icon label > span.invoice-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-invoice::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-invoice::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-invoice::before {
  -webkit-mask-image: url(../../images/icons/invoice.svg);
  mask-image: url(../../images/icons/invoice.svg);
}

/* Icon: Setting */
.options-icon label > span.setting-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-setting::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-setting::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-setting::before {
  -webkit-mask-image: url(../../images/icons/settings.svg);
  mask-image: url(../../images/icons/settings.svg);
}

/* Icon: Product */
.options-icon label > span.product-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-product::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-product::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-product::before {
  -webkit-mask-image: url(../../images/icons/product.svg);
  mask-image: url(../../images/icons/product.svg);
}

/* Icon: Menu */
.options-icon label > span.menu-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-menu::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-menu::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-menu::before {
  -webkit-mask-image: url(../../images/icons/menu.svg);
  mask-image: url(../../images/icons/menu.svg);
}

/* Icon: Restaurant */
.options-icon label > span.restaurant-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-restaurant::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-restaurant::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-restaurant::before {
  -webkit-mask-image: url(../../images/icons/restaurant.svg);
  mask-image: url(../../images/icons/restaurant.svg);
}

/* Icon: Loyalty (star) */
.options-icon label > span.loyalty-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-loyalty::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-loyalty::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-loyalty::before {
  -webkit-mask-image: url(../../images/icons/loyalty.svg);
  mask-image: url(../../images/icons/loyalty.svg);
}

/* Icon: Printer (thermal / POS) */
.options-icon label > span.printer-view::before,
.admin-toolbar__item .toolbar-button--icon.custom-toolbar-icon.toolbar-icon-printer::before,
.toolbar-menu .toolbar-link--has-icon.toolbar-link--toolbar-icon-printer::before,
.toolbar .toolbar-bar .toolbar-icon.custom-toolbar-icon.toolbar-icon-printer::before {
  -webkit-mask-image: url(../../images/icons/printer.svg);
  mask-image: url(../../images/icons/printer.svg);
}