/* ========================================================================== Icon subset — Golden Space Malaysia (self-hosted, production-safe) -------------------------------------------------------------------------- A hand-drawn, Phosphor-style outline icon set inlined as SVG data-URI masks. Icons inherit the current text colour via `mask`, so `color:` controls them exactly like an icon font would — no external requests, no font files, no emoji (per the design spec: icons always pair with text, never emoji). Class convention (kept from the previous theme): .ph.ph- regular weight .ph-bold.ph-check bold check (lists, selected date state) ========================================================================== */ .ph, .ph-bold { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; flex: none; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* star — ratings (hero trust badge, testimonials) */ .ph.ph-star { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* users — 10,000+ served */ .ph.ph-users { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* seedling — beginner friendly */ .ph.ph-seedling { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* trophy — awards */ .ph.ph-trophy { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* lock — secure booking / limited seats notes */ .ph.ph-lock { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* moon — sign: struggling to fall asleep */ .ph.ph-moon { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* battery-low — sign: tired for no obvious reason */ .ph.ph-battery-low { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* infinity — sign: thoughts on an endless loop */ .ph.ph-infinity { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* target — sign: struggling to focus */ .ph.ph-target { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* waves — sign: easily overwhelmed */ .ph.ph-waves { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* arrows-clockwise — sign: feeling stuck */ .ph.ph-arrows-clockwise { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* certificate — certified instructors */ .ph.ph-certificate { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* medal — enterprise award */ .ph.ph-medal { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* globe — internationally certified */ .ph.ph-globe { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* shield-check — final CTA trust line */ .ph.ph-shield-check { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* warning — limited seats warning (date picker) */ .ph.ph-warning { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* check — checklists + selected date state (bold weight) */ .ph-bold.ph-check { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* caret-down — FAQ accordion trigger */ .ph.ph-caret-down { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } /* arrow-right — reserved for links */ .ph.ph-arrow-right { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }