/* Card logos (EVS-72, Nov 2026): every card, ledger row and list item that names a show, venue or organiser shows its own logo
   on a fixed plate. Markup from xd_cmark() (exhibition-directory-site) / events-listing-media elm_card_mark():
   <span class="xd-card-logo"><span class="elm-mark xd-cmark xd-cmark--sm is-logo [is-wide] [is-light]"><img class="elm-mark-img"></span></span>
   Same plate look as the services cards (white, strong line, rounded). Loaded on every page. */
.xd-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(--xd-line-strong);border-radius:10px;overflow:hidden}
.xd-cmark .elm-mark-img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.xd-cmark.is-light{background:var(--xd-green-dark);border-color:var(--xd-green-dark)}
.xd-cmark.is-mono{padding:0;background:var(--xd-green);border-color:var(--xd-green);color:#F6F2E8}
.xd-cmark .elm-mono{font:700 20px/1 var(--xd-head)}
.xd-card-logo{display:block;line-height:0;flex:none}

/* Venue and organiser profile cards (country, city and kind hubs): plate above the kicker. */
.xd-card--profile>.xd-card-logo{align-self:start;margin:0 0 4px}

/* Compact rows (homepage venues and organisers): plate on the left of the row text. */
.xd-card--row:has(>.xd-card-logo){display:grid!important;grid-template-columns:96px minmax(0,1fr);column-gap:16px;align-items:start}
.xd-card--row>.xd-card-logo .xd-cmark{width:96px;height:48px;padding:6px 8px;border-radius:8px}

/* Show ledger rows (calendar, hubs, homepage): plate beside the show name and venue, inside the show column,
   so every ledger layout (desktop columns, phone stack, record pages) keeps its own grid. */
.xd-lrow-main:has(>.xd-card-logo){display:grid!important;grid-template-columns:88px minmax(0,1fr);column-gap:16px;row-gap:3px;align-items:center}
.xd-lrow-main>.xd-card-logo{grid-column:1;grid-row:1/span 6;align-self:center}
.xd-lrow-main>*:not(.xd-card-logo){grid-column:2}
.xd-lrow-main .xd-cmark{width:88px;height:46px;padding:5px 8px;border-radius:8px}
@media (max-width:767px){
 /* Phones: the plate sits above the show name so the name keeps the full column width. */
 .xd-lrow-main:has(>.xd-card-logo){display:flex!important;flex-direction:column;align-items:flex-start}
 .xd-lrow-main>.xd-card-logo{margin:0 0 4px}
 .xd-lrow-main .xd-cmark{width:72px;height:36px;padding:4px 6px}
}

/* Hero "recently added" strip: a small plate at the top of each item. */
.xd-strip-item>.xd-card-logo{margin:0 0 4px;grid-column:1/-1}
.xd-strip-item .xd-cmark{width:84px;height:42px;padding:5px 8px;border-radius:8px}

/* Side lists (happening next, shows in this guide): plate between the date and the name. */
.xd-next li>.xd-card-logo{align-self:center}
.xd-next .xd-cmark{width:72px;height:38px;padding:4px 6px;border-radius:7px}