/* pysiecaccountlink - link/dropdown konta w headerze. Namespace .pysiec-accountlink*. */

.pysiec-accountlink {
  --pysiec-accountlink-text: var(--pysiec-text, #1a1a18);
  --pysiec-accountlink-espresso: var(--pysiec-espresso, #3e2f23);
  --pysiec-accountlink-border: var(--pysiec-line-24, rgba(62, 47, 35, .24));

  position: relative;
}

.pysiec-accountlink__details {
  position: relative;
}

.pysiec-accountlink__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.75rem;
  background: none;
  border: 1px solid var(--pysiec-accountlink-border);
  border-radius: var(--pysiec-radius-pill, 999px);
  padding: 0 1.125rem;
  color: var(--pysiec-accountlink-text);
  text-decoration: none;
  font: inherit;
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
  list-style: none;
}

.pysiec-accountlink__trigger::-webkit-details-marker {
  display: none;
}

.pysiec-accountlink__trigger:hover,
.pysiec-accountlink__trigger:focus-visible {
  border-color: var(--pysiec-accountlink-espresso);
  color: var(--pysiec-accountlink-espresso);
}

.pysiec-accountlink__label {
  max-width: 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Ikona <i class="material-icons"> USUNIĘTA z markupu (accountlink.tpl) - 1:1 z
   makietą (linia 51 źródła): przycisk "Konto" to sam tekst w obwódce, bez ikony.
   Na żądanie użytkownika ("usuń tego ludka z konto"), sesja 2026-09-17. */

.pysiec-accountlink__panel {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  min-width: 12rem;
  margin-top: 0.5rem;
  background: #fff;
  border: 1px solid var(--pysiec-line-20, rgba(62, 47, 35, .2));
  border-radius: var(--pysiec-radius-lg, 20px);
  box-shadow: var(--pysiec-shadow-panel, 0 24px 48px rgba(62, 47, 35, .16));
  padding: 0.625rem;
}

/* Poniżej 992px (breakpoint hamburgera, patrz pysiecmenu/views/css/menu.css)
   .pysiec-accountlink jest pierwszym elementem w rzędzie header-bottom__row,
   blisko lewej krawędzi - right:0 wypychał panel (min-width 12rem) poza lewy
   kraniec ekranu, obcinając tekst. Złapane na żywo, sesja 2026-09-19. */
@media (max-width: 991.98px) {
  .pysiec-accountlink__panel {
    right: auto;
    left: 0;
  }
}

.pysiec-accountlink__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.pysiec-accountlink__list a {
  display: block;
  padding: 0.5rem 0.75rem;
  border-radius: var(--pysiec-radius-sm, 10px);
  color: var(--pysiec-accountlink-text);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
}

.pysiec-accountlink__list a:hover,
.pysiec-accountlink__list a:focus-visible {
  background: var(--pysiec-line-12, rgba(62, 47, 35, .12));
}

.pysiec-accountlink__logout {
  color: #b3392f;
}

/* Reguła "ukryj label na mobile" (żeby zostać z samą ikoną) USUNIĘTA - po usunięciu
   ikony powyżej zostawiałaby całkowicie pusty przycisk na mobile. Bez ikony tekst
   musi być widoczny na każdej szerokości. Sesja 2026-09-17. */

/* Na mobile ten dropdown jest teraz zastąpiony stałym paskiem na dole ekranu
   (_partials/mobile-tabbar.tpl, .pysiec-tabbar w custom.css) - Zaloguj/Zarejestruj/
   Konto są tam bezpośrednimi przyciskami zamiast schowanymi pod tym rozwijaniem.
   Ten sam breakpoint co tabbar i burger kategorii. Sesja 2026-09-20. */
@media (max-width: 991.98px) {
  .pysiec-accountlink {
    display: none;
  }
}