/* Card logos (EVS-72, Nov 2026): every card, row and list item that names a listing shows the business's own logo.
   Markup: <span class="euk-card-logo"><span class="elm-mark euk-cmark euk-cmark--sm is-logo [is-wide] [is-light]"><img class="elm-mark-img"></span></span>
   from events-listing-media elm_card_mark(); the hub template uses the Bricks tag {elm_card_mark:euk-cmark}. Loaded on every page.
   One fixed landscape plate per context (square and wide marks alike), logo centred and contained, so columns stay even. */
.euk-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(--euk-line);border-radius:var(--euk-radius);overflow:hidden}
.euk-cmark .elm-mark-img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.euk-cmark.is-light{background:var(--euk-ink);border-color:var(--euk-ink)}
.euk-cmark.is-mono{padding:0;background:var(--euk-paper2);color:var(--euk-ink)}
.euk-cmark .elm-mono{font:600 21px/1 "Oswald",sans-serif;letter-spacing:.02em;text-transform:uppercase}
.euk-card-logo{display:block;line-height:0;margin:0 0 6px}

/* Hub cards (Bricks archive template) and ticket cards (shows, suppliers, venues): plate first, above the kicker. */
.euk-linkcard .euk-card-logo{margin:0 0 4px}
.euk-ticket .euk-card-body>.euk-card-logo{margin:0 0 6px}

/* Calendar rows (/shows/): the plate gets its own column before the title block. */
.euk-card--show.euk-row .euk-card-body{grid-template-columns:112px minmax(0,1.1fr) minmax(0,1fr)!important;grid-template-areas:"logo kick aud" "logo title aud" "logo venue aud" "facts facts facts"!important}
.euk-card--show.euk-row .euk-card-logo{grid-area:logo;align-self:start;margin:3px 0 0}
@media(max-width:767px){
 .euk-card--show.euk-row .euk-card-body{grid-template-columns:none!important;grid-template-areas:none!important}
 .euk-card--show.euk-row .euk-card-logo{margin:0 0 6px}
}

/* Homepage month sheets (compact lines): a smaller plate above the category line, so titles keep the full width. */
.euk-sheet .euk-card--show .euk-card-logo{margin:0 0 5px}
.euk-sheet .euk-cmark{width:76px;height:36px;padding:4px 7px}

/* "Next on the calendar" panel. */
.euk-next-body>.euk-card-logo{margin:0 0 8px}

/* Homepage venue board: a plate beside each venue name. */
.euk-board-venue{display:flex;align-items:center;gap:14px;min-width:0}
.euk-board-venue .euk-card-logo{margin:0}
.euk-board .euk-cmark{width:84px;height:44px;padding:5px 8px}
@media(min-width:768px){.euk-board-row{grid-template-columns:minmax(0,1.35fr) minmax(0,1.15fr) minmax(0,1.05fr) minmax(0,.6fr) 28px}}
@media(max-width:767px){.euk-board .euk-cmark{width:72px;height:38px}}
