/* Card logos (EVS-72, Nov 2026): every card and list item that names a venue or agency shows its own logo on a fixed plate.
   Markup from events-listing-media elm_card_mark(): <span class="elm-mark er-cmark er-cmark--sm is-logo [is-wide] [is-light]"><img class="elm-mark-img"></span>
   Bricks loops use the tag {elm_card_mark:er-cmark} in a text-basic element with class er-card-logo-wrap; the engine
   directory cards get <span class="er-card-logo"> from theme/inc/design.php. Loaded on every page. */
.er-cmark{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:112px;height:56px;padding:7px 10px;background:#fff;border:1px solid var(--er-line);border-radius:2px;overflow:hidden}
.er-cmark .elm-mark-img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
/* Logos are shown as the business made them: no editorial photo treatment (the card image filter desaturates photos). */
.er-cmark img,.er-card .er-cmark img,.er-card-logo img{filter:none!important;outline:0!important}
.er-cmark.is-light{background:var(--er-plum);border-color:var(--er-plum)}
.er-cmark.is-mono{padding:0;background:var(--er-tint);color:var(--er-plum)}
.er-cmark .elm-mono{font:400 24px/1 'Libre Caslon Display',Georgia,serif}
.er-card-logo-wrap,.er-card-logo{display:block;line-height:0}

/* Hub cards (city, category, country hubs) and search results: plate above the kicker. */
.er-card>.er-card-logo-wrap{margin:0 0 12px}
/* Engine directory cards (agencies index). */
.ed-card>.er-card-logo{margin:0 0 12px}

/* Compact list items (homepage "recently added", related listings on profiles): plate on the left, text beside it. */
.er-dir-item:has(>.er-card-logo-wrap){display:grid!important;grid-template-columns:96px minmax(0,1fr);column-gap:16px;align-items:start}
.er-dir-item>.er-card-logo-wrap .er-cmark{width:96px;height:48px;padding:6px 8px}
@media (max-width:767px){
 .er-dir-item:has(>.er-card-logo-wrap){grid-template-columns:80px minmax(0,1fr);column-gap:14px}
 .er-dir-item>.er-card-logo-wrap .er-cmark{width:80px;height:42px;padding:5px 7px}
}
