.site-header-account {
    position: relative;
    font-size: 14px;
    .label-name {
        max-width: 83px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 500;
    }
    .label{
        padding-left:5px;
    }
    > a {
        position: relative;
        height: 40px;
        vertical-align: middle;
        line-height: 1.5;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: $black2;
    }
    li {
        padding: 5px;
    }
}

.account-dashboard,
.widget_categories,
.product-categories,
.widget_archive {
    a {
        position:relative;
        &:after {
            content:"";
            width:0;
            height:1px;
            bottom:0;
            position:absolute;
            left:auto;
            right:0;
            z-index:-1;
            -webkit-transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;
            transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;
            background:currentColor;
        }
        &:hover {
            &:after {
                width:100%;
                left:0;
                right:auto;
            }
        }
    }
}


.opal-login-form-ajax {
    &.loading {
        &:after {
            z-index: 10;
            position: absolute;
            top: 50%;
            margin: -15px auto 0;
            left: 0;
            right: 0;
        }
        &:before {
            content: "";
            display: block;
            @include size(50px, 50px);
            z-index: 10;
            position: absolute;
            top: 50%;
            margin: -25px auto 0;
            left: 0;
            right: 0;
            background: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
    }
}
.elementor-widget-opal-account {
    .login-form-head {
        padding-bottom: $grid-gutter-width/2;
        .login-form-title{
            font-weight: 600;
            color: $primary;
            text-transform: uppercase;
        }

        .register-link{
            font-weight: 400;
            color: $secondary;
            text-transform: uppercase;
        }
    }
    .login-form-bottom {
        padding-top: $grid-gutter-width/3;
    }
}

.account-popup {
    width: 400px;
    margin:$grid-gutter-width auto;
    padding: $grid-gutter-width;
    background: $white;

}