/* HPHT — tribe.css: Events Calendar overrides (list view, single event meta,
   bar/filters). Ported from pixova-lite-child/css/tribe-custom-css.css with
   modernized syntax. Loaded only on Tribe pages via enqueue.php. */

/* ───── list view layout ───── */
#tribe-events-content.tribe-events-list,
#tribe-events-content {
	display: flex;
	flex-direction: column;
	gap: var(--space-5);
}

.tribe-events-loop {
	display: grid;
	gap: var(--space-5);
}

.tribe-events-loop .type-tribe_events {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-3);
	padding: var(--space-5);
	background: var(--c-surface);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-md);
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.tribe-events-loop .type-tribe_events:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-1px);
}
@media (min-width: 720px) {
	.tribe-events-loop .type-tribe_events {
		grid-template-columns: 160px minmax(0, 1fr) auto;
		align-items: center;
		gap: var(--space-5);
	}
}

.tribe-events-event-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--radius-sm);
}

.tribe-events-list-event-title {
	font-family: var(--ff-display);
	font-weight: 600;
	color: var(--c-primary);
	margin-bottom: var(--space-2);
}
.tribe-events-list-event-title a { color: inherit; }
.tribe-events-list-event-title a:hover { color: var(--c-secondary); }

.tribe-event-schedule-details {
	color: var(--c-muted);
	font-size: 0.95rem;
}

.tribe-events-list-separator-month {
	margin: var(--space-6) 0 var(--space-3);
	font-family: var(--ff-display);
	font-weight: 600;
	color: var(--c-ink);
	font-size: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.tribe-events-read-more {
	color: var(--c-primary);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.85rem;
}

/* ───── tribe bar (filters above list) ───── */
#tribe-bar-form,
.tribe-events-bar,
#tribe-events-bar {
	display: flex;
	gap: var(--space-3);
	flex-wrap: wrap;
	padding: var(--space-4);
	background: #f5f5f1;
	border-radius: var(--radius-md);
	margin-bottom: var(--space-5);
}
#tribe-bar-form input[type="text"],
.tribe-events-bar input[type="text"] {
	flex: 1 1 220px;
	padding: var(--space-3);
	border: 1px solid var(--c-border);
	border-radius: var(--radius-sm);
	font: inherit;
}
.tribe-events-button,
#tribe-bar-form button {
	background: var(--c-primary);
	color: #fff;
	border: 0;
	padding: var(--space-3) var(--space-5);
	border-radius: var(--radius-sm);
	cursor: pointer;
}
.tribe-events-button:hover { background: var(--c-secondary); }

/* ───── header (h1) on archive page ───── */
.tribe-events-page-title {
	font-family: var(--ff-display);
	font-weight: 200;
	color: var(--c-primary);
}

/* ───── pagination on list view ───── */
.tribe-events-nav-pagination {
	display: flex;
	justify-content: space-between;
	margin-top: var(--space-6);
}

/* ───── notices ───── */
.tribe-events-notices {
	background: #fff8e1;
	border-left: 4px solid #f4b400;
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius-sm);
}

/* ───── sponsor / featured image gallery strip at bottom of /events/ ───── */
.tribe-logos-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: var(--space-5);
	margin-top: var(--space-8);
	padding-top: var(--space-6);
	border-top: 1px solid var(--c-border);
}
.tribe-logos-list__item { text-align: center; }
.tribe-logos-list__one { max-width: 130px; margin-inline: auto; }

/* ───── single event extras (additions to what's in sections.css) ───── */
.tribe-events-content > * + * { margin-top: var(--space-4); }

.tribe-events-meta-group {
	background: #fafafa;
	border: 1px solid var(--c-border);
	border-radius: var(--radius-md);
	padding: var(--space-5);
}

.tribe-events-meta-group + .tribe-events-meta-group { margin-top: var(--space-4); }

.tribe-events-event-categories a {
	display: inline-block;
	padding: 2px 8px;
	background: var(--c-accent);
	color: var(--c-ink);
	border-radius: var(--radius-sm);
	font-size: 0.85rem;
	text-decoration: none;
}
.tribe-events-event-categories a + a { margin-left: var(--space-1); }

/* venue/map module */
.tribe-events-meta-group-gmap iframe {
	width: 100%;
	height: 320px;
	border: 0;
	border-radius: var(--radius-md);
}
.tribe-events-meta-group-venue address { font-style: normal; }
