/* Slot Booking Common Styles */
.slot-card {
	border: 2px solid #e0e0e0;
	transition: all 0.2s ease;
}

.slot-card:hover {
	border-color: #1976d2;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.slot-card.border-primary {
	border-color: #1976d2 !important;
	background-color: #e3f2fd !important;
}

.slot-card.cursor-pointer {
	cursor: pointer;
}

.slot-card.cursor-pointer:hover {
	border-color: #1976d2 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.slot-card.border-success {
	border-color: #28a745 !important;
	background-color: #d4edda !important;
	box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3) !important;
}

.slot-card.border-success:hover {
	border-color: #28a745 !important;
	box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4) !important;
}

/* Validation styles */
.is-invalid {
	border-color: #dc3545 !important;
}

#btnPickAvailableSlot.border-danger {
	border: 2px solid #dc3545 !important;
	animation: shake 0.5s;
}

@keyframes shake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-5px); }
	75% { transform: translateX(5px); }
}

#selectedSlotInfo {
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}