.seat-map {
	overflow-x: auto;
}

.seat-row {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .75rem;
	min-width: max-content;
}

.row-label {
	width: 35px;
	font-weight: 600;
	text-align: center;
}

.seat {
	width: 44px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--bs-success);
	background: #fff;
	color: var(--bs-success);
	border-radius: .375rem;
	cursor: pointer;
	transition: .15s ease-in-out;
}

.seat:hover {
	background: var(--bs-success);
	color: #fff;
}

.seat.selected {
	background: var(--bs-success);
	color: #fff;
}

.seat.sold {
	background: #dee2e6;
	border-color: #adb5bd;
	color: #6c757d;
	cursor: not-allowed;
}

.cart-item {
	border-bottom: 1px solid #dee2e6;
	padding: .75rem 0;
}


.btn-sections {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	transition: all 0.2s ease;
}

.btn-sections:hover {
	border-color: #0d6efd;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.btn-sections.active {
	border-color: #0d6efd;
	box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.15);
}