/* «Signed-in agency» menu of alesteviaggi.it (owner 11/10/2026). */
.ag-acct { position: relative; display: inline-flex; }
.ag-acct-btn {
    display: inline-flex; align-items: center; gap: .45rem; border: 0; background: none;
    color: inherit; font: inherit; padding: 0; cursor: pointer; line-height: 1.2;
}
.ag-acct-avatar {
    position: relative; flex: none; width: 1.75rem; height: 1.75rem; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: #11a6bb; color: #fff; font-weight: 700; font-size: .72rem; letter-spacing: .02em;
}
.ag-acct-badge {
    position: absolute; top: -.35rem; right: -.45rem; min-width: 1.05rem; height: 1.05rem; padding: 0 .25rem;
    border-radius: 999px; background: #dc3545; color: #fff; font-size: .62rem; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center; border: 2px solid #fff;
}
.ag-acct-name { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.ag-acct-btn .bi-chevron-down { font-size: .7rem; transition: transform .15s ease; }
.ag-acct-btn[aria-expanded="true"] .bi-chevron-down { transform: rotate(180deg); }
.ag-acct-menu {
    position: absolute; top: calc(100% + .6rem); right: 0; z-index: 1090; width: 270px;
    background: #fff; color: #2d2d2f; border-radius: 14px; border: 1px solid #dde7ec;
    box-shadow: 0 18px 48px rgba(12, 60, 99, .22); padding: .4rem 0; text-align: left;
}
.ag-acct-menu[hidden] { display: none; }
.ag-acct-head { padding: .7rem 1rem .75rem; border-bottom: 1px solid #e5edf2; margin-bottom: .3rem; }
.ag-acct-head strong { display: block; color: #0a4f87; font-size: .95rem; line-height: 1.25; }
.ag-acct-head span { font-size: .75rem; color: #5a6470; }
.ag-acct-menu a, .ag-acct-menu button.ag-acct-item {
    display: flex; align-items: center; gap: .65rem; width: 100%; padding: .55rem 1rem;
    color: #2d2d2f !important; text-decoration: none; font-size: .9rem; border: 0; background: none; text-align: left;
}
.ag-acct-menu a:hover, .ag-acct-menu button.ag-acct-item:hover { background: #f3f8fa; color: #0968b0 !important; }
.ag-acct-menu .bi { color: #0a7d8e; width: 1.1rem; text-align: center; }
.ag-acct-count { margin-left: auto; background: #dc3545; color: #fff; border-radius: 999px; font-size: .7rem; font-weight: 700; padding: .05rem .45rem; }
.ag-acct-sep { height: 1px; background: #e5edf2; margin: .3rem 0; }
.ag-acct-menu button.ag-acct-logout, .ag-acct-menu button.ag-acct-logout .bi { color: #b42318 !important; }
/* Mobile header button: initials only */
.ag-acct--mobile { align-items: center; }
.ag-acct--mobile .ag-acct-avatar { width: 2.1rem; height: 2.1rem; font-size: .8rem; }
.ag-acct--mobile .ag-acct-name, .ag-acct--mobile .bi-chevron-down { display: none; }
.ag-acct--mobile .ag-acct-menu { position: fixed; top: 4.25rem; right: .75rem; left: .75rem; width: auto; background: #fff; opacity: 1; }
.ag-acct--mobile .ag-acct-menu .bi { font-size: 1rem; }
/* Drawer: the list is shown open, no toggle */
.ag-acct--drawer { display: block; width: 100%; }
.ag-acct--drawer .ag-acct-btn { padding: .35rem 0 .6rem; pointer-events: none; }
.ag-acct--drawer .ag-acct-btn .bi-chevron-down { display: none; }
.ag-acct--drawer .ag-acct-menu { position: static; width: auto; box-shadow: none; border: 0; padding: 0; background: transparent; }
.ag-acct--drawer .ag-acct-head { display: none; }
.ag-acct--drawer .ag-acct-menu a, .ag-acct--drawer .ag-acct-menu button.ag-acct-item { padding: .5rem 0; }
/* Same slot as the visitor's .btn-mobile-login (_header.html + hoescape.css). */
@media (max-width: 991.98px) {
    .navbar .ag-acct--mobile { order: 1; margin-left: auto; padding: 4px 10px; min-width: 50px; justify-content: center; }
    html[data-skin="hoe"] .navbar .ag-acct--mobile { grid-column: 3; justify-self: end; margin: 0; }
}