/**
 * Reservations styles for the "event info" section
 */
.event-info {
	display: flex;
	padding: 36px 0;
	max-inline-size: 980px;
}

.event-info__button {
	background: linear-gradient(rgb(102, 102, 102), rgb(0, 0, 0));
	border-radius: 3px;
	color: white;
	font-size: .6875rem;
	font-weight: 700;
	min-inline-size: 60px;
	padding: 6px 25px;
	text-align: center;
	white-space: nowrap;
}

.event-info__button:hover {
	color: white;
}

.event-info__field--notes {
	min-inline-size: 162px;
}

.event-info__field--time {
	min-inline-size: 102px;
}

.event-info__label {
	block-size: 16px;
	margin-inline-start: 16px;
}

.event-info__value {
	background-color: #cfc888;
	block-size: 100%;
	border-top: 1px solid #a29727;
	border-bottom: 1px solid #a29727;
	display: flex;
	flex-direction: column;
	font-weight: 700;
	line-height: 1.15;
	justify-content: flex-start;
	padding: 12px 16px;
}

/* Delete reservation button */
button#delete_reservation {
	margin-inline-start: 18px;
}

/* Print styles */
@media print {
	.event-info {
		padding: 8px 0;
	}
}