/* 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;
}

/* Settings tile (Frappe "Framework"): gear icon */
img[src*="frappe-framework-logo"] {
	content: url("/assets/nkabom_branding/images/settings.svg") !important;
	object-fit: contain;
}

/* 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,
html[data-theme="light"] {
	--nk-navy: #022958;
	--nk-navy-hover: #0a3a78;
	--nk-navy-active: #011d40;
	--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);
	--checkbox-gradient: linear-gradient(180deg, var(--nk-green) 0%, var(--nk-green) 100%);
	--progress-bar-bg: var(--nk-green);
}

/* Main buttons (ERPNext v16 "solid" buttons and old btn-primary): navy.
   Red (danger) buttons keep their red colour. */
.es-button:not([data-theme="red"]) {
	--bt-solid-bg: var(--nk-navy);
	--bt-solid-bg-hover: var(--nk-navy-hover);
	--bt-solid-bg-active: var(--nk-navy-active);
	--bt-solid-fg: #ffffff;
}
.btn.btn-primary:not(.es-button) {
	background-color: var(--nk-navy) !important;
	border-color: var(--nk-navy) !important;
	color: #ffffff !important;
}
.btn.btn-primary:not(.es-button):hover {
	background-color: var(--nk-navy-hover) !important;
	border-color: var(--nk-navy-hover) !important;
}

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

/* Progress bars (loading bar, "steps done" bar): green */
.es-progress__fill,
.es-progress__segment[data-filled],
.progress-bar,
#nprogress .bar {
	background: var(--nk-green) !important;
}

/* Selected item in the sidebar: light green */
.active-sidebar {
	background: var(--nk-green-light) !important;
}
.active-sidebar .item-anchor,
.active-sidebar .sidebar-item-label {
	color: var(--nk-green-text) !important;
}
.active-sidebar svg,
.active-sidebar .icon {
	--icon-stroke: var(--nk-green-text);
	color: var(--nk-green-text) !important;
}

/* Selected app icon in the left strip: light green */
.dock-item.active {
	background: var(--nk-green-light) !important;
	color: var(--nk-green-text) !important;
	--icon-stroke: var(--nk-green-text);
}