/* ── Brand palette — edit only these for a new client ─────────────────────── */
:root {
  --brand-primary: #002066;
  --brand-primary-hover: #003da1;
  --brand-on-primary: #ffffff;
  --brand-focus-shadow: rgba(0, 32, 102, 0.35);
  /* Frappe / desk aliases */
  --primary-color: var(--brand-primary);
  --btn-primary: var(--brand-primary);
  --btn-primary-hover: var(--brand-primary-hover);
  --primary: var(--brand-primary);
  --checkbox-focus-shadow: 0 0 0 2px var(--brand-focus-shadow);
  /* Desk navbar `logo_title` is often dark-on-transparent; bar is dark — tint raster to on-primary. Set `none` if the PNG is already light. */
  --desk-navbar-app-logo-filter: brightness(0) invert(1);
}

/* Checked / indeterminate checkbox fill (Frappe custom checkbox) */
input[type="checkbox"]:checked,
input[type="checkbox"]:indeterminate {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

/* ── Navbar ───────────────────────────────────── */
.navbar {
  background-color: var(--brand-primary) !important;
}

/* Desk toolbar only (Frappe `navbar.html`); login card uses `.page-card-head .app-logo` — leave that unfiltered */
.navbar .navbar-home img.app-logo {
  filter: var(--desk-navbar-app-logo-filter);
}

/* ── Navbar text / breadcrumbs / icons ───────── */
.navbar,
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .nav-link span,
.navbar .dropdown-toggle,
.navbar .dropdown-toggle span,
.navbar #navbar-breadcrumbs,
.navbar #navbar-breadcrumbs a,
.navbar #navbar-breadcrumbs .breadcrumb-item,
.navbar #navbar-breadcrumbs .breadcrumb-item a {
  color: var(--brand-on-primary) !important;
}

/* Notification icon (line + filled variants) */
.navbar .notifications-icon,
.navbar .notifications-icon svg,
.navbar .notifications-icon .es-icon,
.navbar .notifications-icon .es-icon use {
  color: var(--brand-on-primary) !important;
  stroke: var(--brand-on-primary) !important;
  fill: var(--brand-on-primary) !important;
}

/* Breadcrumb chevron + Help dropdown arrow icons */
.navbar #navbar-breadcrumbs .icon,
.navbar #navbar-breadcrumbs .es-icon,
.navbar #navbar-breadcrumbs svg,
.navbar #navbar-breadcrumbs use,
.navbar .dropdown-help .icon,
.navbar .dropdown-help .es-icon,
.navbar .dropdown-help svg,
.navbar .dropdown-help use {
  color: var(--brand-on-primary) !important;
  stroke: var(--brand-on-primary) !important;
  fill: var(--brand-on-primary) !important;
}

/* Bootstrap breadcrumb separator (chevron/slash) */
.navbar #navbar-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  color: var(--brand-on-primary) !important;
}

/* Frappe breadcrumb right-arrow SVG inherits --icon-stroke */
.navbar #navbar-breadcrumbs {
  --icon-stroke: var(--brand-on-primary) !important;
  /* stroke in data URL must match --brand-on-primary if you rebrand */
  --right-arrow-svg: url("data:image/svg+xml;utf8,<svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  --left-arrow-svg: url("data:image/svg+xml;utf8,<svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
}

/* ── Navbar Awesome Bar hover state ───────────── */
.navbar .awesomplete [role="listbox"] > li:hover,
.navbar .awesomplete [role="listbox"] > li[aria-selected="true"] {
  background-color: var(--brand-primary-hover) !important;
}

.navbar .awesomplete [role="listbox"] > li:hover > a,
.navbar .awesomplete [role="listbox"] > li:hover > a span,
.navbar .awesomplete [role="listbox"] > li[aria-selected="true"] > a,
.navbar .awesomplete [role="listbox"] > li[aria-selected="true"] > a span {
  color: var(--brand-on-primary) !important;
}

/* ── Global dropdown hover/selected theme ─────── */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active,
.dropdown-menu a.dropdown-item:hover,
.dropdown-menu a.dropdown-item:focus,
.dropdown-menu button.dropdown-item:hover,
.dropdown-menu button.dropdown-item:focus {
  background-color: var(--brand-primary-hover) !important;
  color: var(--brand-on-primary) !important;
}

/* List-style dropdowns used in Desk widgets/forms */
.dropdown-list .dropdown-item:hover,
.dropdown-list .dropdown-item:focus,
.dropdown-list .dropdown-item.is-selected,
.dropdown-list .dropdown-item.active {
  background-color: var(--brand-primary-hover) !important;
  color: var(--brand-on-primary) !important;
}

