/* MyCamper custom template overrides */


/* ============================================================
   MYCAMPER_MEMBER_USER_CIRCLE_V2
   Main menu — member login / registration
   ============================================================ */


/*
 * Helix may place menu-anchor_css directly on <a>.
 */
.sp-megamenu-parent a.mc-member-login {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
}


/*
 * Safety fallback in case a Helix version places the class on <li>.
 */
.sp-megamenu-parent .mc-member-login > a {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
}


/*
 * USER-CIRCLE
 */
.sp-megamenu-parent a.mc-member-login::before,
.sp-megamenu-parent .mc-member-login > a::before {
    content: "";

    display: inline-block;

    flex:
        0 0
        18px;

    width: 18px;
    height: 18px;

    background-color:
        currentColor;

    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 0 1 6.32 12.9c-1.3-1.75-3.38-2.9-5.72-2.9h-1.2c-2.34 0-4.42 1.15-5.72 2.9A8 8 0 0 1 12 4Zm0 2.25A3.25 3.25 0 1 0 12 12.75 3.25 3.25 0 0 0 12 6.25Zm0 1.8A1.45 1.45 0 1 1 12 10.95 1.45 1.45 0 0 1 12 8.05Zm-.6 7.75h1.2c2.01 0 3.76 1.05 4.75 2.63A7.94 7.94 0 0 1 12 20a7.94 7.94 0 0 1-5.35-2.07c.99-1.58 2.74-2.63 4.75-2.63Z'/%3E%3C/svg%3E");

    -webkit-mask-repeat:
        no-repeat;

    -webkit-mask-position:
        center;

    -webkit-mask-size:
        contain;

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 0 1 6.32 12.9c-1.3-1.75-3.38-2.9-5.72-2.9h-1.2c-2.34 0-4.42 1.15-5.72 2.9A8 8 0 0 1 12 4Zm0 2.25A3.25 3.25 0 1 0 12 12.75 3.25 3.25 0 0 0 12 6.25Zm0 1.8A1.45 1.45 0 1 1 12 10.95 1.45 1.45 0 0 1 12 8.05Zm-.6 7.75h1.2c2.01 0 3.76 1.05 4.75 2.63A7.94 7.94 0 0 1 12 20a7.94 7.94 0 0 1-5.35-2.07c.99-1.58 2.74-2.63 4.75-2.63Z'/%3E%3C/svg%3E");

    mask-repeat:
        no-repeat;

    mask-position:
        center;

    mask-size:
        contain;

    opacity: .88;

    transform:
        translateY(-1px);
}


.sp-megamenu-parent a.mc-member-login:hover::before,
.sp-megamenu-parent .mc-member-login > a:hover::before {
    opacity: 1;
}