/*!
 * ORION MU — Auth Premium V1 (Register / Login)
 * Scoped under .orion-auth-page
 */
@import url('orion-components.css');

.page-title.orion-auth-hidden-title {
	display: none !important;
}

body:has(.orion-auth-page) {
	background: var(--orion-bg) !important;
	background-image: none !important;
}

body:has(.orion-auth-page) #header,
body:has(.orion-auth-page) .header-info-container {
	display: none !important;
}

#container:has(.orion-auth-page) {
	background: var(--orion-bg) !important;
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

#container:has(.orion-auth-page) #content {
	background: transparent !important;
	padding: 0;
	color: var(--orion-text);
	min-height: 0;
}

#container:has(.orion-auth-page) .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}

.orion-auth-page {
	color: var(--orion-text);
	font-family: var(--orion-font-body);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

.orion-auth-page a:not(.orion-btn) {
	color: var(--orion-text);
	text-decoration: none;
	transition: color .15s ease;
}

.orion-auth-page a:not(.orion-btn):hover,
.orion-auth-page a:not(.orion-btn):focus {
	color: var(--orion-gold-hi);
}


.orion-auth-page .orion-auth-hero.orion-hero-strip {
	padding: 44px 0 52px;
	min-height: 200px;
	display: flex;
	align-items: center;
}

.orion-auth-page .orion-auth-hero .orion-hero-strip__title {
	font-size: clamp(28px, 4.5vw, 44px);
	letter-spacing: .12em;
}

.orion-auth-main {
	padding: 0 0 8px;
}

.orion-auth-wrap {
	padding-top: 28px;
	padding-bottom: 8px;
	max-width: 560px;
}

/* ---- Auth card ---- */
.orion-auth-card {
	background: var(--orion-panel);
	border: 1px solid var(--orion-border);
	border-radius: var(--orion-radius);
	box-shadow: 0 12px 40px rgba(0, 0, 0, .28);
	overflow: hidden;
}

.orion-auth-card__inner {
	padding: 32px 28px 36px;
}

.orion-auth-page .form-horizontal .form-group {
	margin-bottom: 20px;
}

.orion-auth-page .control-label {
	color: var(--orion-muted);
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-weight: 600;
	padding-top: 10px;
}

.orion-auth-page .form-control {
	background: var(--orion-panel-2);
	border: 1px solid rgba(30, 58, 95, .75);
	border-radius: var(--orion-radius-sm);
	color: var(--orion-text);
	height: 42px;
	box-shadow: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.orion-auth-page .form-control:focus {
	border-color: var(--orion-gold);
	box-shadow: 0 0 0 3px rgba(212, 175, 55, .15);
	outline: none;
}

.orion-auth-page .help-block {
	color: var(--orion-muted);
	font-size: .82rem;
	margin-top: 6px;
}

.orion-auth-page .help-block a {
	font-weight: 500;
	color: var(--orion-gold);
}

.orion-auth-page .help-block a:hover,
.orion-auth-page .help-block a:focus {
	color: var(--orion-gold-hi);
}

.orion-auth-page .btn-primary {
	background: linear-gradient(180deg, var(--orion-gold-hi) 0%, var(--orion-gold) 100%);
	border: 1px solid rgba(212, 175, 55, .55);
	color: #0a0e18;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: 10px 28px;
	border-radius: var(--orion-radius-sm);
	transition: transform .12s ease, box-shadow .15s ease;
}

.orion-auth-page .btn-primary:hover,
.orion-auth-page .btn-primary:focus {
	background: linear-gradient(180deg, #f5dc7a 0%, var(--orion-gold-hi) 100%);
	border-color: var(--orion-gold-hi);
	color: #0a0e18;
	box-shadow: 0 4px 20px rgba(212, 175, 55, .25);
}

.orion-auth-page .g-recaptcha {
	margin: 4px 0 8px;
}

.orion-auth-page .alert {
	margin: 0 0 20px;
	background: var(--orion-panel);
	border: 1px solid var(--orion-border);
	border-radius: var(--orion-radius-sm);
	color: var(--orion-text);
}

.orion-auth-page .alert-danger {
	border-color: rgba(239, 68, 68, .45);
	color: #fecaca;
	background: rgba(127, 29, 29, .18);
}

.orion-auth-page .alert-success {
	border-color: rgba(74, 222, 128, .35);
	color: #bbf7d0;
	background: rgba(20, 83, 45, .18);
}

.orion-auth-page .orion-auth-footer-cta {
	margin-top: 8px;
	background:
		radial-gradient(900px 300px at 50% 120%, rgba(212, 175, 55, .07), transparent 55%),
		radial-gradient(800px 260px at 50% 120%, rgba(126, 184, 255, .1), transparent 60%),
		var(--orion-panel-2);
}

.orion-auth-page .orion-auth-footer-cta h3 {
	color: var(--orion-gold-hi);
	text-transform: uppercase;
	letter-spacing: .08em;
}

@media (max-width: 768px) {
	.orion-auth-card__inner {
		padding: 24px 20px 28px;
	}

	.orion-auth-page .form-horizontal .control-label {
		text-align: left;
		margin-bottom: 6px;
		padding-top: 0;
	}

	.orion-auth-page .col-sm-offset-4 {
		margin-left: 0;
	}
}