/* 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: 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);
}