/* ===============================
   Floating Contact - Imperial Dalat
================================== */

.floating-contact{
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99;

    display: flex;
    align-items: center;

    overflow: hidden;

    border-radius: 12px 0 0 0;

    box-shadow: 0 8px 25px rgba(0,0,0,.18);
}

/* Button */

.floating-contact a{
    min-width: 95px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #b28a4f;
    color: #fff !important;

    text-decoration: none;
    text-transform: uppercase;

    font-family: "SVN-Gotham", sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;

    border-right: 1px solid rgba(255,255,255,.15);

    transition: all .3s ease;
}

/* Bỏ viền nút cuối */

.floating-contact a:last-child{
    border-right: none;
}

/* Hover */

.floating-contact a:hover{
    background: #c89d5a;
    color: #fff;
}
@media (min-width: 992px){
    #btn-language{
        display:none;
    }
}

/* Active */

.floating-contact a:active{
    background:#a47a41;
}

/* Mobile */

@media(max-width:991px){

    .floating-contact{
        right:0;
        bottom:0;
        width:100%;
        border-radius:0;
    }

    .floating-contact a{
        flex:1;
        min-width:auto;
        height:48px;
        font-size:10px;
        letter-spacing:1px;
    }

}
.header-action{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:25px;
}

.language-dropdown{
    position:relative;
    display:inline-block;
}

.language-current{
    color:#fff;
    font-size:15px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
    height:48px;
    transition:.3s;
}

.language-current:hover{
    color:#d8b06b;
}

.language-current .arrow{
    font-size:10px;
}

.language-menu{
    position:absolute;
    top:100%;
    right:0;

    min-width:180px;
    padding:10px 0;

    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.15);

    list-style:none;

    display:none;

    z-index:9999;
}

.language-dropdown:hover .language-menu{
    display:block;
}

.language-menu li{
    margin:0;
}

.language-menu a{
    display:block;
    padding:10px 18px;
    color:#222;
    text-decoration:none;
    transition:.25s;
}

.language-menu a:hover{
    background:#f5f5f5;
    color:var(--main-color);
}
#mobile-language-popup{
    position:fixed;
    right:15px;
    bottom:70px;

    width:180px;

    background:#fff;

    border-radius:10px;

    box-shadow:0 8px 30px rgba(0,0,0,.18);

    overflow:hidden;

    display:none;

    z-index:99999;
}

#mobile-language-popup a{
    display:block;

    padding:12px 16px;

    color:#333;

    text-decoration:none;

    border-bottom:1px solid #eee;

    font-size:14px;
}

#mobile-language-popup a:last-child{
    border-bottom:none;
}

#mobile-language-popup a:hover{
    background:#f7f7f7;
    color:var(--main-color);
}
.popup-ngonngu{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}