#ghswitcher { display:inline-flex; gap:.75rem; align-items:center; font-size:14px; }
.ghswitcher__group { position:relative; }
.ghswitcher__btn { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem .6rem; border:1px solid rgba(255,255,255,.18); border-radius:.5rem; background:#000; color:#fff; cursor:pointer; font-weight: bold;}
/* submenu domyślnie schowane, ale z miękkim wygaszeniem + mały mostek hover */
.ghswitcher__menu {
  position:absolute; left:0; top:100%;
  min-width:12rem; padding:.3rem;
  background:#111; border:1px solid rgba(255,255,255,.18); border-radius:.5rem;
  box-shadow:0 8px 30px rgba(0,0,0,.6); z-index:9999;

  /* zamiast display:none – animowane ukrywanie z lekką bezwładnością */
  opacity:0; visibility:hidden; transform:translateY(4px);
  pointer-events:none;

  /* czas pojawiania/chowania – tu regulujesz „jak szybko znika” */
  transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
}

/* pokazuj kiedy jest hover LUB focus (klawiatura/klik w przycisk) */
.ghswitcher__group:hover .ghswitcher__menu,
.ghswitcher__group:focus-within .ghswitcher__menu {
  opacity:1; visibility:visible; transform:translateY(0);
  pointer-events:auto;
  transition-delay: 0s, 0s, 0s; /* natychmiastowe pokazanie */
}

.ghswitcher__item { display:flex; align-items:center; gap:.5rem; padding:.5rem .55rem; border-radius:.4rem; color:#fff !important; font-weight: bold;text-decoration:none; }
.ghswitcher__item:hover { background: rgba(255,255,255,.08); }
.ghswitcher__item.is-active { background: rgba(47,128,237,.28); }
.ghswitcher__icon { width:1.25rem; text-align:center; }