/* AZsvadba frontend auth UX patch 0.8.2.1 */

/* Account menu fallback */
.az-user-menu{
  position:fixed;
  top:18px;
  right:22px;
  z-index:9998;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.az-user-menu__toggle{
  appearance:none;
  border:1px solid #e3d9cb;
  background:rgba(255,255,255,.96);
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:5px 11px 5px 6px;
  cursor:pointer;
  box-shadow:0 8px 26px rgba(54,43,28,.09);
  color:#352e26;
}
.az-user-menu__avatar{
  width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#b48a47;color:#fff;font-weight:800;font-size:12px;
}
.az-user-menu__name{font-size:12px;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.az-user-menu__chevron{color:#8c8174;font-size:14px}
.az-user-menu__dropdown{
  display:none;
  position:absolute;
  right:0;
  top:50px;
  width:230px;
  padding:7px;
  background:#fff;
  border:1px solid #e5ddd1;
  border-radius:13px;
  box-shadow:0 18px 46px rgba(54,43,28,.13);
}
.az-user-menu.is-open .az-user-menu__dropdown{display:block}
.az-user-menu__dropdown a{
  display:block;
  text-decoration:none!important;
  color:#312b24!important;
  padding:10px 11px;
  border-radius:9px;
}
.az-user-menu__dropdown a:hover{background:#f7f3ed}
.az-user-menu__dropdown strong{display:block;font-size:12px}
.az-user-menu__dropdown small{display:block;color:#857b70;font-size:10px;margin-top:2px}
.az-user-menu__dropdown .az-user-menu__logout{
  margin-top:5px;
  border-top:1px solid #eee7dc;
  border-radius:0 0 8px 8px;
  color:#a24848!important;
  font-size:12px;
  font-weight:700;
}

/* Login role selector is always clearly visible */
.az-auth-switch--forced{margin-bottom:28px!important}
.az-auth-switch a.is-active{
  box-shadow:0 2px 10px rgba(50,39,25,.08)!important;
  color:#74552b!important;
}

/* If the normal header already has our menu items, make logout less dominant */
.az-account-nav.az-account-logout>a{color:#9b544c!important}

@media(max-width:900px){
  .az-user-menu{top:12px;right:12px}
  .az-user-menu__name{display:none}
}
