/* Home top bar controls: transparent at rest, visible focus without framed chrome. */
body[data-page-kind="home"] #nav-search,
body[data-page-kind="home"] .theme-group,
body[data-page-kind="home"] #lang-switch-select,
body[data-page-kind="home"] #btn-site-theme,
body[data-page-kind="home"] #auth-btn {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-page-kind="home"] .theme-group .theme-btn {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-page-kind="home"] #nav-search:hover,
body[data-page-kind="home"] #nav-search:focus-visible,
body[data-page-kind="home"] .theme-group:hover,
body[data-page-kind="home"] #lang-switch-select:hover,
body[data-page-kind="home"] #lang-switch-select:focus-visible,
body[data-page-kind="home"] #btn-site-theme:hover,
body[data-page-kind="home"] #btn-site-theme:focus-visible,
body[data-page-kind="home"] #auth-btn:hover,
body[data-page-kind="home"] #auth-btn:focus-visible {
  background: rgba(255,255,255,.08) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-page-kind="home"] .theme-group .theme-btn.active {
  color: var(--text-primary) !important;
  opacity: 1 !important;
}

body[data-page-kind="home"] .theme-group .theme-btn:hover,
body[data-page-kind="home"] .theme-group .theme-btn:focus-visible {
  background: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

[data-theme="light"] body[data-page-kind="home"] #nav-search:hover,
[data-theme="light"] body[data-page-kind="home"] #nav-search:focus-visible,
[data-theme="light"] body[data-page-kind="home"] .theme-group:hover,
[data-theme="light"] body[data-page-kind="home"] #lang-switch-select:hover,
[data-theme="light"] body[data-page-kind="home"] #lang-switch-select:focus-visible,
[data-theme="light"] body[data-page-kind="home"] #btn-site-theme:hover,
[data-theme="light"] body[data-page-kind="home"] #btn-site-theme:focus-visible,
[data-theme="light"] body[data-page-kind="home"] #auth-btn:hover,
[data-theme="light"] body[data-page-kind="home"] #auth-btn:focus-visible {
  background: rgba(20,22,32,.07) !important;
}

@media (max-width: 900px) {
  body[data-page-kind="home"] #nav-search,
  body[data-page-kind="home"] .theme-group,
  body[data-page-kind="home"] #lang-switch-select,
  body[data-page-kind="home"] #btn-site-theme,
  body[data-page-kind="home"] #auth-btn {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
}