/* ============================================================================ Hostika — WHMCS ORDER FORM BRAND LAYER client/templates/orderforms/hostika_cart/css/custom.css ---------------------------------------------------------------------------- WHAT THIS FILE IS The second of the two files in this order form. theme.yaml declares `parent: nexus_cart`; this file is everything else. There is no template here and there does not need to be — see "WHAT CANNOT BE DONE" at the foot of this file. HOW IT GETS LOADED templates/orderforms/standard_cart/common.tpl, which every page of this cart includes, ends with: {assetExists file="custom.css"} {/assetExists} `assetExists` searches the active order form first and walks up the parent chain, so with hostika_cart active it finds THIS file rather than nexus_cart's. The is emitted in the body, after the main theme's , which is what lets the token block below win a same-specificity tie against templates/hostika/css/custom.css without needing !important. HOW IT REACHES THE SHADOW DOM — THE WHOLE MECHANISM IN ONE PLACE nexus_cart's product browser and domain search are a Vue SPA in a closed- over shadow tree. js/main.min.js does, in effect: root = el.attachShadow({mode: "open"}) style.textContent = vuelessRuntimeCss + "\n" + style.min.css + "\n" + custom.css root.insertBefore(style, root.firstChild) Both stylesheet URLs are built with `new URL("../css/",