/* ═══ EVENT INFO PAGE, SECTION 9: THE HOST (window 10) ═════════════════════════
   The card itself is event-page.css's .evp-host, ported from the design with
   the rest of that file; this adds only what the prototype adds on top
   (oep.css 58) and the logo image, which the prototype never draws.

   THE INITIALS' BACKGROUND is the host's brand colour in the design. There is
   no such colour until V3.57 (promoters.brand_colour), so it is the same
   --eip-host-badge the title block's initials use: one host, one colour, in
   both places on the page.
   ═══════════════════════════════════════════════════════════════════════════ */

.oep-host .evp-host-logo { display: grid; place-items: center; color: #fff;
  background: var(--eip-host-badge); }
.oep-host .evp-host-logo.has-img { background: var(--eip-surface-2); }
.oep-host .evp-host-logo img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
.oep-host-ini { font-family: var(--o5-display); font-size: 26px; font-weight: 800; }
.oep-host .evp-host-top h3 { overflow-wrap: anywhere; }
.oep-host .evp-icon-btn { cursor: pointer; }
.oep-host .evp-icon-btn .oi { flex: none; }

.eip-contact-err { margin: 0 0 10px; }