/* Base hidden state */
.user-menu {
    position: absolute;
    top: 100%;
    right: 0;
/*    min-width:fit-content;*/
    /*max-width: 90vw;*/
    margin-top: -2px;
    background-color: #fff;
    border-radius: 1rem;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
 /*   overflow-x: auto;*/
    transform: translateY(-10px);
    transition: all 0.4s ease;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
}

/* Show on hover */
.dropdown-hover:hover .user-menu,
.dropdown-hover .user-menu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}