/* 
^ Styling the drop-down menu for language switcher
* Auther : Fadi Nouh
* URL : https://bluebit.dev
* Repository: https://github.com/bluebits-academy/language-switcher
*/

.logo {
    width: 100px;
}

    .logo img {
        width: 100px;
    }

.lang-menu {
    width: 100px;
    text-align: right;
    position: relative;
}

    .lang-menu .selected-lang {
        display: flex;
        justify-content: center;
        line-height: 2;
        cursor: pointer;
    }

        .lang-menu .selected-lang:before {
            content: '';
            display: inline-block;
            width: 32px;
            height: 32px;
            margin-top: 2px;
            background-image: var(--flag-url, url(https://flagsapi.com/TR/flat/64.png));
            background-size: contain;
            background-repeat: no-repeat;
        }

    .lang-menu ul {
        margin: 0;
        padding: 0;
        display: none;
        background-color: #fff;
        border: 1px solid #f8f8f8;
        position: absolute;
        top: 45px;
        right: 0px;
        width: 125px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
        z-index:9999;
    }


        .lang-menu ul li {
            text-align: left;
            display: flex;
            justify-content: space-between;
        }

            .lang-menu ul li a {
                width: 125px;
                padding: 5px 10px;
                display: block;
            }

            .lang-menu ul li:hover {
                background-color: #f2f2f2;
            }

            .lang-menu ul li a:before {
                content: '';
                display: inline-block;
                width: 25px;
                height: 25px;
                vertical-align: middle;
                margin-right: 10px;
                background-size: contain;
                background-repeat: no-repeat;
            }

.tr:before {
    background-image: url(https://flagsapi.com/TR/flat/64.png);
}

.en:before {
    background-image: url(https://flagsapi.com/GB/flat/64.png);
}