/********************************************************************************************************************/
@media only screen and (min-width: 10px) {
	.wbtm_attendee_area>div {
		margin: 0 0 var(--wbtm_dmp_xs) 0;
	}

	.wbtm_attendee_area>div:last-child {
		margin: 0;
	}

	div.wbtm_attendee_area .mp_form_item {
		width: 100%;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	div.wbtm_attendee_area .mp_form_item>span {
		margin: 5px 0;
	}

	div.wbtm_attendee_area,
	.wbtm_registration_area div.wbtm_hidden_form {
		display: none;
	}
}

/* Desktop: 2 columns for form fields */
@media only screen and (min-width: 768px) {
	div.wbtm_attendee_area .mp_form_item {
		width: calc(50% - 5px);
	}
}

/* Fix for cabin seat selection visual */
.wbtm_cabin_seat_plan .seat_selected.seat_available .seat_visual {
	background-color: var(--wbtm_color_theme) !important;
}

/* Ensure hover effect works properly for cabin seats */
.wbtm_cabin_seat_plan .mp_seat_item:hover .seat_available .seat_visual {
	background-color: var(--wbtm_color_theme) !important;
	opacity: 0.8;
}

.wbtm_cabin_seat_plan .mp_seat_item:hover .seat_selected.seat_available .seat_visual {
	opacity: 1;
}

/* Ensure visual consistency for cabin seats */
.wbtm_cabin_seat_plan .seat_available {
	background-color: transparent !important;
}