/*
 * Alpha Bravo Construction — login and website pages.
 *
 * Navy background with the orange logo on a white card, as the brand reads on
 * alphabravous.com. Loaded through hooks.web_include_css.
 */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");

:root {
	--ab-navy: #02093d;
	--ab-orange: #e8531e;
	--ab-orange-dark: #c9441a;
	--primary: var(--ab-orange);
	--btn-primary: var(--ab-orange);
	--font-stack: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

body {
	font-family: var(--font-stack);
}

.btn-primary {
	background-color: var(--ab-orange);
	border-color: var(--ab-orange);
	color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--ab-orange-dark);
	border-color: var(--ab-orange-dark);
	color: #fff;
}
a {
	color: var(--ab-orange-dark);
}

/* ── Login / forgot password / sign-up ───────────────────── */
body:has(.login-content) {
	background: linear-gradient(160deg, var(--ab-navy) 0%, #0d1a5c 60%, #1b2a73 100%);
	min-height: 100vh;
}
body:has(.login-content) .page-content-wrapper,
body:has(.login-content) main {
	background: transparent;
}
.login-content.page-card {
	border: none;
	border-top: 4px solid var(--ab-orange);
	border-radius: 10px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}
/* The square app logo is replaced by the full Alpha Bravo lockup on login.
 * Selectors carry a body prefix: Frappe's login.bundle loads after this file
 * and sizes .app-logo with a selector of its own. */
body .for-login .page-card .page-card-head img.app-logo,
body .login-content .page-card-head img.app-logo {
	content: url("/assets/precon_config/images/alphabravo-logo.png");
	width: auto;
	max-width: 260px;
	height: 54px;
	max-height: none;
	object-fit: contain;
	margin-bottom: 4px;
}

/* login.bundle colours the sign-in buttons gray-900 with this selector. */
body .for-login .page-card .page-card-actions .btn-login,
body .for-login .page-card .page-card-actions .btn-primary,
body .for-forgot .page-card .page-card-actions .btn-primary,
body .for-signup .page-card .page-card-actions .btn-primary {
	background-color: var(--ab-orange);
	border-color: var(--ab-orange);
	color: #fff;
}
body .for-login .page-card .page-card-actions .btn-login:hover,
body .for-login .page-card .page-card-actions .btn-primary:hover,
body .for-forgot .page-card .page-card-actions .btn-primary:hover,
body .for-signup .page-card .page-card-actions .btn-primary:hover {
	background-color: var(--ab-orange-dark);
	border-color: var(--ab-orange-dark);
}
.login-content .page-card-head h4 {
	color: var(--ab-navy);
	font-weight: 700;
}
.login-content .form-control:focus {
	border-color: var(--ab-orange);
	box-shadow: 0 0 0 2px rgba(232, 83, 30, 0.15);
}

/* Footer on the navy login background */
body:has(.login-content) .web-footer {
	background: transparent;
	border-top: none;
	color: rgba(255, 255, 255, 0.75);
}
body:has(.login-content) .web-footer a {
	color: rgba(255, 255, 255, 0.85);
}