/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 11 2026 | 13:30:20 */
/* ========================================
   SMARTPRO LANGUAGE SWITCHER — CLEAN
======================================== */

/* Container tiap bahasa */
.lsep-lang-item {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 2px !important;
}

/* Link bahasa */
.lsep-lang-item a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    height: 32px !important;
    padding: 0 9px !important;

    border: 1px solid transparent !important;
    border-radius: 7px !important;

    opacity: 0.45 !important;
    line-height: 1 !important;

    transition:
        all 0.2s ease !important;
}

/* Ukuran flag */
.lsep-lang-item a img {
    width: 24px !important;
    height: auto !important;
    display: block !important;
}

/* ========================================
   ACTIVE — INDONESIA
======================================== */

html[lang^="id"] .lsep-lang-item a:not([href*="/en/"]) {
    opacity: 1 !important;

    background: rgba(11, 111, 164, 0.08) !important;
    border-color: rgba(11, 111, 164, 0.22) !important;

    color: #0B6FA4 !important;
    font-weight: 600 !important;
}


/* ========================================
   ACTIVE — ENGLISH
======================================== */

html[lang^="en"] .lsep-lang-item a[href*="/en/"] {
    opacity: 1 !important;

    background: rgba(11, 111, 164, 0.08) !important;
    border-color: rgba(11, 111, 164, 0.22) !important;

    color: #0B6FA4 !important;
    font-weight: 600 !important;
}


/* ========================================
   HOVER
======================================== */

.lsep-lang-item a:hover {
    opacity: 1 !important;
    background: rgba(11, 111, 164, 0.05) !important;
}


/* ========================================
   REMOVE EXTRA PSEUDO ELEMENT
======================================== */

.lsep-lang-item a::after {
    content: none !important;
}

.lsep-lang-item a {
    font-size: 17px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    gap: 8px !important;
}