/* DESIGN 2_0 — rules the batch dropped but our markup still needs ============================================================================= Created against batch "Web App L&L 21.09.26" — a full replacement of "CML WO 11.09.26" that retired 113 selectors. Most of those we never used (`.cml-*` is the other brand's landing page, `.truck-*` is the food-truck schedule the store list replaced). What is left below is different: each entry is either still in the designer's own HTML while missing from his CSS, or is ours and he never drew it. Delete this file once he ships the missing rules. Re-audited 2026-10-06 against the INSTALLED sheet — batch "Web App L&L 05.10.26", 251 830 B served by woru, measured rather than read out of the batch folder. That pass deleted everything that had become a no-op or a ghost: - `.signin-pager`, `.signin-field-wrap`, `.menu-modal__acc-title`, `.toast--info` — the sheet now ships all four with identical declarations; - `.page-profile .back-btn` — the override contradicted his own profile.html rather than covering a hole; - `.checkout-event__when` — a rename, not a dropped rule: the class is `__addr` since 21.09 and our markup follows the new name, so it styled nothing. What remains is the one genuine hole left: the card/cart image placeholder pair at the bottom (`.card__image--placeholder` — 0 occurrences in the sheet, 5 in menu_2.ejs). Delete this file once he ships it. NOTE — judge this file against the INSTALLED sheet, never against the batch folder alone. The two diverged twice in October 2026: the folder held the wrong (CML/KFC) sheet, and the deploy landed a day after the commit. See knowledge/design2_batch_0510_2026-10-05.md §9 and §13. Loaded after styles.css, from views/index.ejs for every 2_0 page. ============================================================================= */ /* `.signin-pager` (the auth step dots) and `.signin-field-wrap` used to be filled in here — both were holes in the 21.09/30.09 sheets. The installed 05.10 sheet has them back, so the copies were deleted on 2026-10-06: the three `.signin-pager` rules were byte-identical to the sheet's, and the `.signin-field-wrap` copy (`display/flex-direction/gap`) is now a subset of the sheet's, which also carries its own `padding: 12px 24px`. */ /* `.page-profile .back-btn` used to be overridden here (pill + weight 500) to hold on to the 11.09 look after he dropped `.page-profile` from his pill rule. Re-measured against the INSTALLED 05.10 sheet on 2026-10-06, and the override is gone because it was fighting a deliberate change, not covering a hole: - his `profile.html` body is `page-profile`, and his back-btn sits in `
` — a DIRECT child of `.content`; - the only `.page-profile`-scoped back-btn rule he ships is `@media (max-width: 820px) { .page-profile .content > .back-btn { display: none } }` (:7568) — the mobile hide our markup already documents (profile_2.ejs:29); - on desktop his profile back-btn therefore gets the BASE `.back-btn` (12px radius, weight 600, letter-spacing .1px). The pill is `.page-rewards .back-btn, .page-checkout .back-btn` only (:2768) — he took `.page-profile` OUT of that rule on purpose. So ours was the odd one out: pill + weight 500 while the two pages he kept were already pill + 600. The desktop profile arrow now matches his profile.html. */ /* `.checkout-event__when` was deleted on 2026-10-06 — it styled NOTHING. The class was RENAMED, not dropped: 11.09's `__when` (date + time) became `__addr` (the street address) in the 21.09 batch (CML-CLASS-ALIGNMENT.md:21), and our checkout row follows the new name — ordering_2.ejs renders `checkout-event`, `__name`, `__addr` and `__extra`, never `__when` (the rename is noted at :207). The earlier audits kept this block on the reasoning "his sheet has no rule for it"; they never checked whether we still render the class. We do not. `__addr` is styled by the sheet (:7172, plus `.checkout-address.is-delivery .checkout-event__addr` :464). NOT the same class as `header-address__when` (menu_2.ejs:139/154) — that one IS ours and IS shipped by the sheet (:482). Leave it alone. */ /* `.menu-modal__acc-title` (the burger menu's account row) and `.toast--info` (the "not enough points for a reward" toast variant) used to be filled in here. Both are shipped by the installed 05.10 sheet with identical declarations, so the copies were deleted on 2026-10-06 and became no-ops the moment the deploy landed. `.menu-modal__acc-title` went in with the 30.09 sheet; `.toast--info` is the variant that sheet introduced, so now that it is the live one nothing is missing. */ /* Card / cart image placeholder — the batch dropped the fill with the rename. The kit renamed the image boxes (`.card__image` -> `.card__img`, `.cart-item__image` -> `.cart-item__img`, `.cross-sell-item__image` -> `.oitem__img`) and the placeholder went out with the old names: in the 30.09 sheet the first two are `background: transparent` (:942, :1277), and neither `--image-placeholder` nor `.card__image--placeholder` exists in ANY current sheet (checked 11.09 / 15.09 / 21.09 / 30.09 — the only hits left are the retired copies under public/css/2_0/_old/). Our markup still binds the modifier (menu_2.ejs: the card grid and both cart rows), so a card whose item has no artwork — or whose image 404s, see `d2_img_error` in design2_locations_mixin.js — was an empty hole with the `alt` text sitting in it. Restored from public/css/2_0/_old/styles.css:52 (the token) and :321 (the rule) — the designer's own earlier version of exactly this, which is what our port was written against. Specificity: `.card__img { background: transparent }` is a declaration he DOES make, and his sheet loads last, so the bare modifier (one class) loses to it — same trap as the skeleton in menu_addons.css §1. Hence the two-class form. */ :root { --image-placeholder: #f3f4f6; } .card__img.card__image--placeholder, .cart-item__img.card__image--placeholder, .oitem__img.card__image--placeholder { background: var(--image-placeholder); } /* ...and the `alt` text must not sit inside the grey box */ .card__img.card__image--placeholder img, .cart-item__img.card__image--placeholder img, .oitem__img.card__image--placeholder img { visibility: hidden; } /* --------------------------------------------------------------------------- Temporary DEBUG row in the outlet card — our markup, he never drew it =========================================================================== `components_2/modal_map_outlets_2.ejs:390` (`data-dbg-outlet-flags`): the outlet's own flags (`id` / `public` / `hidden` / `enabled`) printed under the distance while the redirects were being untangled. Hidden by its data attribute instead of deleting the markup, so the handle survives for the next probe (Vadim, 06.10). Specificity: his `.event-card__row` is one class (0,1,0) and this is one attribute (0,1,0) — but on the checkout page a page-scoped rule (and the DB site CSS, which loads AFTER this sheet) outranks it, so the row stayed visible on ordering_2 while menu hid it. `!important` pins it shut on both. */ [data-dbg-outlet-flags] { display: none !important; }