/* The shop finder. Same tokens as the delivery page (shop.css). The Storemapper widget brings
   its own styles; only the delivery line added to each of its rows is styled here. */
.lkm-fd-wrap{max-width:960px}
.lkm-fd-intro{color:var(--muted);margin:6px 0 12px}
.lkm-fd-preview{background:var(--plan-bg);color:var(--plan);border-radius:10px;padding:10px 12px;font-size:14.5px;margin:0 0 12px}
.lkm-fd-fallback{background:var(--wait-bg);color:var(--wait);border-radius:10px;padding:12px;font-size:15px}
.lkm-fd-fallback a,.lkm-fd-list a{color:var(--brand)}
.lkm-fd-map{min-height:200px;margin:8px 0 14px}
.lkm-fd-list{font-size:15px}
.lkm-sm-delivery{margin:8px 0;font-size:14.5px}
.lkm-sm-link{display:inline-block;font-weight:700;color:var(--brand);padding:6px 0;min-height:32px}
.lkm-sm-link:focus-visible{outline:3px solid var(--way);outline-offset:2px}
.lkm-sm-none{color:var(--muted)}

/* Keep the primary action legible under Storemapper's selected-row theme. */
#storemapper #storemapper-list a.lkm-sm-link,
#storemapper #storemapper-list a.lkm-sm-link:visited{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 16px;background:#fff!important;color:#075b63!important;border:2px solid #075b63!important;border-radius:8px;font-weight:700;opacity:1!important;text-decoration:none!important}
#storemapper #storemapper-list a.lkm-sm-link:hover{background:#e6f5f4!important;color:#063f45!important}
#storemapper #storemapper-list a.lkm-sm-link:focus-visible{outline:3px solid #ffcf55!important;outline-offset:3px}

/* TRACKER-MULTI: "Couldn't find a product?" in every shop tile. It inherited Storemapper's link blue, which on the
   selected (blue) tile was blue on blue. Now a solid button in the delivery page's teal with white text (7.8:1),
   ringed in white so it stands out on any tile colour; hover darkens it, keyboard focus gets a yellow ring.
   The secondary "every shop" link (unconnected rows) is the white style used for "Delivery details". */
a.lkm-sm-report,
#storemapper #storemapper-list a.lkm-sm-report,
#storemapper #storemapper-list a.lkm-sm-report:visited{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin:6px 0 0;padding:10px 16px;background:#075b63!important;color:#ffffff!important;border:2px solid #075b63!important;border-radius:8px;box-shadow:0 0 0 2px #ffffff;font-weight:700;opacity:1!important;text-decoration:none!important}
a.lkm-sm-report:hover,
#storemapper #storemapper-list a.lkm-sm-report:hover{background:#063f45!important;border-color:#063f45!important;color:#ffffff!important}
a.lkm-sm-report:focus-visible,
#storemapper #storemapper-list a.lkm-sm-report:focus-visible{outline:3px solid #ffcf55!important;outline-offset:3px}
a.lkm-sm-report.lkm-sm-secondary,
#storemapper #storemapper-list a.lkm-sm-report.lkm-sm-secondary,
#storemapper #storemapper-list a.lkm-sm-report.lkm-sm-secondary:visited{background:#ffffff!important;color:#075b63!important;border-color:#075b63!important}
a.lkm-sm-report.lkm-sm-secondary:hover,
#storemapper #storemapper-list a.lkm-sm-report.lkm-sm-secondary:hover{background:#e6f5f4!important;color:#063f45!important}
.lkm-sm-delivery{display:flex;flex-wrap:wrap;gap:8px;align-items:center}