/**
 * NGO Profile Page - iPad 1024px Fixes
 * Fixes content and footer layout on /ngo/?id=...
 * styles/ngo-ipad.css
 */

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

	/* Main container - prevent overflow and footer cropping at 1024px */
	#main-ngo.main,
	.main#main-ngo {
		width: 100% !important;
		max-width: 1024px !important;
		margin: 0 auto !important;
		padding: 0 20px !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	/* NGO content block - reduce horizontal padding so content and footer fit */
	#main-ngo .ngo-block {
		padding: 24px 24px !important;
		box-sizing: border-box !important;
		max-width: 100% !important;
	}

	/* Description and board blocks - prevent overflow */
	#main-ngo .ngo-desc-block,
	#main-ngo .ngo-board-block {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	#main-ngo .ngo-desc-text,
	#main-ngo .ngo-desc-title {
		overflow-wrap: break-word !important;
		word-wrap: break-word !important;
		max-width: 100% !important;
	}

	/* Tabs and volunteer opportunities section */
	#main-ngo .ngo-tabs-block,
	#main-ngo .ngo-active-projects {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	/* Footer is inside #main-ngo; ensure it isn't clipped */
	#main-ngo .footer {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}

/* Exact 1024px - extra padding so footer columns aren't cropped */
@media only screen and (min-width: 1024px) and (max-width: 1024px) {

	#main-ngo.main,
	.main#main-ngo {
		padding: 0 24px !important;
	}

	#main-ngo .ngo-block {
		padding: 28px 28px !important;
	}
}