/* light-overrides.css — ultra-narrow, additive fixes for LIGHT mode only */
/* 1) Sidebar hover: light neutral (no dark hover) */
:root[data-theme="light"] .eshraf-drawer nav a:hover,
:root[data-theme="light"] .eshraf-drawer nav a:focus{
  background: #f2f4f7 !important;
  color: var(--text) !important;
  background-image: none !important;
}
:root[data-theme="light"] .eshraf-drawer nav a:active{
  background: #e9edf2 !important;
  color: var(--text) !important;
}

/* If some pages use .side-nav instead of .eshraf-drawer */
:root[data-theme="light"] .side-nav nav a:hover,
:root[data-theme="light"] .side-nav nav a:focus,
:root[data-theme="light"] .side-nav a:hover,
:root[data-theme="light"] .side-nav a:focus{
  background: #f2f4f7 !important;
  color: var(--text) !important;
  background-image: none !important;
}
:root[data-theme="light"] .side-nav nav a:active,
:root[data-theme="light"] .side-nav a:active{
  background: #e9edf2 !important;
  color: var(--text) !important;
}

/* 2) Header in LIGHT mode: pure white, no glass blur (keeps v3 look intact) */
:root[data-theme="light"] .site-header,
:root[data-theme="light"] .site-header nav,
:root[data-theme="light"] .site-header .wrap,
:root[data-theme="light"] .site-header.glass{
  background-color: #ffffff !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--divider) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}