/* =========================================================
   JOM SILAT - LANG TEXT ONLY V109
   Fix BM/BI showing as document icons.
   Do not touch brand/menu layout.
   ========================================================= */

/* Hide any inherited icons inside language switch */
.jms108-lang svg,
.jms108-lang img,
.jms108-lang i,
.jms109-lang svg,
.jms109-lang img,
.jms109-lang i,
.jms108-lang .icon,
.jms109-lang .icon,
.jms108-lang .menu-icon,
.jms109-lang .menu-icon{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
}

/* Final language switch shape */
.jms108-lang,
.jms109-lang{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    width:88px !important;
    min-width:88px !important;
    max-width:88px !important;
    padding:4px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(148,163,184,.22) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

/* Text buttons only */
.jms108-lang a,
.jms109-lang a{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    color:#bfdbfe !important;
    -webkit-text-fill-color:#bfdbfe !important;
    background:rgba(96,165,250,.10) !important;
    border:1px solid rgba(96,165,250,.22) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

/* Force actual text via pseudo elements */
.jms108-lang a,
.jms109-lang a{
    font-size:0 !important;
}

.jms108-lang a[data-lang="bm"]::before,
.jms109-lang a[data-lang="bm"]::before{
    content:"BM" !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.jms108-lang a[data-lang="bi"]::before,
.jms109-lang a[data-lang="bi"]::before{
    content:"BI" !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

/* Active state */
.jms108-lang a.active,
.jms108-lang a[aria-current="page"],
.jms109-lang a.active,
.jms109-lang a[aria-current="page"]{
    background:#163f93 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#6ea3ff !important;
}

/* Profile row: let language switch fit properly */
.jms108-profile-row{
    grid-template-columns:minmax(0,1fr) 88px !important;
    gap:8px !important;
    align-items:center !important;
}

/* Remove leftover older language toggles if they reappear */
.jm93-lang-switch,
.jm95-lang-switch,
.jm97-user-lang,
.jm99-lang-switch,
.jm101-lang-switch,
.jm102-lang-switch,
.jms-v106-lang,
.jm107-lang{
    display:none !important;
}

/* Mobile width */
@media (max-width:390px){
    .jms108-profile-row{
        grid-template-columns:minmax(0,1fr) 82px !important;
        gap:7px !important;
    }

    .jms108-lang,
    .jms109-lang{
        width:82px !important;
        min-width:82px !important;
        max-width:82px !important;
    }

    .jms108-lang a[data-lang="bm"]::before,
    .jms108-lang a[data-lang="bi"]::before,
    .jms109-lang a[data-lang="bm"]::before,
    .jms109-lang a[data-lang="bi"]::before{
        font-size:10px !important;
    }
}

/* Footer build */
.jm85-build{
    font-size:0 !important;
}
.jm85-build::before{
    content:"UI Build V109" !important;
    font-size:11px !important;
}