/* =========================================================
   KOOTELA LANGUAGE SELECTOR
   ========================================================= */


/* =========================================================
   GOOGLE TRANSLATE
   ========================================================= */

#google_translate_element {
    display: none !important;
}

.skiptranslate {
    display: none !important;
}

.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.goog-te-gadget-simple {
    display: none !important;
}

#goog-gt-vt {
    display: none !important;
}

body {
    top: 0 !important;
}


/* =========================================================
   EXISTING FILE INFO
   ========================================================= */

.file-info {
    margin-top: 5px;
    font-size: 0.9em;
    color: #888;
}

.file-info .limits {
    color: #333;
}


/* =========================================================
   FLAG ICON
   ========================================================= */

.flag-icon {
    display: inline-block;
    transition: transform 0.2s ease;
}

.flag-icon:hover {
    transform: scale(1.05);
}


/* =========================================================
   MAIN LANGUAGE SELECTOR
   ========================================================= */

.klog-language {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}


/* =========================================================
   CURRENT LANGUAGE FLAG
   ========================================================= */

.klog-language .language-globe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   SELECTED LANGUAGE CODE
   ========================================================= */

.klog-language #selectedLanguage {
    display: inline-block;
    line-height: 1;
}


/* =========================================================
   LANGUAGE ARROW
   ========================================================= */

.klog-language .language-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.klog-language .language-arrow i {
    transition: transform 0.2s ease;
}


/* =========================================================
   ARROW ROTATION
   ========================================================= */

.klog-language.open .language-arrow i {
    transform: rotate(180deg);
}


/* =========================================================
   LANGUAGE DROPDOWN
   ========================================================= */

.klog-language .language-dropdown {
    position: absolute;

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

    min-width: 205px;

    padding: 6px 0;

    background: #ffffff;

    border: 1px solid rgba(2, 71, 76, 0.12);

    border-radius: 8px;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.12);

    display: none;

    z-index: 9999;
}


/* =========================================================
   OPEN DROPDOWN
   ========================================================= */

.klog-language.open .language-dropdown {
    display: block;
}


/* =========================================================
   LANGUAGE OPTION
   ========================================================= */

.klog-language .language-dropdown a {
    display: flex;

    align-items: center;

    gap: 10px;

    padding: 10px 15px;

    color: #393939;

    text-decoration: none;

    font-size: 13px;

    font-weight: 500;

    white-space: nowrap;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}


/* =========================================================
   LANGUAGE OPTION HOVER
   ========================================================= */

.klog-language .language-dropdown a:hover {
    background: #f1f5f5;
    color: #02474c;
}


/* =========================================================
   DROPDOWN FLAGS
   ========================================================= */

.klog-language .language-dropdown .flag-icon {
    flex-shrink: 0;
}