/* ── Brand palette ────────────────────────────────────────────────────────────
   The DEFAULT palette — Pizza Twist's. Loaded FIRST by every layout, before
   menu.css / stores.css / auth.css / site.css.

   These values are no longer per-brand. Every layout renders _BrandTheme.cshtml
   immediately after this file, which emits the same tokens from the Brand section
   of appsettings and therefore wins. A second brand supplies its colour in
   appsettings.<mode>.json next to its name and ships NO stylesheet — the palette
   used to be the one thing a rebrand had to change in two agreeing places, which
   is precisely the half-switch (right logo, right name, other brand's red) that
   nothing in the app would have failed on.

   So: change a hex here and you change what Pizza Twist renders when the config
   is silent, which is the guarantee that a deployment with no Brand section looks
   exactly as it always did. Change Brand:Red to change what a deployment renders.
   Nothing else in wwwroot/css should ever declare a brand colour again.

   These four tokens used to be declared three times over, in the :root of
   menu.css, stores.css and auth.css, with auth.css calling the hover shade
   --brand-red-hover while the other two called the same value --brand-red-dark.
   Both names are kept below and given the same value: renaming the call sites in
   auth.css would be a bigger diff for no gain.

   The non-brand tokens those files declare (--text, --muted, --border, --bg-soft,
   the greens, the shadows, and --header-h / --sidebar-w, which deliberately differ
   between menu.css and stores.css) stay where they are. Only the brand lines moved.

   Brand:Red is still config as well as a token, because three places need the hex
   where a CSS custom property cannot reach — inline SVG fill= in Razor, SVG built
   by JS (window.__ptBrand), and QuestPDF on the API side. They read the config, and
   so now does the :root block below, so there is one value rather than two to agree.
   ──────────────────────────────────────────────────────────────────────────── */

:root {
    --brand-red: #E21B22;
    --brand-red-dark: #c8161d;
    --brand-red-soft: #FDECEE;
    /* auth.css's name for --brand-red-dark. Alias, not a second colour. */
    --brand-red-hover: #c8161d;
    /* A THIRD red, used by exactly one rule: the app-download button's hover
       (_AppDownloadWidget.cshtml). It is not --brand-red-dark — #b91419 and #c8161d are
       different values — so it gets its own token rather than being folded into one of the
       others, which would have silently restyled a live button. */
    --brand-red-deep: #b91419;
    /* And a FOURTH, likewise single-use: the primary dialog block's background
       (pt-dialog.css). #fff6f6 is not --brand-red-soft (#FDECEE) either. Both are near-white
       pinks, which is exactly why folding them together would have been an invisible-in-review,
       visible-in-production change to a dialog every customer sees. */
    --brand-red-tint: #fff6f6;
}

/* ── Brand colour inside an SVG data-URI ──────────────────────────────────────
   A CSS custom property cannot be interpolated into a url("data:…") string, so
   the store-address map pin has to carry the hex literally. Redeclared here,
   after menu.css's own rule, so a rebrand needs no edit to menu.css — and
   redeclared a third time in _BrandTheme.cshtml, from Brand:Red, which is what
   actually makes it follow the brand. This copy is the Pizza Twist default, the
   same as the :root block above.

   Only the map pin. NOT the veg/non-veg marks, which also use #E21B22 in
   menu.css (.menu-card-image[data-veg="false"]::before, .cust-veg-mark.is-nonveg,
   .cart-item-veg.is-nonveg) and cart.css (.chk-line-veg.is-nonveg). Those are the
   standard Indian dietary symbol — a red square means non-vegetarian and the green
   #16a34a one beside it means vegetarian — so the red is a FOOD LABEL that happens
   to match the Pizza Twist brand, not an expression of it. Recolouring them per
   brand would at best confuse the mark and at worst, for a brand whose colour is
   green, tell someone avoiding meat the exact opposite of the truth. Leave them.
   ──────────────────────────────────────────────────────────────────────────── */

.menu-store-addr-link::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 1 1 14 0c0 4.8-7 11-7 11z' fill='none' stroke='%23E21B22' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10' r='2.5' fill='%23E21B22'/%3E%3C/svg%3E") center / contain no-repeat;
}