/* Menu logowania na podstronach (strona główna ma własne style). */
.nav-actions .login-dropdown { position: relative; }
.nav-actions .login-dropdown::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 8px; }
.nav-actions .login-dropdown > .nav-login { font-family: inherit; }
.login-dropdown-menu {
  position: absolute; top: calc(100% + 8px); right: 0; min-width: 240px;
  padding: 6px; border: 1px solid rgba(0, 102, 255, .45); border-radius: 10px;
  background: rgba(10, 10, 15, .98); box-shadow: 0 8px 32px rgba(0, 0, 0, .6);
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity .2s, transform .2s, visibility .2s; z-index: 200;
}
.login-dropdown:hover .login-dropdown-menu,
.login-dropdown:focus-within .login-dropdown-menu,
.login-dropdown.open .login-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.login-dropdown-menu a {
  display: block; padding: 10px 14px; border-radius: 6px; color: #fff;
  font-size: 14px; text-decoration: none; white-space: nowrap;
}
.login-dropdown-menu a:hover, .login-dropdown-menu a:focus-visible { background: rgba(0, 102, 255, .2); }
.login-dropdown-menu small { display: block; margin-top: 2px; color: #aab1c1; font-size: 12px; }
.login-dropdown-arrow { display: inline-block; margin-left: 6px; font-size: 10px; }
.login-dropdown.open .login-dropdown-arrow, .login-dropdown:hover .login-dropdown-arrow { transform: rotate(180deg); }
.mobile-menu-panel .login-mobile-toggle { width: 100%; font-family: inherit; cursor: pointer; }
.login-mobile-menu { display: none; flex-direction: column; gap: 8px; padding: 8px 0 0 16px; }
.login-mobile-dropdown.open .login-mobile-menu { display: flex; }
.login-mobile-menu a {
  display: block; padding: 10px 16px; border: 1px solid rgba(0,102,255,.2);
  border-radius: 6px; background: rgba(0,102,255,.08); color: #fff; font-size: 14px;
  text-decoration: none;
}
.login-mobile-menu small { display: block; margin-top: 2px; color: #aab1c1; font-size: 11px; }
.login-mobile-dropdown.open .login-dropdown-arrow { transform: rotate(180deg); }