/*
 * Public pages (body.login-signup) on Bootstrap 5: restore the Bootstrap 3 look.
 *
 * Loaded by /site/inc/header.jsp only when the page passes bootstrap5=true,
 * after allStyles-bootstrap5.css. Everything is scoped to body.login-signup
 * (set by /site/inc/navbar.jsp), so admin Bootstrap 5 pages are untouched.
 * Values are the ones Bootstrap 3 produced on these pages.
 */

/* ---- Base type: BS5 renders 14.4px / 1.5, BS3 was 14px / 20px ---- */
body.login-signup {
	font-size: 14px;
	line-height: 1.428571;
}
/* :not(.text-number) keeps the large 2FA code digits (.text-number, 2em in _helpers.scss) */
body.login-signup .form-control:not(.text-number),
body.login-signup .btn {
	font-size: 14px;
	line-height: 1.428571;
}
body.login-signup .form-control {
	color: #555;
}
body.login-signup .form-control::placeholder {
	color: #999;
	opacity: 1;
}
body.login-signup .btn-lg {
	font-size: 18px;
	line-height: 1.333333;
	padding: 10px 16px;
}

/* ---- Headings: BS5 drops the top margin and uses different sizes ---- */
body.login-signup h1, body.login-signup h2, body.login-signup h3,
body.login-signup h4, body.login-signup h5, body.login-signup h6 {
	line-height: 1.1;
	margin-bottom: 10px;
}
body.login-signup h1, body.login-signup h2, body.login-signup h3 { margin-top: 20px; }
body.login-signup h4, body.login-signup h5, body.login-signup h6 { margin-top: 10px; }
body.login-signup h1 { font-size: 36px; }
body.login-signup h2 { font-size: 30px; }
body.login-signup h3 { font-size: 24px; }
body.login-signup h4 { font-size: 18px; }
body.login-signup h5 { font-size: 14px; }
body.login-signup h6 { font-size: 12px; }

/* ---- Paragraphs, labels, validation messages ---- */
body.login-signup p {
	margin: 0 0 10px;
}
body.login-signup label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
}
body.login-signup input[type="checkbox"],
body.login-signup input[type="radio"] {
	margin: 4px 0 0;
	line-height: normal;
}
body.login-signup .help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
}

/* ---- Grid: BS3 gutters were 30px; navbar's .col-md-12 sits outside a .row ---- */
body.login-signup .row {
	--bs-gutter-x: 30px;
}
body.login-signup > .col-md-12 {
	padding-left: 15px;
	padding-right: 15px;
}

/* ---- Project spacing utilities (scss/_marginPadding.scss) ----
 * These are defined without !important, so BS5's !important utilities of the
 * same name win (e.g. p-1 becomes 4px instead of 10px). Re-assert them here.
 */
body.login-signup .p-1 { padding: 10px !important; }
body.login-signup .p-2 { padding: 20px !important; }
body.login-signup .p-3 { padding: 30px !important; }
body.login-signup .p-4 { padding: 40px !important; }
body.login-signup .p-5 { padding: 50px !important; }
body.login-signup .px-0 { padding-left: 0px !important; padding-right: 0px !important; }
body.login-signup .px-1 { padding-left: 10px !important; padding-right: 10px !important; }
body.login-signup .px-2 { padding-left: 20px !important; padding-right: 20px !important; }
body.login-signup .px-3 { padding-left: 30px !important; padding-right: 30px !important; }
body.login-signup .px-4 { padding-left: 40px !important; padding-right: 40px !important; }
body.login-signup .px-5 { padding-left: 50px !important; padding-right: 50px !important; }

/* ---- Password show/hide: eye icon inside the field (options in /site/inc/footer.jsp) ---- */
body.login-signup .hideShowPassword-wrapper input {
	margin-right: 0 !important;
}
body.login-signup .hideShowPassword-wrapper .show-hide-icon {
	top: 50% !important;
	right: 6px !important;
	margin-top: -15px !important;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #8a94ad;
	font-size: 17px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color 0.15s, background-color 0.15s;
}
body.login-signup .hideShowPassword-wrapper .show-hide-icon:hover {
	color: #679EEF;
	background-color: rgba(103, 158, 239, 0.15);
}
body.login-signup .hideShowPassword-wrapper .show-hide-icon:focus-visible {
	outline: 2px solid #679EEF;
	outline-offset: 1px;
}
body.login-signup .hideShowPassword-wrapper .show-hide-icon.hideShowPassword-toggle-hide {
	color: #679EEF;
}

/* ---- Signup accordion: match the old BS3 panel-group look ---- */
body.login-signup .accordion {
	--bs-accordion-color: #555;
	--bs-accordion-border-color: #ddd;
	--bs-accordion-border-radius: 4px;
	--bs-accordion-inner-border-radius: 3px;
	--bs-accordion-btn-padding-x: 15px;
	--bs-accordion-btn-padding-y: 10px;
	--bs-accordion-btn-color: #333;
	--bs-accordion-btn-bg: #f1f6fe;
	--bs-accordion-active-color: #333;
	--bs-accordion-active-bg: #f1f6fe;
	margin-bottom: 20px;
}
body.login-signup .accordion-header {
	margin: 0;
}
body.login-signup .accordion-button {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	border-radius: 3px 3px 0 0;
	box-shadow: none;
}
body.login-signup .accordion-button.collapsed {
	border-radius: 3px;
}
body.login-signup .accordion-button::after {
	display: none;
}
/* BS3 panels were separate boxes 5px apart, not one joined block */
body.login-signup .accordion-item {
	border-radius: 4px;
	overflow: hidden;
}
body.login-signup .accordion-item:not(:first-of-type) {
	margin-top: 5px;
	border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}