/* Tự Động Đổi Ngôn Ngữ — giao diện nút chọn ngôn ngữ */
.tdnn-switcher{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.3;position:relative;vertical-align:middle}
.tdnn-switcher ul{list-style:none;margin:0;padding:0}
.tdnn-switcher li{margin:0;padding:0}
.tdnn-switcher li::before{display:none}
.tdnn-switcher a{text-decoration:none;color:inherit}
.tdnn-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);display:inline-block;flex:none}
.tdnn-label{opacity:.8}

/* Dropdown */
.tdnn-dd{position:relative}
.tdnn-dd-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#222;font:inherit;cursor:pointer;line-height:1.3}
.tdnn-dd-toggle:hover{border-color:rgba(0,0,0,.3)}
.tdnn-dd-current{display:inline-flex;align-items:center;gap:8px}
.tdnn-caret{font-size:11px;opacity:.6;transition:transform .15s}
.tdnn-dd.tdnn-open .tdnn-caret{transform:rotate(180deg)}
.tdnn-dd-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-height:320px;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:99999;padding:4px!important}
.tdnn-dd.tdnn-open .tdnn-dd-menu{display:block}
.tdnn-dd-menu a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:5px;white-space:nowrap;color:#222!important}
.tdnn-dd-menu a:hover{background:rgba(0,0,0,.05)}
.tdnn-dd-menu a.tdnn-active{background:rgba(0,115,170,.1);font-weight:600}

/* Danh sách & cờ */
.tdnn-list{display:flex;flex-wrap:wrap;gap:6px}
.tdnn-danh-sach .tdnn-opt{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;border:1px solid transparent}
.tdnn-danh-sach .tdnn-opt:hover{border-color:rgba(0,0,0,.15)}
.tdnn-danh-sach .tdnn-opt.tdnn-active{border-color:currentColor;font-weight:600}
.tdnn-co .tdnn-opt{display:inline-flex;padding:3px;border-radius:4px;opacity:.65;transition:opacity .15s,transform .15s}
.tdnn-co .tdnn-opt:hover{opacity:1;transform:translateY(-1px)}
.tdnn-co .tdnn-opt.tdnn-active{opacity:1;box-shadow:0 0 0 2px currentColor}
.tdnn-co .tdnn-flag{width:26px;height:19px}