.topbar nav .pd-account-menu{position:relative;display:block;align-self:flex-start;margin:0;padding:0;color:var(--black);font-family:inherit;font-size:14px;font-weight:700;line-height:normal}
.topbar nav .pd-account-menu summary{cursor:pointer;list-style:none;display:block;margin:0;padding:0;border:0;border-radius:0;font:inherit;line-height:inherit;color:var(--black);opacity:.9;white-space:nowrap}
.topbar nav .pd-account-menu summary::-webkit-details-marker{display:none}
.topbar nav .pd-account-menu summary::after{content:'';position:absolute;right:0;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #ff936b;transform:translateY(-50%)}
.topbar nav .pd-account-menu[open] summary{background:#fff1e6}
.topbar nav .pd-account-menu>div{position:absolute;right:0;top:100%;min-width:205px;z-index:100;background:#fffaf6;border:1px solid #ff936b;border-radius:12px;padding:8px}
.topbar nav .pd-account-menu>div a{display:block;margin:0;padding:12px;white-space:nowrap}
.topbar nav .pd-account-menu summary:focus-visible,.topbar nav .pd-account-menu a:focus-visible{outline:2px solid #ff936b;outline-offset:2px}
@media(max-width:640px){.topbar nav .pd-account-menu>div{position:static;min-width:0}}

/* Même survol que les autres liens du menu. */
.topbar nav .pd-account-menu summary:hover{color:var(--coral)}

/* Hauteur identique pour chaque libellé, sans influence de la flèche. */
.topbar nav{align-items:flex-start}
.topbar nav > a,
.topbar nav .pd-account-menu > summary{
  display:flex;align-items:center;min-height:22px;
  margin:0;padding:0;line-height:22px;
  font-family:inherit;font-size:14px;font-weight:700;
}
.topbar nav .pd-account-menu > summary{position:relative;padding-right:12px}
.topbar nav > a[href="/logout.php"],
.topbar nav > a[href="/logout.php"]:hover,
.topbar nav > a[href="/logout.php"]:focus-visible{color:#ff5856;opacity:1}
