/* framework/event-card — structure only.
 *
 * The card's design (face, radius, shadow, type, the location pin) lives in
 * the build stylesheet: on IBIA, assets/css/ibia.css under "Events listing",
 * keyed on .ibia-event and its children. This file carries only what the
 * markup needs to hold together anywhere.
 */

.ibia-event {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.ibia-event__media { margin: 0; }
.ibia-event__media img { display: block; width: 100%; height: 100%; object-fit: cover; }

.ibia-event__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
}

/* Linked cards (queried from the event post type). The title is the link;
   it keeps the card's type and colour and only underlines on hover. */
.ibia-event__title a { color: inherit; text-decoration: none; }
.ibia-event__title a:hover,
.ibia-event__title a:focus-visible { text-decoration: underline; }
.ibia-event__media-link { display: block; width: 100%; height: 100%; }

/* A transparent title graphic over the banner artwork, centred at 80% as
   Glue Up composites it. The build stylesheet sizes every image in a card
   as artwork (cover, full height, and on the homepage feed a forced 320:180
   shape, at up to four classes of specificity), and none of that may reach
   the overlay, so its geometry is !important. */
.ibia-event__media { position: relative; }
.ibia-event .ibia-event__media img.ibia-event__overlay {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 80% !important;
	height: auto !important;
	max-height: 90% !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
	transform: translate(-50%, -50%) !important;
	pointer-events: none;
}

/* Buttons sit at the foot of the card so a row of cards lines up. */
.ibia-event__body > .ibia-event__actions { margin-top: auto; }