.pnbyw-alih-bahasa-widget,
.widget_pnbyw_alih_bahasa{
    width:100%;
    background:#fff !important;
    border:.5px solid #e2e4e8 !important;
    border-radius:9px !important;
    overflow:visible !important;
    margin:0 0 14px !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.pnbyw-alih-bahasa-head{
    background:linear-gradient(135deg,#9a2109,#c0300f) !important;
    padding:10px 14px !important;
    border-radius:9px 9px 0 0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}


.pnbyw-alih-bahasa-title{
    margin:0 !important;
    padding:0 !important;
    font-size:.80rem !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#fff !important;
    letter-spacing:.01em !important;
    text-transform:uppercase !important;
}

.pnbyw-alih-bahasa-body{
    padding:12px 16px 14px !important;
    background:#fff !important;
    position:relative !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    border-radius:0 0 9px 9px !important;
}

.pnbyw-alih-bahasa-widget,
.widget_pnbyw_alih_bahasa,
.pnbyw-alih-bahasa-body,
.pnbyw-lang-wrap{
    overflow:visible !important;
}

.pnbyw-lang-wrap{
    position:relative;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box;
    font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
    font-size:13px;
    overflow:visible !important;
}

.pnbyw-lang-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:44px;
    margin:0 !important;
    padding:9px 12px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    box-sizing:border-box;
    cursor:pointer;
    gap:10px;
    font:inherit;
    color:#1f2937;
    text-align:left;
    appearance:none;
    -webkit-appearance:none;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.pnbyw-lang-trigger:hover,
.pnbyw-lang-trigger:focus,
.pnbyw-lang-wrap.is-open .pnbyw-lang-trigger{
    border-color:#9a2109;
    background:#fff;
    box-shadow:0 0 0 3px rgba(154,33,9,.08);
    outline:none;
}

.pnbyw-lang-current{
    display:flex;
    align-items:center;
    flex:1;
    min-width:0;
    gap:9px;
}

.pnbyw-lang-flag{
    width:24px;
    height:17px;
    display:inline-block;
    object-fit:cover;
    border-radius:3px;
    border:1px solid #dfe3e8;
    flex-shrink:0;
    background:#f9fafb;
}

.pnbyw-lang-label{
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
    color:#1f2937;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.pnbyw-lang-chevron{
    flex-shrink:0;
    color:#6b7280;
    transition:
        transform .22s ease,
        color .22s ease;
}

.pnbyw-lang-wrap.is-open .pnbyw-lang-chevron{
    transform:rotate(180deg);
    color:#9a2109;
}

.pnbyw-lang-list{
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    right:0;
    margin:0 !important;
    padding:6px !important;
    list-style:none;
    background:#fff;
    border:1px solid #ece7e2;
    border-radius:12px;
    box-shadow:0 14px 36px rgba(0,0,0,.14);
    max-height:260px;
    overflow-y:auto;
    overflow-x:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-6px);
    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;
    z-index:999999;
    box-sizing:border-box;
    scrollbar-width:thin;
    scrollbar-color:#d6dae0 transparent;
}

.pnbyw-lang-list::-webkit-scrollbar{
    width:5px;
}

.pnbyw-lang-list::-webkit-scrollbar-track{
    background:transparent;
}

.pnbyw-lang-list::-webkit-scrollbar-thumb{
    background:#d6dae0;
    border-radius:10px;
}

.pnbyw-lang-wrap.is-open .pnbyw-lang-list{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

.pnbyw-lang-item{
    display:flex;
    align-items:center;
    width:100%;
    gap:9px;
    margin:0 !important;
    padding:9px 10px;
    border-radius:9px;
    cursor:pointer;
    color:#374151;
    transition:
        background .18s ease,
        color .18s ease;
    user-select:none;
    box-sizing:border-box;
}

.pnbyw-lang-item:hover,
.pnbyw-lang-item:focus{
    background:rgba(154,33,9,.06);
    color:#9a2109;
    outline:none;
}

.pnbyw-lang-item.is-active{
    background:rgba(154,33,9,.09);
    color:#9a2109;
    font-weight:700;
}

.pnbyw-lang-text{
    display:block;
    flex:1;
    min-width:0;
    font-size:13px;
    font-weight:600;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.pnbyw-lang-check{
    margin-left:auto;
    font-size:13px;
    font-weight:800;
    line-height:1;
    color:#9a2109;
    flex-shrink:0;
}

.goog-te-banner-frame,
.goog-te-balloon-frame,
.goog-te-menu-frame,
.goog-te-gadget,
.goog-te-gadget-icon,
.goog-logo-link,
.skiptranslate,
#goog-gt-tt,
#google_translate_element .goog-te-gadget,
.VIpgJd-ZVi9od-aZ2wEe,
.VIpgJd-ZVi9od-aZ2wEe-OiiCO{
    display:none !important;
    visibility:hidden !important;
}

body{
    top:0 !important;
}

html{
    margin-top:0 !important;
}

iframe.skiptranslate,
iframe[name="translateiframe"]{
    display:none !important;
    visibility:hidden !important;
}

.wp-admin .pnbyw-widget-preview-alih-bahasa,
.wp-admin .pnbyw-widget-preview-alih-bahasa *,
.wp-admin .pnbyw-alih-bahasa-editor-block .pnbyw-editor-safe-preview,
.wp-admin .pnbyw-alih-bahasa-editor-block .pnbyw-editor-safe-preview *{
    pointer-events:none !important;
}

.wp-admin .pnbyw-alih-bahasa-editor-block,
.wp-admin .block-editor-block-list__block{
    pointer-events:auto !important;
}

@media(max-width:768px){

    .pnbyw-alih-bahasa-widget,
    .widget_pnbyw_alih_bahasa{
        margin-bottom:12px !important;
    }

    .pnbyw-alih-bahasa-head{
        padding:10px 14px !important;
    }

    .pnbyw-alih-bahasa-title{
        font-size:.80rem !important;
    }

    .pnbyw-alih-bahasa-body{
        padding:12px 14px !important;
    }

    .pnbyw-lang-trigger{
        min-height:42px;
        padding:9px 11px;
        border-radius:9px;
    }

    .pnbyw-lang-label,
    .pnbyw-lang-text{
        font-size:12.5px;
    }

    .pnbyw-lang-list{
        max-height:240px;
        border-radius:11px;
    }

    .pnbyw-lang-item{
        padding:9px 10px;
        border-radius:8px;
    }

}


@media(max-width:420px){

    .pnbyw-alih-bahasa-body{
        padding:12px 14px !important;
    }

    .pnbyw-lang-trigger{
        min-height:40px;
        padding:8px 10px;
    }

    .pnbyw-lang-flag{
        width:23px;
        height:16px;
    }

    .pnbyw-lang-list{
        max-height:220px;
    }

}