/**
 * Volunteer Page - iPad 1024px Fixes
 * Fixes explore-inner-container and filter layout on /volunteer/
 * styles/volunteer-ipad.css
 */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

	/* Explore inner container - prevent cropping, ensure full width */
	.explore-inner-container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 40px 20px !important;
		box-sizing: border-box !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
		display: block !important;
		margin: 0 auto !important;
	}

	/* Wrapper and categories - no overflow crop */
	.explore-inner-wrapper {
		width: 100% !important;
		max-width: 1024px !important;
		margin: 0 auto !important;
		padding: 0 15px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	ul.explore-inner-categories {
		width: 100% !important;
		max-width: 100% !important;
		margin: 15px auto 0 !important;
		padding: 0 5px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 10px !important;
	}

	.explore-inner-categories li {
		float: none !important;
		width: auto !important;
		min-width: 70px !important;
	}

	/* Filter tabs - prevent "Ending Soon" tab from being cut off */
	ul.explore-inner-filters,
	ul.explore-inner-filters.explore-inner-filters-type {
		width: 100% !important;
		max-width: 100% !important;
		margin: 30px auto 0 !important;
		padding: 0 15px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 10px !important;
	}

	ul.explore-inner-filters.explore-inner-filters-type li {
		display: inline-flex !important;
	}

	ul.explore-inner-filters li {
		float: none !important;
		padding: 0 8px !important;
	}

	/* Main container for volunteer page */
	#main-explore_vip {
		width: 100% !important;
		max-width: 1024px !important;
		margin: 0 auto !important;
		padding: 0 15px !important;
		box-sizing: border-box !important;
		overflow-x: visible !important;
	}
}

/* Exact 1024px - extra padding so nothing is cropped */
@media only screen and (min-width: 1024px) and (max-width: 1024px) {

	.explore-inner-container {
		padding: 40px 24px !important;
	}

	.explore-inner-wrapper {
		padding: 0 20px !important;
	}

	ul.explore-inner-filters,
	ul.explore-inner-filters.explore-inner-filters-type {
		padding: 0 20px !important;
	}

	#main-explore_vip {
		padding: 0 20px !important;
	}
}