/* Minimal styles for menu user item */
.hide {
    display: none !important
}

.user-menu-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem
}

.user-menu-inner {
    display: inline-flex;
    align-items: center;
    gap: .5rem
}

.user-menu-name {
    font-weight: 500;
    line-height: 1;
    color: #1A1A1A85;
}

.user-menu-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50% !important;
    object-fit: cover;
    display: inline-block
}

/* Shortcode: [anj_copy] */
.anj-copy {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: var(--anj-copy-gap, 6px);
}

.anj-copy__text {
    display: inline-block;
}

.anj-copy__icon {
    display: inline-flex;
    align-items: center;
}

/*
   Default copy icon (Font Awesome "copy") rendered via CSS mask.
   This is reliable in builders that strip inline <svg> from shortcode output.

   You can override the icon globally or per section by setting:
     --anj-copy-icon-mask: url("data:image/svg+xml,...")

   Color follows `currentColor` of the element.
*/
.anj-copy__icon::before {
    content: "";
    width: var(--anj-copy-icon-size, 16px);
    height: var(--anj-copy-icon-size, 16px);
    display: inline-block;
    background-color: var(--e-global-color-secondary);

    -webkit-mask-image: var(--anj-copy-icon-mask, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M320%20448v40c0%2013.255-10.745%2024-24%2024H24c-13.255%200-24-10.745-24-24V120c0-13.255%2010.745-24%2024-24h72v296c0%2030.879%2025.121%2056%2056%2056h168zm0-344V0H152c-13.255%200-24%2010.745-24%2024v368c0%2013.255%2010.745%2024%2024%2024h272c13.255%200%2024-10.745%2024-24V128H344c-13.2%200-24-10.8-24-24zm120.971-31.029L375.029%207.029A24%2024%200%200%200%20358.059%200H352v96h96v-6.059a24%2024%200%200%200-7.029-16.97z%22%2F%3E%3C%2Fsvg%3E"));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;

    mask-image: var(--anj-copy-icon-mask, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M320%20448v40c0%2013.255-10.745%2024-24%2024H24c-13.255%200-24-10.745-24-24V120c0-13.255%2010.745-24%2024-24h72v296c0%2030.879%2025.121%2056%2056%2056h168zm0-344V0H152c-13.255%200-24%2010.745-24%2024v368c0%2013.255%2010.745%2024%2024%2024h272c13.255%200%2024-10.745%2024-24V128H344c-13.2%200-24-10.8-24-24zm120.971-31.029L375.029%207.029A24%2024%200%200%200%20358.059%200H352v96h96v-6.059a24%2024%200%200%200-7.029-16.97z%22%2F%3E%3C%2Fsvg%3E"));
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;

    opacity: var(--anj-copy-icon-opacity, 0.75);
}

.anj-copy:hover .anj-copy__icon::before {
    opacity: var(--anj-copy-icon-opacity-hover, 1);
}

/* If an inline SVG is present for any reason, keep it aligned and hide it by default
   to avoid double icons. You can override with CSS if desired. */
.anj-copy__icon svg {
    display: none;
}

.anj-copy.anj-is-copied {
    opacity: 0.8;
}