#oauth #register-form,
#oauth #login-form {
	display: none;

}

#oauth #showRegisterForm,
#oauth #showLoginForm {
	cursor: pointer;
	color: #007ab2;
	text-decoration: underline;
}

#oauth #register-form .optin-privacy .required {
	color: #ff4040;
}

#openid-provider-list {
	padding: 0;
	width: 400px;
}

#openid-provider-list li {
	margin-bottom: 15px;
	list-style: none;
	margin-left: 0;
}

#openid-provider-list li:not([class="page_login"]) a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #007ab2;
}

#openid-provider-list li:not([class="page_login"]) a img {
	margin: 9px 6px 0 12px;
	max-height: 22px;
	max-width: 22px;
}

#openid-provider-list li:not([class="page_login"]) a > div {
	min-width: 215px;
	min-height: 42px;
	max-height: 42px;
	background-color: #eee;
	box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
	background-repeat: no-repeat;
	white-space: nowrap;
	border: 1px solid rgba(0, 0, 0, 0.4);
	border-top-color: #bbbbbb;
	border-radius: 3px;
}

#openid-provider-list li:not([class="page_login"]) a > div > span {
	position: relative;
	bottom: 6px;
}

.margin-top-30 {
	margin-top: 30px;
}

#openid-provider-list li:not([class="page_login"]) a div:hover {
	-webkit-box-shadow: 0 0 2px 2px rgba(187, 187, 187, 0.6);
	-moz-box-shadow: 0 0 2px 2px rgba(187, 187, 187, 0.6);
	box-shadow: 0 0 2px 2px rgba(187, 187, 187, 0.6);
}

.page_openid_login .page_login {
	-webkit-box-shadow: 0 0 2px 2px rgba(221, 221, 221, 0.5);
	-moz-box-shadow: 0 0 2px 2px rgba(221, 221, 221, 0.5);
	box-shadow: 0 0 2px 2px rgba(221, 221, 221, 0.5);
}

.page_openid_login .page_login .login {
	padding: 20px 0 1px 0;
	margin: auto;
}

.page_openid_login .page_login .login input {
	max-width: 100%;
}

.page_openid_login .page_login .login .fields > div {
	padding-bottom: 5px;
}

.openid-error {
	background-color: #f8d7da;
	padding: 15px;
	border-radius: 3px;
	border: 1px solid #f5c6cb;
	color: #721c24
}

.openid-info {
	background-color: #d1ecf1;
	padding: 15px;
	border-radius: 3px;
	border: 1px solid #bee5eb;
	color: #0c5460;
}

#openid-choice-select{
	margin-bottom: 40px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#openid-choice-select li{
	margin-bottom: 15px;
}

.page_oauth{
	min-height: 65vh;
}

/* UNWE info badge positioned over the top-right corner of the sign-in button */
li.openid-provider-item {
	position: relative;
}

/* Widen only the UNWE/Microsoft button so the longer label fits comfortably.
   Other provider buttons (legacyRegister, google, apple, custom) are untouched. */
#openid-provider-microsoft > div {
	min-width: 300px;
}

.openid-info-tooltip {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 5;
}

.openid-info-tooltip summary {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 1.5px solid #8e0f2a;
	color: #8e0f2a;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	font-family: Georgia, 'Times New Roman', serif;
	cursor: pointer;
	list-style: none;
	user-select: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.openid-info-tooltip summary::-webkit-details-marker {
	display: none;
}

.openid-info-tooltip summary::marker {
	content: '';
}

.openid-info-tooltip[open] summary {
	background-color: #8e0f2a;
	color: #fff;
}

.openid-info-tooltip-content {
	position: absolute;
	top: 26px;
	right: 0;
	z-index: 10;
	width: 260px;
	max-width: calc(100vw - 40px);
	padding: 10px 12px;
	background-color: #fff;
	border: 1px solid #8e0f2a;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	font-size: 13px;
	font-weight: normal;
	color: #333;
	white-space: normal;
	line-height: 1.4;
}

/* UNWE — restyle the Sign-in/Register provider buttons (UNWE SSO,
   Standard registration) to match the "Make Submission" sidebar button:
   warm-bg fill, 2px brand-coloured border, brand-coloured bold label,
   inverting to a solid brand-coloured fill with light text on hover/focus.
   Brand colour comes from --unwe-brand / --unwe-warm-bg / --unwe-text-on-brand,
   CSS custom properties injected per-journal by unwe.less (see
   UnwePlugin::_getBrandingVars()). Fallback values match RP's colour in
   case these variables are ever missing. Icons and the info tooltip are
   left completely untouched — this only restyles the button container. */
#openid-provider-list li.openid-provider-item a > div {
	background-color: var(--unwe-warm-bg, #FFF8F0) !important;
	box-shadow: none !important;
	border: 2px solid var(--unwe-brand, #003D2E) !important;
	border-radius: 3px !important;
}

#openid-provider-list li.openid-provider-item a,
#openid-provider-list li.openid-provider-item a > div > span {
	color: var(--unwe-brand, #003D2E) !important;
	font-weight: bold !important;
}

#openid-provider-list li.openid-provider-item a > div:hover,
#openid-provider-list li.openid-provider-item a > div:focus {
	background-color: var(--unwe-brand, #003D2E) !important;
	box-shadow: none !important;
}

#openid-provider-list li.openid-provider-item a:hover,
#openid-provider-list li.openid-provider-item a:focus,
#openid-provider-list li.openid-provider-item a > div:hover > span,
#openid-provider-list li.openid-provider-item a > div:focus > span {
	color: var(--unwe-text-on-brand, rgba(255,255,255,0.95)) !important;
}