/* LANGUAGE SWITCHER */

.language-switcher {
    position: relative;
    display: inline-block;
    margin-left: 25px;
    z-index: 9999;
}


/* BUTTON */

.language-toggle {
    display: flex !important;
    align-items: center;
    gap: 7px;

    border: none;
    background: transparent;

    color: #fff;

    padding: 10px 5px;

    cursor: pointer;
}


/* DROPDOWN */

.language-dropdown {
    position: absolute;

    top: calc(100% + 5px);
    right: 0;

    width: 160px;

    padding: 6px;

    background: #fff;

    border-radius: 8px;

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

    opacity: 0;
    visibility: hidden;

    transform: translateY(8px);

    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;

    z-index: 99999;
}


/* HOVER */

.language-switcher:hover .language-dropdown {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}


/* LANGUAGE BUTTON */

.language-dropdown button {

    width: 100%;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 10px 12px;

    border: none;

    background: transparent;

    color: #222;

    text-align: left;

    cursor: pointer;

    border-radius: 5px;

}


/* HOVER LANGUAGE */

.language-dropdown button:hover {

    background: #f2f2f2;

}

/* =========================================
   HIDE GOOGLE TRANSLATE DEFAULT UI
   ========================================= */

/* Sembunyikan bar Google Translate di paling atas */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

/* Google kadang memberikan jarak atas ke body */
body {
    top: 0 !important;
}

/* Sembunyikan widget Google Translate asli */
#google_translate_element {
    display: none !important;
}

/* Sembunyikan elemen gadget Google */
.goog-te-gadget {
    display: none !important;
}

/* Sembunyikan logo/teks Google Translate */
.goog-logo-link,
.goog-te-gadget-icon {
    display: none !important;
}