/*
 * Exhibitions & Events — STRUCTURAL / STATE CSS ONLY.
 *
 * Grid column count + the calendar dropdown's open/closed mechanics (needed
 * for exhibitions.js to work regardless of theme). All look-and-feel (card
 * design, colours, type, spacing, icon/button sizing) is done in the child
 * theme (Impreza-child/style.css) and Impreza's own button system.
 *
 * Column count is exposed as a variable so it can be tuned from Impreza's
 * custom CSS box without editing the plugin: --bsc-exhibitions-cols (4).
 */

.bsc-exhibitions {
	--bsc-exhibitions-cols: 4;
}

.bsc-exhibitions__grid {
	display: grid;
	grid-template-columns: repeat(var(--bsc-exhibitions-cols), minmax(0, 1fr));
}

@media (max-width: 900px) {
	.bsc-exhibitions {
		--bsc-exhibitions-cols: 2;
	}
}

@media (max-width: 640px) {
	.bsc-exhibitions {
		--bsc-exhibitions-cols: 1;
	}
}

/* Calendar dropdown: position + open/closed state (drives exhibitions.js). */
.bsc-exhibition-card__calendar {
	position: relative;
	display: inline-flex;
}

.bsc-exhibition-card__calendar-toggle {
	border: 0;
	background: none;
	padding: 0;
	cursor: pointer;
	line-height: 0;
}

.bsc-exhibition-card__calendar-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
}

.bsc-exhibition-card__calendar-menu[hidden] {
	display: none;
}