/* Sfondo scuro tipo popup quando un menu profilo è aperto */

/* Dashboard */
body:has(.dash-profile-menu-dropdown.dash-visible)::before,
/* Modifica azienda */
body:has(.profile-menu-dropdown-editaz.visible)::before,
/* Modifica persona */
body:has(.profile-menu-dropdown-editpers.visible)::before,
/* Cambia password / altri con menu .an-profile- */
body:has(.an-profile-menu-dropdown.an-visible)::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    z-index: 900;
    pointer-events: auto;
}

/* ✅ Menu profilo sempre centrato (PC + telefoni) */

/* Contenitore del menu profilo: centrato orizzontalmente */
.dash-profile-menu-container,
.an-profile-menu-container,
.profile-menu-container-editaz,
.profile-menu-container-editpers {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    margin: 8px auto 15px;  /* meno spazio sopra e sotto */
    display: flex;
    justify-content: center;
    z-index: 1001; /* sopra lo sfondo scuro */
}

/* Dropdown centrato sotto al bottone */
.dash-profile-menu-dropdown,
.an-profile-menu-dropdown,
.profile-menu-dropdown-editaz,
.profile-menu-dropdown-editpers {
    right: 50%;
    left: auto;
    transform: translateX(50%);
}

/* Avvicina i vari form al menu profilo */
.dash-user-dashboard,
.malu-cp-wrapper,
.editpers-wrapper,
.editaz-wrapper {
    margin-top: 20px !important;
}