/* Eventixa Pro Virtual Events presentation. Uses Core frontend design tokens. */
.evx-single-event__content .evx-virtual-event-card {
    padding: var(--evx-space-20, 20px);
    margin: 10px 0;
}

.evx-virtual-event-card__header {
	display: flex;
	align-items: flex-start;
	gap: var(--evx-space-14, 14px);
	margin-bottom: var(--evx-space-16, 16px);
}

.evx-virtual-event-card__header .evx-badge {
	flex: 0 0 auto;
	margin-top: 2px;
}

.evx-virtual-event-card__title {
	margin: 0;
	padding: 0;
	font-size: var(--evx-font-size-20, 20px);
	font-weight: var(--evx-font-weight-700, 700);
	line-height: var(--evx-line-height-tight, 1.25);
	color: var(--evx-text-primary);
}

.evx-virtual-event-card__subtitle {
	margin: var(--evx-space-5, 5px) 0 0;
	font-size: var(--evx-font-size-14, 14px);
	line-height: var(--evx-line-height-md, 1.5);
	color: var(--evx-text-muted);
}

.evx-virtual-event-card__options {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--evx-space-12, 12px);
}

.evx-virtual-event-card--hybrid .evx-virtual-event-card__options {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.evx-virtual-event-card__option {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--evx-space-6, 6px);
	min-width: 0;
	padding: var(--evx-space-16, 16px);
	border: 1px solid var(--evx-border);
	background: var(--evx-surface-soft);
}

.evx-virtual-event-card__option--online {
	border-color: var(--evx-border-strong);
	background: var(--evx-primary-subtle);
}

.evx-virtual-event-card__eyebrow {
	font-size: var(--evx-font-size-12, 12px);
	font-weight: var(--evx-font-weight-700, 700);
	line-height: 1.3;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--evx-text-muted);
}

.evx-virtual-event-card__option-title {
	font-size: var(--evx-font-size-16, 16px);
	font-weight: var(--evx-font-weight-700, 700);
	line-height: var(--evx-line-height-sm, 1.35);
	color: var(--evx-text-primary);
}

.evx-virtual-event-card__meta {
	font-size: var(--evx-font-size-13, 13px);
	line-height: var(--evx-line-height-md, 1.5);
	color: var(--evx-text-muted);
}

.evx-virtual-event-card__option .evx-virtual-event-join-btn {
	margin-top: var(--evx-space-8, 8px);
}

.evx-virtual-event-card__locked {
	width: 100%;
	margin-top: var(--evx-space-8, 8px);
	padding: var(--evx-space-10, 10px) var(--evx-space-12, 12px);
	border: 1px solid var(--evx-border);
	border-radius: var(--evx-radius-sm, 8px);
	background: var(--evx-surface);
	font-size: var(--evx-font-size-13, 13px);
	line-height: var(--evx-line-height-md, 1.5);
	color: var(--evx-text-secondary);
}

.evx-virtual-event-join-btn {
	white-space: nowrap;
}

.evx-booking-details__pill.evx-virtual-event-locked {
	border: 1px solid var(--evx-border);
	background: var(--evx-surface-soft);
	color: var(--evx-text-muted);
	cursor: help;
}

@media (max-width: 640px) {
	.evx-virtual-event-card {
		padding: var(--evx-space-16, 16px);
	}
	.evx-virtual-event-card__header > p:empty {
		display: none;
	}
	.evx-virtual-event-card__header {
		flex-direction: column;
		gap: var(--evx-space-8, 8px);
	}

	.evx-virtual-event-card--hybrid .evx-virtual-event-card__options {
		grid-template-columns: minmax(0, 1fr);
	}

	.evx-virtual-event-card__option .evx-virtual-event-join-btn {
		width: 100%;
		justify-content: center;
	}
}

.evx-booking-details__pill.evx-virtual-event-pending {
	border: 1px solid var(--evx-border);
	background: var(--evx-warning-soft);
	color: var(--evx-warning);
}