/* ========================================
   MODULE- translateWidget
======================================== */
.translateWidget {display:inline-block; position:relative;}
.translateContent {position:relative;}
.translateBtn {display:flex; align-items:center; padding:8px 12px; border:none; border-radius:8px; background:transparent; color:var(--layout-gray-900); font-size:13px; cursor:pointer; gap:6px;transition:all 0.2s ease;}
.translateBtn:hover {background:var(--layout-dropdown-hover-bg);}
.translateBtn .bx-world {font-size:18px;}
.translateBtn .bx-chevron-down {font-size:16px; transition:transform 0.2s ease;}
.translateDropdown.active + .translateBtn .bx-chevron-down {transform:rotate(180deg);}
.translateDropdown {visibility:hidden; position:absolute; z-index:1000; top:calc(100% + 8px); right:0; min-width:240px; overflow:hidden; border:1px solid var(--layout-dropdown-border); border-radius:12px; background:var(--layout-dropdown-bg); opacity:0; box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); transform:translateY(-10px);transition:all 0.2s ease;}
.translateDropdown.active {visibility:visible; opacity:1; transform:translateY(0);}
.translateHeader {display:flex; align-items:center; padding:12px 16px; border-bottom:1px solid var(--layout-dropdown-border); color:var(--layout-gray-900); font-size:14px; font-weight:600; gap:8px;}
.translateHeader .bx-globe {color:var(--color-prime); font-size:18px;}
.translateList {max-height:320px; padding:8px; overflow-y:auto;}
.translateList::-webkit-scrollbar {width:6px;}
.translateList::-webkit-scrollbar-thumb {border-radius:3px; background:var(--layout-dropdown-border);}
.translateItem {display:flex; align-items:center; width:100%; padding:10px 12px; border:none; border-radius:8px; background:transparent; color:var(--layout-gray-900); font-size:14px; text-align:left; cursor:pointer; gap:12px;transition:all 0.2s ease;}
.translateItem:hover {background:var(--layout-dropdown-hover-bg);}
.translateItem.active {background:var(--layout-gray-200); color:var(--color-prime);}
.translateItem .langIcon {flex-shrink:0; font-size:20px;}
.translateItem .langName {flex:1;}
.translateItem .langCheck {opacity:0; color:var(--color-prime); font-size:18px; transition:opacity 0.2s ease;}
.translateItem.active .langCheck {opacity:1;}
.translateFooter {padding:10px 16px; border-top:1px solid var(--layout-dropdown-border); text-align:center;}
.translateFooter small {color:var(--layout-gray-500); font-size:11px;}
/* 다크모드 대응 */
[data-theme="dark"] .translateDropdown {box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);}