/**
 * Risechamp School — Brand Theme Override (Maroon #8f0b0b + Gold #f9bc16)
 * Loaded via hooks.py app_include_css / web_include_css (after desk bundles).
 */

:root,
[data-theme="light"],
[data-theme="dark"] {
	--primary-color: #8f0b0b !important;
	--primary: #8f0b0b !important;
	--brand-color: #8f0b0b !important;
	--navbar-bg: #8f0b0b !important;
	--navbar-text-color: #ffffff !important;
	--navbar-link-color: #ffffff !important;
	--text-color: #1f2937 !important;
	--bg-color: #f9fafb !important;
	--icon-stroke: #ffffff !important;
	--risechamp-accent: #f9bc16;
}

body,
.main-section,
.layout-main-section {
	background-color: #f9fafb !important;
}

/* Kuficha kabisa maandishi ya 'Powered by Frappe' chini ya screen (White-Labeling) */
.footer-powered,
.frappe-footer,
.powered-by,
.web-footer .footer-powered {
	display: none !important;
	visibility: hidden !important;
}

/* ══════════════════════════════════════════════════════════════
   NAVBAR — Full-width Maroon bar + continuous Gold bottom line
   ══════════════════════════════════════════════════════════════ */

html body .sticky-top,
html body header.navbar,
html body .navbar {
	width: 100% !important;
	max-width: 100% !important;
	left: 0 !important;
	right: 0 !important;
}

html body .sticky-top {
	position: relative !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-bottom: 2px solid var(--risechamp-accent) !important;
	box-sizing: border-box !important;
}

html body header.navbar,
html body header.navbar[role="navigation"],
html body .sticky-top > header.navbar,
html body header.navbar.navbar-expand,
html body .navbar.navbar-expand {
	background-color: #8f0b0b !important;
	background: #8f0b0b !important;
	border-bottom: none !important;
	box-shadow: none !important;
	margin: 0 !important;
}

html body header.navbar .container,
html body header.navbar .navbar-container,
html body .navbar .container,
html body .navbar-holder .container,
html body .header-container {
	padding-left: 20px !important;
	padding-right: 20px !important;
	max-width: 100% !important;
	width: 100% !important;
	border-bottom: none !important;
	box-shadow: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Navbar icons & utility links — white (si breadcrumbs) */
html body header.navbar .nav-link,
html body header.navbar .navbar-nav .nav-link,
html body header.navbar .navbar-brand,
html body header.navbar .navbar-home {
	color: #ffffff !important;
}

html body header.navbar .es-icon,
html body header.navbar svg.icon,
html body header.navbar .icon {
	--icon-stroke: #ffffff !important;
	fill: #ffffff !important;
	color: #ffffff !important;
}

/* Logo only — preserve dimensions/rounding; do not override navbar layout */
.navbar-brand img,
.app-logo,
.navbar-home img,
img.app-logo {
	content: url("/files/risechamp_logo_new.png") !important;
	width: 42px !important;
	height: 42px !important;
	max-width: 42px !important;
	max-height: 42px !important;
	min-width: 42px !important;
	min-height: 42px !important;
	object-fit: contain !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	filter: none !important;
	display: inline-block !important;
	margin: 0 !important;
}

/* Page title / breadcrumbs pembeni ya logo — Gold (Dashboard, search, nk.) */
html body header.navbar .navbar-title,
html body header.navbar .page-title,
html body header.navbar #navbar-breadcrumbs,
html body header.navbar #navbar-breadcrumbs li,
html body header.navbar #navbar-breadcrumbs li a,
html body header.navbar #navbar-breadcrumbs li.disabled,
html body header.navbar #navbar-breadcrumbs li.disabled a,
html body header.navbar .breadcrumb-item a,
html body header.navbar .breadcrumb-container .title-text,
html body header.navbar .navbar .navbar-title,
html body header.navbar .navbar .page-title,
html body header.navbar .navbar .breadcrumb-item a {
	color: var(--risechamp-accent) !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	opacity: 1 !important;
}

html body header.navbar .navbar-title:hover,
html body header.navbar #navbar-breadcrumbs li a:hover,
html body header.navbar .breadcrumb-item a:hover {
	color: var(--risechamp-accent) !important;
	opacity: 0.9 !important;
}

/* Primary buttons — Maroon */
.btn-primary,
button.btn-primary,
a.btn-primary {
	background-color: #8f0b0b !important;
	border-color: #8f0b0b !important;
	color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #6d0606 !important;
	border-color: #f9bc16 !important;
	color: #f9bc16 !important;
}

.for-login .btn-login,
.for-signup .btn-signup {
	background-color: #8f0b0b !important;
	border-color: #8f0b0b !important;
	color: #ffffff !important;
}

.for-login .btn-login:hover,
.for-signup .btn-signup:hover {
	background-color: #6d0606 !important;
	border-color: #f9bc16 !important;
	color: #f9bc16 !important;
}

body[data-path="login"] {
	background: linear-gradient(135deg, #8f0b0b 0%, #6d0606 50%, #8f0b0b 100%) !important;
}

/* Login page headings */
.for-login > .page-card-head h4,
section.for-login .page-card-head h4,
.login-content .page-card-title,
.form-section .section-head,
.page-card-title,
h4.form-heading,
.for-login .page-card-head h4 {
	color: #f9bc16 !important;
	font-weight: bold !important;
}

/* Asset Verification Dashboard — on-screen status colours */
.risechamp-asset-verification-report .status-in-use {
	color: #2e7d32 !important;
	font-weight: bold !important;
}

.risechamp-asset-verification-report .status-damaged {
	color: #c62828 !important;
	font-weight: bold !important;
}

.risechamp-asset-verification-report .status-under-maintenance {
	color: #ef6c00 !important;
	font-weight: bold !important;
}

/* Low Stock Alert — consumable inventory dashboard */
.risechamp-low-stock-report .status-damaged {
	color: #c62828 !important;
	font-weight: bold !important;
}

.risechamp-low-stock-report .status-under-maintenance {
	color: #ef6c00 !important;
	font-weight: bold !important;
}