/* Menu ganti bahasa (ID / EN) — dipakai di index, jasa-iklan, dan login */
.lang-switch{position:relative;flex-shrink:0;font-family:inherit}
.lang-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px;border:1px solid #d7e5f2;border-radius:10px;background:#fff;color:#0b2a4a;font-family:inherit;font-size:13.5px;font-weight:700;line-height:1;cursor:pointer;transition:border-color .2s,color .2s}
.lang-btn:hover,.lang-switch.open .lang-btn{border-color:#0a84e6;color:#0a6fc2}
.lang-btn:focus-visible,.lang-opt:focus-visible{outline:2px solid #0a84e6;outline-offset:2px}
.lang-btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lang-btn .chev{width:14px;height:14px;transition:transform .2s}
.lang-switch.open .chev{transform:rotate(180deg)}
.lang-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:196px;padding:6px;background:#fff;border:1px solid #d7e5f2;border-radius:12px;box-shadow:0 18px 40px -14px rgba(11,42,74,.32);z-index:300}
.lang-switch.open .lang-menu{display:block}
.lang-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;color:#0b2a4a;font-family:inherit;font-size:14px;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer}
.lang-opt:hover{background:#e4eff7}
.lang-opt[aria-selected="true"]{color:#0a6fc2;font-weight:800}
.lang-opt[aria-selected="true"]::after{content:"✓"}

/* index.html */
.navbar>.lang-switch{margin-left:-8px}
@media(max-width:790px){
  .navbar{gap:12px}
  .navbar>.lang-switch{margin-left:auto;order:2}
  .navbar>.menu-btn{margin-left:0;order:3}
}

/* jasa-iklan.html */
.nav>.lang-switch{margin-left:14px}
@media(max-width:960px){
  .nav>.lang-switch{margin-left:auto;margin-right:10px}
}

/* layar kecil: tombol lebih ringkas supaya header tidak overflow */
@media(max-width:520px){
  .lang-btn{height:40px;padding:0 9px;gap:5px}
  .lang-btn .chev{display:none}
  .navbar>.brand{flex-shrink:1;min-width:0}
  .nav>.logo{min-width:0}
}

@media(prefers-reduced-motion:reduce){.lang-btn,.lang-btn .chev{transition:none}}