/* === 1) токены для полупрозрачного фона навбара === */
:root{
  /* было: --nav-bg: #ffffff;  оставляем как “плотный” цвет, вдруг пригодится */
  --nav-bg: #ffffff;

  /* добавляем RGB и альфу для компоновки rgba() */
  --nav-bg-rgb: 255,255,255;   /* белый */
  --nav-bg-alpha: .7;          /* 70% непрозрачности */
}

html.theme-dark,
body.theme-dark{
  /* было: --nav-bg: #1b2753;  оставляем */
  --nav-bg: #1b2753;

  /* тёмная тема — тот же оттенок, но через rgba */
  --nav-bg-rgb: 27,39,83;      /* #1b2753 => 27,39,83 */
  --nav-bg-alpha: .7;
}

/* === 2) сам навбар — используем полупрозрачный фон === */
.navbar.my-navbar{
  /* fallback на случай древнего браузера */
  background-color: var(--nav-bg) !important;

  /* основной вариант — полупрозрачный rgba */
  background-color: rgba(var(--nav-bg-rgb), var(--nav-bg-alpha)) !important;

  /* бонус: лёгкий “glass” эффект, можно убрать если не нужен */
  backdrop-filter: saturate(1.05) blur(6px);
  -webkit-backdrop-filter: saturate(1.05) blur(6px);
}

/* чтобы дропдауны/подсказки не просвечивали слишком сильно поверх полупрозрачного бара  */
.dropdown-menu{
  background: var(--dropdown-bg);
  border-color: var(--dropdown-border);
  box-shadow: var(--shadow);
}

/* кнопка поиска/лупа остаётся как была — контраст берём из токенов */
.navbar [role="search"] .input-group-append .btn,
.btk-search [role="search"] .input-group-append .btn{
  background: var(--search-btn-bg) !important;
  border-color: var(--search-btn-border) !important;
  color: var(--search-btn-text) !important;
}
.navbar [role="search"] .input-group-append .btn i,
.btk-search [role="search"] .input-group-append .btn i{
  color: var(--search-btn-text) !important; /* иконка белая/тёмная по теме */
}