.pg-login-menu-container {
    position: relative;
    display: inline-block;
}

.pg-login-menu-button {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pg-login-menu-icon,
.pg-login-menu-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.pg-login-menu-dropdown {
    position: absolute;
    top: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    display: block;
    box-sizing: border-box;
    /* Remove min-width to allow width control to work properly */
    min-width: 0;
    /* Remove max-width to allow width control to work properly */
    max-width: none;
}

.pg-login-menu-container:hover .pg-login-menu-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.pg-login-menu-dropdown a {
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Vertical alignment for icon and arrow with text */
.pg-login-menu-button {
    align-items: center;
}

.pg-login-menu-icon,
.pg-login-menu-arrow {
    align-self: center;
}

/* Divider styles */
.pg-login-menu-divider {
    border-top-style: solid;
    border-top-width: 0px;
    margin: 0px;
}

/* Fix for center position on hover */
.pg-login-menu-container:hover .pg-login-menu-dropdown[style*="left: 50%"] {
    transform: translateX(-50%) translateY(0);
}

/* Logout item specific styles */
.pg-login-menu-logout {
    /* Specific styles for logout item can be added here if needed */
}