/* Ivory Florist's own corrections. Moved here from src/render/skins/fixes.ts on 05-10-2026. They were attached to this website alone, so they belong to this website - a change for one shop lives in its Custom CSS, where it is live on save and anybody can read or undo it, not in a build every other shop runs. */ /* The menu bar, dark enough to read white text on. WHY `!important`, which is unusual. The colour is not in any stylesheet: it is a SETTING - `menuBackground` on the header block - and HeaderStock writes it as an inline style attribute:
An inline style beats every stylesheet rule that is NOT `!important`, which is why the first version of this shipped, rendered, and changed nothing - the audit went on reporting 3.35:1 with the rule sitting in the page. `!important` beats an inline attribute wherever the stylesheet sits, so this works just as well from here as it did from the skin. A FLOOR, NOT THE FIX. The real fix is the setting, and it has been made: this website's header now carries #717171 in the database too - measured 05-10-2026, the inline attribute already reads `background:#717171`. So this rule currently changes nothing and could be deleted. It is kept because it costs one line and it is what stops the contrast regressing if that setting is ever edited back. */ .nav-menu .col-md-12 { background-color: #717171 !important; } /* A product tile's picture keeps its own shape. The tile's box is a fixed ratio and the pictures are not, so without this a portrait photograph and a landscape one are stretched to two different scales. `contain` fits the picture inside the box instead: nothing is cropped and nothing is distorted, and a picture that does not match is centred with a little space - which is what the skin's own `margin: auto` already asks for. */ a.product_img_link img.img-responsive { object-fit: contain; }