/**
 * Menu Account Icon Styling
 * Styles for the user account icon in the navigation menu (Block Navigation)
 */

.menu-item-account-icon .wp-block-navigation-item__content {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.menu-account-icon-svg {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.menu-item-account-icon .wp-block-navigation-item__content:hover .menu-account-icon-svg {
    transform: translateY(-1px);
}

/* Ensure no text decoration on the container */
.menu-item-account-icon a:hover,
.menu-item-account-icon a:focus {
    text-decoration: none !important;
}

/* Optional: if you want the icon to change color on hover independently 
   (but currentColor usually takes care of it if the text changes color) */
.menu-item-account-icon .wp-block-navigation-item__content:hover {
    color: #161615;
}