/* Оболочка новой версии: меню пользователя в шапке (профиль, подписка, разделы администратора, выход).
   Подключается в UserPortfolio::layout-dashboard — действует на всех страницах с боковым меню. */

.pf-user-menu { position: relative; }
.pf-user-menu > summary { list-style: none; cursor: pointer; border-radius: 12px; padding: 4px 6px; margin: -4px -6px; transition: background-color .15s; }
.pf-user-menu > summary::-webkit-details-marker { display: none; }
.pf-user-menu > summary:hover { background: #F7F4FF; }
.pf-user-menu > summary:focus-visible { outline: 2px solid #7F4EFF; outline-offset: 2px; }
.pf-user-menu .pf-user__chevron { transition: transform .15s; }
.pf-user-menu[open] .pf-user__chevron { transform: rotate(180deg); }

.pf-user-menu__list {
  position: absolute; z-index: 1000; top: calc(100% + 8px); right: 0; width: 250px; padding: 8px;
  display: flex; flex-direction: column; background: #fff; border: 1px solid #E6E8EE; border-radius: 12px;
  box-shadow: 0 12px 32px rgba(30, 30, 30, .12); font-family: 'Manrope', -apple-system, sans-serif;
}
.pf-user-menu__list a, .pf-user-menu__logout {
  display: block; width: 100%; padding: 9px 12px; border: 0; border-radius: 8px; background: none; text-align: left;
  font: 500 14px/1.25 'Manrope', sans-serif; color: #1E1E1E !important; text-decoration: none; cursor: pointer;
  text-transform: none; letter-spacing: 0; height: auto; min-width: 0; box-shadow: none;
}
.pf-user-menu__list a:hover, .pf-user-menu__logout:hover { background: #F7F4FF; color: #7F4EFF !important; }
.pf-user-menu__list form { margin: 0; }
.pf-user-menu__status { margin: 0 0 4px; padding: 8px 12px 10px; border-bottom: 1px solid #E6E8EE; font: 500 12px/1.35 'Manrope', sans-serif; color: #6B7280; }
.pf-user-menu__sep { display: block; height: 1px; margin: 6px 4px; background: #E6E8EE; }

@media (max-width: 760px) {
  .pf-user-menu .pf-user__text { display: none; }
  .pf-user-menu .pf-user__avatar { width: 34px; height: 34px; font-size: 14px; }
  .pf-user-menu__list { width: min(260px, calc(100vw - 28px)); }
}

.pf-user__burger { display: none; color: #1E1E1E; }
.pf-user-menu__nav { display: none; }
.pf-user-menu__nav a.is-active { color: #7F4EFF !important; font-weight: 600; }
@media (max-width: 820px) {
  .pf-user__burger { display: inline-flex; margin-right: 2px; }
  .pf-user-menu .pf-user__chevron { display: none; }
  .pf-user-menu__nav { display: flex; flex-direction: column; }
}

/* старые стили сайта красят button[type=submit] в зелёный — в меню кнопка выхода выглядит как пункт */
.pf-user-menu__list .pf-user-menu__logout {
  background: none !important; border: 0 !important; box-shadow: none !important; color: #1E1E1E !important;
  font: 500 14px/1.25 'Manrope', sans-serif !important; padding: 9px 12px !important; height: auto !important; width: 100% !important;
  text-align: left !important; text-transform: none !important; border-radius: 8px !important; margin: 0 !important;
}
.pf-user-menu__list .pf-user-menu__logout:hover { background: #F7F4FF !important; color: #7F4EFF !important; }