/* Awesomplete dropdowns beyond navbar search */
.awesomplete [role="listbox"] > li:hover,
.awesomplete [role="listbox"] > li[aria-selected="true"] {
  background-color: var(--brand-primary-hover) !important;
}

.awesomplete [role="listbox"] > li:hover > a,
.awesomplete [role="listbox"] > li:hover > a span,
.awesomplete [role="listbox"] > li[aria-selected="true"] > a,
.awesomplete [role="listbox"] > li[aria-selected="true"] > a span {
  color: var(--brand-on-primary) !important;
}

/* ── Left sidebar hover + selected (same style) ─ */
.desk-sidebar .standard-sidebar-item:hover,
.desk-sidebar .standard-sidebar-item.selected,
.desk-sidebar .standard-sidebar-item.active,
.desk-sidebar .sidebar-item:hover,
.desk-sidebar .sidebar-item.selected,
.desk-sidebar .sidebar-item.active {
  background-color: var(--brand-primary-hover) !important;
  color: var(--brand-on-primary) !important;
}

.desk-sidebar .standard-sidebar-item:hover *,
.desk-sidebar .standard-sidebar-item.selected *,
.desk-sidebar .standard-sidebar-item.active *,
.desk-sidebar .sidebar-item:hover *,
.desk-sidebar .sidebar-item.selected *,
.desk-sidebar .sidebar-item.active * {
  color: var(--brand-on-primary) !important;
}

/* Sidebar icons on hover/selected */
.desk-sidebar .standard-sidebar-item:hover .icon,
.desk-sidebar .standard-sidebar-item.selected .icon,
.desk-sidebar .standard-sidebar-item.active .icon,
.desk-sidebar .sidebar-item:hover .icon,
.desk-sidebar .sidebar-item.selected .icon,
.desk-sidebar .sidebar-item.active .icon,
.desk-sidebar .standard-sidebar-item:hover .es-icon,
.desk-sidebar .standard-sidebar-item.selected .es-icon,
.desk-sidebar .standard-sidebar-item.active .es-icon,
.desk-sidebar .sidebar-item:hover .es-icon,
.desk-sidebar .sidebar-item.selected .es-icon,
.desk-sidebar .sidebar-item.active .es-icon,
.desk-sidebar .standard-sidebar-item:hover svg,
.desk-sidebar .standard-sidebar-item.selected svg,
.desk-sidebar .standard-sidebar-item.active svg,
.desk-sidebar .sidebar-item:hover svg,
.desk-sidebar .sidebar-item.selected svg,
.desk-sidebar .sidebar-item.active svg,
.desk-sidebar .standard-sidebar-item:hover use,
.desk-sidebar .standard-sidebar-item.selected use,
.desk-sidebar .standard-sidebar-item.active use,
.desk-sidebar .sidebar-item:hover use,
.desk-sidebar .sidebar-item.selected use,
.desk-sidebar .sidebar-item.active use {
  color: var(--brand-on-primary) !important;
  stroke: var(--brand-on-primary) !important;
  fill: none !important;
}

.desk-sidebar .standard-sidebar-item:hover,
.desk-sidebar .standard-sidebar-item.selected,
.desk-sidebar .standard-sidebar-item.active,
.desk-sidebar .sidebar-item:hover,
.desk-sidebar .sidebar-item.selected,
.desk-sidebar .sidebar-item.active {
  --icon-stroke: var(--brand-on-primary) !important;
}

/* ── Remove Help button from navbar ───────────── */
.navbar .dropdown-help {
  display: none !important;
}

/* ── Common selected option states app-wide ───── */
.dropdown-item.selected,
.dropdown-item.is-selected,
.dropdown-list .selected,
.dropdown-list .is-selected,
[role="option"][aria-selected="true"],
.list-group-item.active,
.menu-item.active,
.menu-item.selected {
  background-color: var(--brand-primary-hover) !important;
  color: var(--brand-on-primary) !important;
}

/* ── Website / login: primary Login button ───── */
.for-login .btn-login.btn-primary,
.page-card .btn-login.btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-on-primary) !important;
}

.for-login .btn-login.btn-primary:hover,
.page-card .btn-login.btn-primary:hover {
  background-color: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
  color: var(--brand-on-primary) !important;
}

.for-login .btn-login.btn-primary:focus,
.page-card .btn-login.btn-primary:focus {
  box-shadow: var(--checkbox-focus-shadow) !important;
}

/* ── Hide ERPNext/Frappe branding ─────────────── */
.powered-by {
  display: none !important;
}