/* Ednara design system — accent only.
 *
 * Violet ONLY on: logo, primary button fills, active sidebar item.
 * All text stays Frappe near-black defaults.
 */

:root,
[data-theme="light"] {
	--ednara-violet-500: #6b2fa7;
	--ednara-violet-600: #612b98;
	--btn-primary: #6b2fa7;
	--brand-color: #6b2fa7;
	--sidebar-select-color: #d1bfe4;
}

/* Primary buttons — beat Bootstrap's hardcoded #171717 */
.btn.btn-primary,
.btn-primary {
	background-color: #6b2fa7;
	border-color: #6b2fa7;
	color: #fff;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus {
	background-color: #612b98;
	border-color: #612b98;
	color: #fff;
}

/*
 * Active sidebar item — violet fill; icon + label white.
 * Desk icons are .es-icon which paint via fill: var(--icon-stroke)
 * (see frappe/public/scss/common/icons.scss). stroke alone is not enough.
 */
.desk-sidebar .desk-sidebar-item.standard-sidebar-item.selected,
.desk-sidebar .standard-sidebar-item.selected {
	background-color: #6b2fa7;
	color: #fff;
	--icon-stroke: #fff;
	--icon-fill: transparent;
}

.desk-sidebar .standard-sidebar-item.selected .sidebar-item-label,
.desk-sidebar .standard-sidebar-item.selected .item-anchor {
	color: #fff;
}

.desk-sidebar .standard-sidebar-item.selected .sidebar-item-icon,
.desk-sidebar .standard-sidebar-item.selected .sidebar-item-icon .icon,
.desk-sidebar .standard-sidebar-item.selected .sidebar-item-icon .es-icon,
.desk-sidebar .standard-sidebar-item.selected svg.icon,
.desk-sidebar .standard-sidebar-item.selected svg.es-icon {
	--icon-stroke: #fff;
	--icon-fill: transparent;
	color: #fff;
	fill: #fff;
	stroke: #fff;
}

.desk-sidebar .standard-sidebar-item.selected .sidebar-item-icon use,
.desk-sidebar .standard-sidebar-item.selected svg use {
	--icon-stroke: #fff;
	fill: #fff;
	stroke: #fff;
	color: #fff;
}

/*
 * Logo — navbar left only.
 * Stock Frappe sets .app-logo { width: 24px } which crushes our wordmark into
 * an invisible speck — override so the brand actually paints in the topbar.
 */
.navbar .navbar-brand.navbar-home,
.navbar .navbar-brand {
	display: inline-flex;
	align-items: center;
	min-width: 140px;
	max-width: min(360px, 55vw);
}

.navbar .navbar-brand .app-logo,
.navbar-home .app-logo,
.navbar .app-logo {
	width: auto !important;
	max-width: 100%;
	max-height: 36px;
	height: 36px;
	object-fit: contain;
	display: inline-block;
	visibility: visible;
	opacity: 1;
}

/* Never show brand mark inside the desk workspace sidebar */
.desk-sidebar .ednara-sidebar-logo,
.desk-sidebar img[src*="ednara-logo"],
.list-sidebar .ednara-sidebar-logo,
.list-sidebar img[src*="ednara-logo"] {
	display: none !important;
}