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

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

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

	/* Latest Activity section - let slick control sliding; no overflow-x so items don't disappear */
	.user-recent-activity {
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
		box-sizing: border-box !important;
		padding: 0 36px !important;
		position: relative;
	}

	.user-activity-list {
		width: 100% !important;
		max-width: 100% !important;
		margin: 15px auto 0 !important;
		padding: 0 10px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	/* Slider arrows visible on tablet/mobile (same as desktop) */
	.user-recent-activity .user-activity-prev,
	.user-activity-list.slick-initialized .slick-prev.user-activity-prev {
		left: 8px !important;
		margin-left: 0 !important;
		z-index: 10;
	}
	.user-recent-activity .user-activity-next,
	.user-activity-list.slick-initialized .slick-next.user-activity-next {
		right: 8px !important;
		margin-right: 0 !important;
		z-index: 10;
	}

	/* Activity cards - slightly smaller margin so 4 fit without crop */
	.user-activity {
		width: 100px !important;
		margin: 0 15px !important;
		flex-shrink: 0 !important;
	}

	/* User profile content blocks - breathing room */
	.user-desc-block,
	.project-tabs-block,
	.social-block {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.project-tabs-block {
		width: 91% !important;
		max-width: 100% !important;
	}
}

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

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

	.user-recent-activity {
		padding: 0 12px !important;
	}

	.user-activity-list {
		padding: 0 12px !important;
	}

	.user-activity {
		margin: 0 12px !important;
	}
}

/* Mobile: Latest Activities – show arrows and prevent items disappearing when scrolling */
@media only screen and (max-width: 767px) {
	.user-recent-activity {
		padding: 0 36px !important;
		overflow: visible !important;
		position: relative;
	}
	.user-activity-list {
		overflow: visible !important;
	}
	.user-recent-activity .user-activity-prev,
	.user-activity-list .slick-prev.user-activity-prev,
	.user-activity-list .user-activity-prev {
		left: 8px !important;
		margin-left: 0 !important;
		z-index: 10;
		display: block !important;
	}
	.user-recent-activity .user-activity-next,
	.user-activity-list .slick-next.user-activity-next,
	.user-activity-list .user-activity-next {
		right: 8px !important;
		margin-right: 0 !important;
		z-index: 10;
		display: block !important;
	}
}