/**
 * Frontend Styles for WC Joes Customs
 */

/* Fix for delivery options dropdown scroll on tablets (horizontal orientation) */
.select2-container--default .select2-results > .select2-results__options {
	max-height: 300px !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

/* Ensure dropdown is properly sized on tablets */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.select2-container--default .select2-results > .select2-results__options {
		max-height: 250px !important;
	}
	
	.select2-dropdown {
		max-height: 300px !important;
		overflow: hidden !important;
	}
}

/* Additional touch-friendly improvements for Select2 dropdowns */
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
	overflow: hidden !important;
}

.select2-results__option {
	padding: 10px 12px !important;
	line-height: 1.4 !important;
	word-wrap: break-word !important;
	white-space: normal !important;
}

/* Improve touch targets on mobile devices */
@media (max-width: 767px) {
	.select2-results__option {
		padding: 12px 15px !important;
		font-size: 14px !important;
	}
}

/* Fix z-index issues that might prevent scrolling */
.select2-container {
	z-index: 9999 !important;
}

.select2-dropdown {
	z-index: 9999 !important;
}