/* Nkabom ERP branding */

/* Show the Nkabom logo wherever ERPNext's logo appears */
img[src*="erpnext-logo"],
img[src*="erpnext/images"] {
	content: url("/assets/nkabom_branding/images/logo.png") !important;
	object-fit: contain;
	background: transparent !important;
}

/* Hide links to ERPNext / Frappe websites, GitHub and YouTube */
a[href*="erpnext.com"],
a[href*="frappe.io"],
a[href*="frappeframework.com"],
a[href*="frappe.cloud"],
a[href*="github.com/frappe"],
a[href*="youtube.com"],
a[href*="youtu.be"] {
	display: none !important;
}

/* Hide embedded YouTube videos */
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"],
iframe[src*="youtu.be"],
.video-modal,
.onboarding-video {
	display: none !important;
}

/* Hide "Powered by" footer on website pages */
.footer-powered {
	display: none !important;
}

/* ---------- Nkabom colours (clean ERPNext look + brand touch) ---------- */
/* Navy #022958 for main buttons, green #029859 for highlights */
:root,
[data-theme="light"] {
	--nk-navy: #022958;
	--nk-navy-hover: #0a3a78;
	--nk-green: #029859;
	--nk-green-light: #e8f6ef;
	--nk-green-text: #027a48;

	--primary: var(--nk-navy);
	--primary-color: var(--nk-navy);
	--btn-primary: var(--nk-navy);
	--brand-color: var(--nk-navy);
	--checkbox-color: var(--nk-green);
	--progress-bar-bg: var(--nk-green);
}

/* Main buttons: navy */
.btn.btn-primary,
.btn-primary {
	background-color: var(--nk-navy) !important;
	border-color: var(--nk-navy) !important;
	color: #ffffff !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:hover {
	background-color: var(--nk-navy-hover) !important;
	border-color: var(--nk-navy-hover) !important;
}

/* Ticked checkboxes: green */
input[type="checkbox"]:checked {
	background-color: var(--nk-green) !important;
	border-color: var(--nk-green) !important;
}

/* Loading bar: green */
.progress-bar,
#nprogress .bar {
	background-color: var(--nk-green) !important;
}

/* Selected item in the sidebar: light green */
.sidebar-item-container .selected,
.standard-sidebar-item.selected,
.desk-sidebar-item.selected,
.sidebar-item.selected {
	background-color: var(--nk-green-light) !important;
	color: var(--nk-green-text) !important;
}
.sidebar-item-container .selected *,
.standard-sidebar-item.selected *,
.desk-sidebar-item.selected * {
	color: var(--nk-green-text) !important;
	--icon-stroke: var(--nk-green-text);
}