/* ==========================================================================
   SK Branding — web_branding.css
   Enterprise white-label for SiketHub (Website / Portal pages)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Typography — Inter (locally bundled, no CDN dependency)
   -------------------------------------------------------------------------- */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/assets/rolsys/fonts/inter-variable.woff2") format("woff2-variations"),
		url("/assets/rolsys/fonts/inter-regular.woff2") format("woff2");
}

body {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --------------------------------------------------------------------------
   2. Hide Frappe / ERPNext Branding
   -------------------------------------------------------------------------- */
.footer-powered,
footer a[href*="frappe.io"],
footer a[href*="erpnext.com"],
.web-footer .powered-by,
[class*="powered-by-frappe"],
.navbar-brand span[class*="frappe"],
img[src*="frappe-logo"],
img[src*="erpnext-logo"],
img[alt="ERPNext"],
img[alt="Frappe"] {
	display: none !important;
}

/* --------------------------------------------------------------------------
   3. Login Page
   -------------------------------------------------------------------------- */
.login-page,
.login-page-wrapper {
	background: linear-gradient(145deg, #0A0F2C 0%, #1a2040 60%, #0d1535 100%) !important;
	min-height: 100vh;
}

/* Card glow */
.login-page .page-card,
.login-page .card {
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
}

/* Login card text for dark background */
.login-page .page-card *,
.login-page .card * {
	color: #e8eaf6;
}

/* Login logo */
.login-page .login-logo img,
.login-page .page-card-head img {
	max-height: 52px;
	width: auto;
	display: block !important;
	margin: 0 auto 24px;
}

/* Dynamically swap logo based on theme */
[data-theme="light"] .login-page .page-card-head img,
body:not([data-theme]) .login-page .page-card-head img {
	content: url("/assets/rolsys/images/sikethub-logo-light.png");
}

[data-theme="dark"] .login-page .page-card-head img {
	content: url("/assets/rolsys/images/sikethub-logo-dark.png");
}

/* Login inputs */
.login-page .form-control {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.18) !important;
	color: #e8eaf6 !important;
}

.login-page .form-control::placeholder {
	color: rgba(232, 234, 246, 0.45) !important;
}

/* Login button */
.login-page .btn-primary {
	background: #4F6EF6 !important;
	border-color: #4F6EF6 !important;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.login-page .btn-primary:hover {
	background: #3a56d4 !important;
	border-color: #3a56d4 !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 24px rgba(79, 110, 246, 0.4);
	transition: all 0.2s ease;
}

/* --------------------------------------------------------------------------
   4. Portal Navbar
   -------------------------------------------------------------------------- */
.navbar {
	background: #0A0F2C !important;
	border-bottom: 1px solid rgba(79, 110, 246, 0.25);
}

.navbar-brand img {
	height: 28px;
	width: auto;
}

/* Hide ERPNext/Frappe logo; show SiketHub logo via brand_html */
.navbar-brand span.app-name {
	display: none;
}

/* --------------------------------------------------------------------------
   5. Footer Override — "Powered by SiketHub"
   -------------------------------------------------------------------------- */
.web-footer,
footer {
	border-top: 1px solid #e5e7eb;
}

/* Inject SiketHub credit text if the parent container exists but text is hidden */
.web-footer .container::after,
footer .container::after {
	content: "© 2025 SiketHub — Powered by ROLTEK Trading plc";
	display: block;
	font-size: 0.8rem;
	color: #9ca3af;
	text-align: center;
	margin-top: 8px;
}

/* --------------------------------------------------------------------------
   6. Native Frappe Splash Screen Override
   -------------------------------------------------------------------------- */
[data-theme="light"] .centered.splash img,
body:not([data-theme]) .centered.splash img,
[data-theme="light"] .frappe-splash img,
body:not([data-theme]) .frappe-splash img,
[data-theme="dark"] .centered.splash img,
[data-theme="dark"] .frappe-splash img {
	content: url("/assets/rolsys/images/ROLSYS_LOGO.png") !important;
	max-height: 60px !important;
	width: auto !important;
	object-fit: contain;
}