/* ── Brand colors ─────────────────────────────── */
:root {
  --primary-color: #466362;
  --btn-primary: #466362;
  --btn-primary-hover: #7ca2a1;
  --primary: #466362;
  --checkbox-focus-shadow: 0 0 0 2px #466362;
}

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

/* ── Navbar ───────────────────────────────────── */
.navbar {
  background-color: #466362 !important;
}

/* ── 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: #ffffff !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: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !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: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

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

/* Frappe breadcrumb right-arrow SVG inherits --icon-stroke */
.navbar #navbar-breadcrumbs {
  --icon-stroke: #ffffff !important;
  --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: #7ca2a1 !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: #ffffff !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: #7ca2a1 !important;
  color: #ffffff !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: #7ca2a1 !important;
  color: #ffffff !important;
}

/* Awesomplete dropdowns beyond navbar search */
.awesomplete [role="listbox"] > li:hover,
.awesomplete [role="listbox"] > li[aria-selected="true"] {
  background-color: #7ca2a1 !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: #ffffff !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: #7ca2a1 !important;
  color: #ffffff !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: #ffffff !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: #ffffff !important;
  stroke: #ffffff !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: #ffffff !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: #7ca2a1 !important;
  color: #ffffff !important;
}

/* ── Website / login: primary Login button ───── */
.for-login .btn-login.btn-primary,
.page-card .btn-login.btn-primary {
  background-color: #466362 !important;
  border-color: #466362 !important;
  color: #ffffff !important;
}

.for-login .btn-login.btn-primary:hover,
.page-card .btn-login.btn-primary:hover {
  background-color: #7ca2a1 !important;
  border-color: #7ca2a1 !important;
  color: #ffffff !important;
}

.for-login .btn-login.btn-primary:focus,
.page-card .btn-login.btn-primary:focus {
  box-shadow: 0 0 0 2px #466362 !important;
}

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