/* Infinity RO member page.
 * The legacy template reserves a 700px logo row and a 2300px document.
 * Compact both login and authenticated dashboard states while allowing their
 * content panels to keep independent widths.
 */

body.member-login-guest {
	min-height: 100svh;
}

body.member-login-guest > .member-layout {
	width: min(1200px, 100%) !important;
	height: auto !important;
	min-height: calc(100svh - 56px);
	table-layout: fixed;
}

body.member-login-guest .member-hero {
	height: clamp(250px, 29svh, 310px) !important;
	padding-top: 58px;
	box-sizing: border-box;
}

body.member-login-guest .member-hero > p:nth-child(-n + 2) {
	display: none;
}

body.member-login-guest .member-hero > p {
	margin: 0;
}

body.member-login-guest .member-hero img[src*="logo"] {
	width: clamp(360px, 34vw, 500px) !important;
	height: auto !important;
	filter: drop-shadow(0 10px 20px rgba(9, 18, 56, 0.3));
}

body.member-login-guest .member-content {
	height: auto !important;
	padding: 0 16px 30px;
	box-sizing: border-box;
}

body.member-login-guest .member-content > .row {
	width: min(760px, 100%);
	margin-right: auto;
	margin-left: auto;
}

body.member-login-guest .member-content .breadcrumb {
	margin-bottom: 10px;
}

body.member-login-guest .member-content .well {
	padding: 10px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.72);
	box-shadow: 0 18px 45px rgba(12, 25, 68, 0.18);
	backdrop-filter: blur(8px);
}

body.member-login-guest .member-content .ui.attached.message {
	padding-top: 14px;
	padding-bottom: 14px;
}

body.member-login-guest .member-content .ui.attached.message p {
	margin-bottom: 0;
}

body.member-login-guest .member-content .ui.attached.form {
	padding-top: 14px;
	padding-bottom: 14px;
}

body.member-dashboard {
	min-height: 100svh;
}

body.member-dashboard > .member-layout {
	width: min(1200px, 100%) !important;
	height: auto !important;
	min-height: calc(100svh - 56px);
	table-layout: fixed;
}

body.member-dashboard .member-hero {
	height: clamp(300px, 34svh, 340px) !important;
	padding-top: 58px;
	box-sizing: border-box;
}

body.member-dashboard .member-hero > p:nth-child(-n + 2) {
	display: none;
}

body.member-dashboard .member-hero > p {
	margin: 0;
}

body.member-dashboard .member-hero img[src*="logo"] {
	width: clamp(380px, 36vw, 500px) !important;
	height: auto !important;
	filter: drop-shadow(0 10px 20px rgba(9, 18, 56, 0.3));
}

body.member-dashboard .member-content {
	height: auto !important;
	padding: 0 16px 40px;
	box-sizing: border-box;
}

body.member-dashboard .member-content > .row {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

body.member-dashboard .member-content .breadcrumb {
	margin-bottom: 10px;
}

body.member-dashboard .member-content .well {
	padding: 12px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.72);
	box-shadow: 0 18px 45px rgba(12, 25, 68, 0.18);
	backdrop-filter: blur(8px);
}

body.member-dashboard .member-content .ui.menu {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

body.member-dashboard .member-content .ui.menu > .item,
body.member-dashboard .member-content .ui.menu > .right.menu {
	flex: 0 0 auto;
	white-space: nowrap;
}

@media (max-width: 1170px) {
	body.member-dashboard > .member-layout {
		min-height: 0;
	}

	body.bg2.member-dashboard > table.member-layout > tbody > tr:first-child > td.member-hero {
		height: clamp(230px, 31svh, 280px) !important;
		padding-top: 56px;
	}

	body.member-dashboard .member-hero img[src*="logo"] {
		width: min(440px, 78vw) !important;
	}

	body.member-login-guest > .member-layout {
		min-height: 0;
	}

	body.bg2.member-login-guest > table.member-layout > tbody > tr:first-child > td.member-hero {
		height: clamp(210px, 30svh, 270px) !important;
		padding-top: 56px;
	}

	body.member-login-guest .member-hero img[src*="logo"] {
		width: min(440px, 78vw) !important;
	}
}

@media (max-width: 767px) {
	body.bg2.member-dashboard > table.member-layout > tbody > tr:first-child > td.member-hero {
		height: 210px !important;
		padding-top: 52px;
	}

	body.member-dashboard .member-hero img[src*="logo"] {
		width: min(320px, 80vw) !important;
	}

	body.member-dashboard .member-content {
		padding: 0 10px 24px;
	}

	body.member-dashboard .member-content .well {
		padding: 8px;
	}

	body.bg2.member-login-guest > table.member-layout > tbody > tr:first-child > td.member-hero {
		height: 190px !important;
		padding-top: 52px;
	}

	body.member-login-guest .member-hero img[src*="logo"] {
		width: min(300px, 78vw) !important;
	}

	body.member-login-guest .member-content {
		padding: 0 10px 20px;
	}

	body.member-login-guest .member-content .well {
		padding: 8px;
	}

	body.member-login-guest .member-content .ui.attached.form {
		padding: 12px;
	}
}

@media (max-height: 720px) and (min-width: 768px) {
	body.bg2.member-dashboard > table.member-layout > tbody > tr:first-child > td.member-hero {
		height: 220px !important;
	}

	body.member-dashboard .member-hero img[src*="logo"] {
		width: 360px !important;
	}

	body.bg2.member-login-guest > table.member-layout > tbody > tr:first-child > td.member-hero {
		height: 220px !important;
	}

	body.member-login-guest .member-hero img[src*="logo"] {
		width: 360px !important;
	}
}

@media (max-height: 560px) and (orientation: landscape) {
	body.bg2.member-dashboard > table.member-layout > tbody > tr:first-child > td.member-hero {
		height: 54px !important;
		padding: 0;
	}

	body.member-dashboard .member-hero > p {
		display: none;
	}

	body.member-dashboard .member-content {
		padding-top: 8px;
	}

	body.member-dashboard .member-content .breadcrumb {
		display: none;
	}

	body.bg2.member-login-guest > table.member-layout > tbody > tr:first-child > td.member-hero {
		height: 54px !important;
		padding: 0;
	}

	body.member-login-guest .member-hero > p {
		display: none;
	}

	body.member-login-guest .member-content {
		padding-top: 8px;
	}

	body.member-login-guest .member-content .breadcrumb {
		display: none;
	}
}