/* Login/Register widget - start
   ========================================================================== */

/* User not logged in */
.eltd-login-register-widget {
    &.eltd-user-not-logged-in {
        position: relative;
        display: inline-block;
        vertical-align: middle;

        .eltd-menu-area & {
            height: 100%;
        }

        .eltd-sidebar & {
            width: 100%;
        }

        .eltd-login-opener {

            /* Top bar */
            .eltd-top-bar & {
                color: #fff;
                font-weight: 700;
                text-transform: uppercase;

            }

            /* Menu area */
            .eltd-menu-area & {
                color: #9c9c9c;
                font-size: 12px;
                line-height: 23px;
                margin: 0 10px;
                font-weight: 600;
                text-transform: uppercase;
                position: relative;
                display: inline-block;
                top: 50%;
                transform: translateY(-50%);
                &:hover {
                    color: #000;
                }
            }

            .eltd-dark-header .eltd-menu-area:not(.fixed):not(.eltd-sticky-header) & {
                color: #000 !important;
                &:hover {
                    color: rgba(0, 0, 0, .8);
                }
            }

            .eltd-light-header .eltd-menu-area:not(.fixed):not(.eltd-sticky-header) & {
                color: #fff !important;
                &:hover {
                    color: rgba(255, 255, 255, .8);
                }
            }

            /* Sidebar */
            .eltd-sidebar & {
                color: #000;
                font-size: 13px;
                font-weight: 500;
                text-transform: uppercase;
                &:hover {
                    color: #ffec13;
                }
            }

            /* Footer */
            footer & {
                color: #000;
                font-size: 13px;
                font-weight: 500;
                text-transform: uppercase;
                &:hover {
                    color: #ffec13;
                }
            }

            /* Side area */
            .eltd-side-menu & {
                color: #000;
                font-size: 13px;
                font-weight: 500;
                text-transform: uppercase;
                &:hover {
                    color: #ffec13;
                }
            }
        }
    }
}

/* User logged in */

.eltd-login-register-widget {
    &.eltd-user-logged-in {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 100%;

        .eltd-logged-in-user {
            .eltd-logged-in-user-inner{
                & > span {
                    img {
                        display: inline-block;
                        vertical-align: middle;
                        width: 23px;
                        height: 23px;
                        margin: 0 5px 0 0;
                        border-radius: 100%;
                    }
                }
            }
        }

        .eltd-logged-in-user-name {
            color: #fff;
            font-size: 12px;
            display: inline-block;
            margin-top: 2px;
            font-weight: 700;
            text-transform: uppercase;
        }

        /* Top bar and menu area dropdown position */
        .eltd-menu-area &,
        .eltd-top-bar & {
            .eltd-login-dropdown {
                position: absolute;
                top: calc(100% + 5px);
                margin: 0;
                left: 0;
                opacity: 0;
                list-style-type: none;
                text-align: left;
                padding: 0;
                width: 120px;
                box-sizing: border-box;
                visibility: hidden;
                z-index: 100;
                @include eltdTransition(opacity 0.5s ease);

                li {
                    padding: 0;
                    margin: 0;
                    line-height: 1em;

                    a {
                        display: block;
                        position: relative;
                        @include eltdTransition(color 0.3s ease);
                    }
                }
            }

            &:hover .eltd-login-dropdown {
                visibility: visible;
                opacity: 1;
            }
        }

        /* Menu area style */
        .eltd-menu-area & {
            cursor: pointer;
            /* User part */
            .eltd-logged-in-user {
                height: 100%;
                display: table;
                vertical-align: middle;

                .eltd-logged-in-user-inner {
                    display: table-cell;
                    vertical-align: middle;
                    height: 100%;
                    & > span {
                        color: #9c9c9c;
                        font-size: 13px;
                        line-height: 23px;
                        margin: 0 10px;
                        font-weight: 600;
                        text-transform: uppercase;
                    }
                }
            }
            &:hover {
                .eltd-logged-in-user {
                    .eltd-logged-in-user-inner {
                        & > span {
                            color: #000;
                        }
                    }
                }
            }

            /* Dropdown part */
            .eltd-login-dropdown {
                background-color: #fff;

                li {
                    a {
                        font-size: 13px;
                        line-height: 23px;
                        font-weight: 600;
                        color: #9c9c9c;
                        padding: 5px 20px;
                        &:hover {
                            color: #000;
                        }
                    }
                }
            }

            &:hover .eltd-login-dropdown {
                visibility: visible;
                opacity: 1;
            }
        }

        .eltd-dark-header .eltd-menu-area:not(.fixed):not(.eltd-sticky-header) & {
            .eltd-logged-in-user {
                .eltd-logged-in-user-inner {
                    & > span span,
                    & > span i {
                        color: #000 !important;
                        &:hover {
                            color: rgba(0, 0, 0, .8);
                        }
                    }
                }
            }
        }

        .eltd-light-header .eltd-menu-area:not(.fixed):not(.eltd-sticky-header) & {
            .eltd-logged-in-user {
                .eltd-logged-in-user-inner {
                    & > span span,
                    & > span i {
                        color: #fff !important;
                        &:hover {
                            color: rgba(#fff, .8);
                        }
                    }
                }
            }
        }

        /* Top bar style */
        .eltd-top-bar & {
            cursor: pointer;
            /* User part */
            .eltd-logged-in-user {
                height: 100%;
                .eltd-logged-in-user-inner {
                    height: 100%;
                    & > span {
                        display: block;
                        position: relative;
                        top: 50%;
                        @include eltdTransform(translateY(-50%));
                        color: #fff;
                        font-weight: 500;
                        line-height: 20px;
                        text-transform: uppercase;
                    }
                }
            }

            /* Dropdown part */
            .eltd-login-dropdown {
                background-color: #212121;
                padding: 15px 0;
                top: 100%;
                li {
                    a {
                        color: #fff;
                        font-weight: 700;
                        font-size: 12px;
                        text-transform: uppercase;
                        padding: 8px 20px;
                        &:hover {
                            color: #fff
                        }
                    }
                }
            }

            &:hover .eltd-login-dropdown {
                visibility: visible;
                opacity: 1;
            }
        }

        /* Sidebar style */
        .eltd-sidebar & {
            .eltd-logged-in-user {
                .eltd-logged-in-user-inner {
                    padding-bottom: 3px;
                    border-bottom: 1px solid $default-border-color;
                    & > span {
                        color: #000;
                        font-size: 13px;
                        font-weight: 500;
                        text-transform: uppercase;
                        i {
                            display: none;
                        }
                    }
                }
            }
        }

        /* Footer style */
        footer & {
            height: auto;
            .eltd-logged-in-user {
                .eltd-logged-in-user-inner {
                    padding-bottom: 3px;
                    border-bottom: 1px solid $default-border-color;
                    & > span {
                        color: #000;
                        font-size: 13px;
                        font-weight: 500;
                        text-transform: uppercase;
                        i {
                            display: none;
                        }
                    }
                }
            }
        }

        /* Sidearea style */
        .eltd-side-menu & {
            height: auto;
            .eltd-logged-in-user {
                .eltd-logged-in-user-inner {
                    padding-bottom: 3px;
                    border-bottom: 1px solid $default-border-color;
                    & > span {
                        color: #666;
                        font-size: 13px;
                        font-weight: 500;
                        text-transform: uppercase;
                        i {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}

/* Login/Register widget - end
   ========================================================================== */