/* AG icon tokens — inline SVG masks (stroke icons, currentColor-friendly) */
:root {
--ag-ico-search: url('data:image/svg+xml;utf8,');
--ag-ico-user: url('data:image/svg+xml;utf8,');
--ag-ico-cart: url('data:image/svg+xml;utf8,');
--ag-ico-cart-plus: url('data:image/svg+xml;utf8,');
--ag-ico-menu: url('data:image/svg+xml;utf8,');
--ag-ico-close: url('data:image/svg+xml;utf8,');
--ag-ico-tool: url('data:image/svg+xml;utf8,');
--ag-ico-arrow: url('data:image/svg+xml;utf8,');
--ag-ico-truck: url('data:image/svg+xml;utf8,');
--ag-ico-shield: url('data:image/svg+xml;utf8,');
--ag-ico-bolt: url('data:image/svg+xml;utf8,');
--ag-ico-tag: url('data:image/svg+xml;utf8,');
--ag-ico-phone: url('data:image/svg+xml;utf8,');
--ag-ico-mail: url('data:image/svg+xml;utf8,');
--ag-ico-pin: url('data:image/svg+xml;utf8,');
--ag-ico-star: url('data:image/svg+xml;utf8,');
/* Action + social icons (share popover, favorites, whatsapp float) */
--ag-ico-heart: url('data:image/svg+xml;utf8,');
--ag-ico-share: url('data:image/svg+xml;utf8,');
--ag-ico-link: url('data:image/svg+xml;utf8,');
--ag-ico-whatsapp: url('data:image/svg+xml;utf8,');
--ag-ico-facebook: url('data:image/svg+xml;utf8,');
--ag-ico-twitter: url('data:image/svg+xml;utf8,');
--ag-ico-telegram: url('data:image/svg+xml;utf8,');
--ag-ico-pinterest: url('data:image/svg+xml;utf8,');
--ag-ico-email: url('data:image/svg+xml;utf8,');
--ag-ico-doc: url('data:image/svg+xml;utf8,');
/* Department icons (kitchen-themed, stroke style) */
--ag-dep-warehouse: url('data:image/svg+xml;utf8,');
--ag-dep-serving: url('data:image/svg+xml;utf8,');
--ag-dep-kitchen: url('data:image/svg+xml;utf8,');
--ag-dep-bakery: url('data:image/svg+xml;utf8,');
--ag-dep-pastry: url('data:image/svg+xml;utf8,');
--ag-dep-cafe: url('data:image/svg+xml;utf8,');
--ag-dep-clean: url('data:image/svg+xml;utf8,');
}
/* Department icon glyph rendered inside the gold tile */
.ag-cat-card__ico::before,
.ag-drawer-icon::before {
content: "";
position: absolute;
inset: 0;
background: var(--ag-black);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 56%;
mask-size: 56%;
-webkit-mask-image: var(--ag-dep-img, var(--ag-dep-kitchen));
mask-image: var(--ag-dep-img, var(--ag-dep-kitchen));
}
.ag-depico--warehouse { --ag-dep-img: var(--ag-dep-warehouse); }
.ag-depico--serving { --ag-dep-img: var(--ag-dep-serving); }
.ag-depico--kitchen { --ag-dep-img: var(--ag-dep-kitchen); }
.ag-depico--bakery { --ag-dep-img: var(--ag-dep-bakery); }
.ag-depico--pastry { --ag-dep-img: var(--ag-dep-pastry); }
.ag-depico--cafe { --ag-dep-img: var(--ag-dep-cafe); }
.ag-depico--clean { --ag-dep-img: var(--ag-dep-clean); }
/* Standalone mask glyphs (share popover, favorites, whatsapp, social) — inherit
the parent's color via background:currentColor. */
[class*="ag-ico-"] {
display: inline-block;
width: 1em;
height: 1em;
background: currentColor;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
vertical-align: -0.125em;
}
.ag-ico-heart { -webkit-mask-image: var(--ag-ico-heart); mask-image: var(--ag-ico-heart); }
.ag-ico-share { -webkit-mask-image: var(--ag-ico-share); mask-image: var(--ag-ico-share); }
.ag-ico-link { -webkit-mask-image: var(--ag-ico-link); mask-image: var(--ag-ico-link); }
.ag-ico-star { -webkit-mask-image: var(--ag-ico-star); mask-image: var(--ag-ico-star); }
.ag-ico-whatsapp { -webkit-mask-image: var(--ag-ico-whatsapp); mask-image: var(--ag-ico-whatsapp); }
.ag-ico-facebook { -webkit-mask-image: var(--ag-ico-facebook); mask-image: var(--ag-ico-facebook); }
.ag-ico-twitter { -webkit-mask-image: var(--ag-ico-twitter); mask-image: var(--ag-ico-twitter); }
.ag-ico-telegram { -webkit-mask-image: var(--ag-ico-telegram); mask-image: var(--ag-ico-telegram); }
.ag-ico-pinterest { -webkit-mask-image: var(--ag-ico-pinterest); mask-image: var(--ag-ico-pinterest); }
.ag-ico-email { -webkit-mask-image: var(--ag-ico-email); mask-image: var(--ag-ico-email); }
.ag-ico-doc { -webkit-mask-image: var(--ag-ico-doc); mask-image: var(--ag-ico-doc); }