/* ═══ EVENT INFO PAGE, SECTION 8 (window 10): floor plan, amenities, schedule,
       things to know, location ══════════════════════════════════════════════
   event-page.css already carries the design's .evp-fp-*, .ttk-chip* and
   .evp-loc* (ported with the rest of that file); this adds what the prototype
   adds on top in oep.css, and the parts V3 needs that the prototype does not:
   a real image where it has an image-slot placeholder, an uploaded icon in the
   cream square, and a container for the real map.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Inside a section card the blocks start at the card's padding (oep.css). */
.oep-csec .evp-loc, .oep-csec .ttk-chips, .oep-csec .oep-amen { margin-top: 0; }

/* ── floor plan: the prototype's image-slot, 380px, radius 18, contain ── */
.eip-fp-img { height: 380px; border-radius: var(--eip-r-img); overflow: hidden; background: var(--eip-surface-2); }
.eip-fp-img img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; }
/* The schedule image keeps its own proportions: it is read, not glanced at. */
.eip-schedule-img { height: auto; }
.eip-schedule-img img { block-size: auto; }

/* ── amenities (oep.css) ── */
.oep-amen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
.oep-amen-r { display: flex; align-items: center; gap: 12px; font-family: var(--o5-display);
  font-size: 14.5px; color: var(--eip-ink); }
.oep-amen-r[hidden] { display: none; }
/* The feature's uploaded image stands where the design draws a line icon (Mac, 2026-10-12). */
.oep-amen-i img { display: block; width: 18px; height: 18px; object-fit: contain; }
.eip-chev { transition: transform .2s; }
.oep-more[aria-expanded="true"] .eip-chev { transform: rotate(180deg); }
@media (max-width: 760px) { .oep-amen { grid-template-columns: minmax(0, 1fr); } }

/* ── location: the skeleton, the tags, and the real map's container (oep.css) ── */
.oep-map-sk { height: 100%; min-height: 280px; display: grid; place-items: center;
  background: repeating-linear-gradient(135deg, var(--eip-surface-2) 0 10px, var(--eip-bg) 10px 20px);
  font-family: var(--o5-display); font-size: 13px; color: var(--eip-ink2); }
.eip-map-canvas { position: absolute; inset: 0; z-index: 1; }
.eip-map-canvas .tixbox-map-consent { background: var(--eip-surface-2); color: var(--eip-ink); }
.oep-ltags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.oep-ltags span { padding: 5px 12px; border-radius: var(--eip-r-pill); background: var(--eip-surface-2);
  font-size: 12.5px; font-weight: 700; color: var(--eip-ink); }
@media (prefers-reduced-motion: reduce) { .eip-chev { transition: none; } }