/* LBIC Member Directory M4 — labelled contact/social buttons and owner/reviewer-only private preview photos.
   Navy foreground only (E4d), 44px touch targets, images always whole (object-fit:contain), never recoloured. */
.lbic-mdi .mdi-social{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lbic-mdi .mdi-contacts li{margin:0 0 8px}
.lbic-mdi .mdi-chan{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-height:44px;padding:8px 14px;border:1px solid var(--dash-line,#d5dbe3);border-radius:999px;background:#fff;color:var(--dash-navy,#012a58);font-weight:700;text-decoration:none;line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.lbic-mdi .mdi-chan:hover{border-color:currentColor;text-decoration:underline}
.lbic-mdi .mdi-chan:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.lbic-mdi .mdi-chan .mdi-ico{flex:0 0 20px;width:20px;height:20px}
.lbic-mdi .mdi-chan__val{font-weight:400}
.lbic-mdi .mdi-chan--whatsapp{border-width:2px}
.lbic-mdi .mdi-logo--photo{background:#fff;border:1px solid var(--dash-line,#d5dbe3);padding:4px;overflow:hidden}
.lbic-mdi .mdi-logo--photo img{display:block;width:100%;height:100%;object-fit:contain}
.lbic-mdi .mdi-prod__photo{margin:-4px 0 12px;background:#f6f7f9;border-radius:6px}
.lbic-mdi .mdi-prod__photo img,.lbic-mdi .mdi-photo img{display:block;width:100%;height:180px;object-fit:contain}
.lbic-mdi .mdi-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.lbic-mdi .mdi-photo{margin:0;background:#f6f7f9;border-radius:6px;padding:8px}
.lbic-mdi .mdi-photo figcaption{margin-top:6px;font-weight:700}
.lbic-mdi .mdi-private-note{margin:8px 0 16px;padding:10px 14px;border-left:4px solid var(--dash-navy,#012a58);background:#f6f7f9}
@media (max-width:480px){.lbic-mdi .mdi-social{flex-direction:column}.lbic-mdi .mdi-chan{width:100%;border-radius:10px}.lbic-mdi .mdi-photo-grid{grid-template-columns:1fr}}
/* M4a: official brand mark (when placed in assets/brand/) — shown whole and unaltered: no filter, no recolouring, no crop. */
.lbic-mdi .mdi-chan .mdi-brand{flex:0 0 24px;width:24px;height:24px;object-fit:contain;filter:none}
/* M4a: inline Edit / Save / Cancel for an existing product or service (native <details>, keyboard operable). */
.lbic-mdi .mdi-offering{flex-wrap:wrap}
.lbic-mdi .mdi-edit{flex:1 1 100%;margin:6px 0 0}
.lbic-mdi .mdi-edit>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;list-style:none}
.lbic-mdi .mdi-edit>summary::-webkit-details-marker{display:none}
.lbic-mdi .mdi-edit>summary:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.lbic-mdi .mdi-edit[open]>summary{font-weight:700}
.lbic-mdi .mdi-edit__body{margin:6px 0 10px;padding:12px 14px;border:1px solid var(--dash-line,#d5dbe3);border-radius:8px;background:#fff}
.lbic-mdi .mdi-linkbtn--edit{color:var(--dash-navy,#012a58)}
.lbic-mdi .mdi-children .mdi-edit form{display:block}