/* =====================================================================
   assets/css/lang.css  -  Taalknop (NL / EN) in de header
   Zelfde vorm als de menu-items, links naast "Client Login".
   ===================================================================== */
.lang-switch{position:relative;display:inline-block;margin-right:10px;vertical-align:middle;font-family:inherit}
.lang-switch>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:10px;border:1px solid #E2E0EC;background:#fff;color:#111827;font-size:14px;font-weight:600;cursor:pointer;user-select:none;transition:border-color .15s,box-shadow .15s}
.lang-switch>summary::-webkit-details-marker{display:none}
.lang-switch>summary:hover{border-color:#C9BEF5}
.lang-switch[open]>summary{border-color:#B9A8F7;box-shadow:0 0 0 3px rgba(110,77,255,.12)}
.lang-switch>summary:focus{outline:none}
.lang-switch>summary:focus-visible{outline:3px solid rgba(110,77,255,.4);outline-offset:2px}
.lang-flag{display:inline-flex;width:20px;height:14px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
.lang-caret{color:#6B7280;transition:transform .15s}
.lang-switch[open] .lang-caret{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:300;min-width:170px;padding:6px;background:#fff;border:1px solid #E2E0EC;border-radius:12px;box-shadow:0 18px 36px -16px rgba(17,24,39,.3)}
.lang-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#111827;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.lang-opt:hover{background:#F6F4FD}
.lang-opt.is-on{background:#F3EFFE;color:#5B4BDB;font-weight:700}
.lang-opt.is-on::after{content:"";width:5px;height:9px;margin-left:auto;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
.lp-bar-right{display:flex;align-items:center}
@media (max-width:860px){
  .lang-switch{margin-right:8px}
  .lang-switch>summary{height:36px;padding:0 10px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.lang-switch>summary,.lang-caret{transition:none}}