/* ==========================================
   ULTRAKIT LANGUAGE SWITCHER
   ========================================== */
.ultrakit-lgs-wrapper { --lgs-a: #6c5ce7; --lgs-r: 14px; --lgs-bg: #ffffff; --lgs-tx: #1a1a2e; --lgs-mu: #6b6b85; --lgs-bd: #e6e6f0; display: flex; width: 100%; box-sizing: border-box; font-family: inherit; }
.ultrakit-lgs-wrapper *, .ultrakit-lgs-wrapper *::before, .ultrakit-lgs-wrapper *::after { box-sizing: border-box; }
.lgs-al-center { justify-content: center; } .lgs-al-right { justify-content: flex-end; }
.lgs-skin-dark { --lgs-bg: #17172d; --lgs-tx: #ffffff; --lgs-mu: #a9a9cb; --lgs-bd: rgba(255,255,255,0.1); }
.lgs-skin-glass { --lgs-bg: rgba(255,255,255,0.65); --lgs-bd: rgba(255,255,255,0.75); }
.ultrakit-lgs-flag { font-size: 20px; line-height: 1; }
.ultrakit-lgs-flagimg { width: 22px; height: 16px; object-fit: cover; border-radius: 3px; display: block; }
.ultrakit-lgs-name { font-size: 14px; font-weight: 700; white-space: nowrap; }
ul.ultrakit-lgs-row, ul.ultrakit-lgs-menu { list-style: none; margin: 0; padding: 0; }
.ultrakit-lgs-link { display: inline-flex; align-items: center; gap: 9px; color: var(--lgs-tx) !important; text-decoration: none !important; transition: all 0.2s ease; }

/* dropdown */
.ultrakit-lgs-dd { position: relative; }
.ultrakit-lgs-toggle { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px !important; box-sizing: border-box; background: var(--lgs-bg); color: var(--lgs-tx) !important; border: 1.5px solid var(--lgs-bd); border-radius: var(--lgs-r); font-family: inherit; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.ultrakit-lgs-toggle:hover, .is-open .ultrakit-lgs-toggle { border-color: var(--lgs-a); box-shadow: 0 8px 22px color-mix(in srgb, var(--lgs-a) 18%, transparent); }
.ultrakit-lgs-caret { flex-shrink: 0; width: 14px; height: 14px; margin-left: 2px; transition: transform 0.25s ease; }
.is-open .ultrakit-lgs-caret { transform: rotate(180deg); }
.ultrakit-lgs-menu { position: absolute; z-index: 50; top: calc(100% + 8px); left: 0; min-width: 100%; padding: 6px !important; background: var(--lgs-bg); border: 1.5px solid var(--lgs-bd); border-radius: var(--lgs-r); box-shadow: 0 20px 50px rgba(20,20,50,0.18); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: all 0.22s ease; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.lgs-al-right .ultrakit-lgs-menu { left: auto; right: 0; }
.is-open .ultrakit-lgs-menu { opacity: 1; visibility: visible; transform: none; }
.ultrakit-lgs-menu li { margin: 0; }
.ultrakit-lgs-menu .ultrakit-lgs-link { display: flex; padding: 10px 12px; border-radius: calc(var(--lgs-r) - 4px); }
.ultrakit-lgs-menu .ultrakit-lgs-link:hover { background: color-mix(in srgb, var(--lgs-a) 10%, transparent); color: var(--lgs-a) !important; }
.ultrakit-lgs-menu .is-current { color: var(--lgs-a) !important; background: color-mix(in srgb, var(--lgs-a) 8%, transparent); }

/* rows */
.ultrakit-lgs-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.lgs-st-inline .ultrakit-lgs-link { padding: 6px 10px; color: var(--lgs-mu) !important; border-radius: 8px; }
.lgs-st-inline .ultrakit-lgs-row li + li { position: relative; padding-left: 6px; }
.lgs-st-inline .ultrakit-lgs-row li + li::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: var(--lgs-bd); }
.lgs-st-inline .ultrakit-lgs-link:hover, .lgs-st-inline .is-current { color: var(--lgs-a) !important; }
.lgs-st-inline .is-current .ultrakit-lgs-name { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.lgs-st-pills .ultrakit-lgs-link { padding: 9px 16px; background: var(--lgs-bg); border: 1.5px solid var(--lgs-bd); border-radius: 40px; }
.lgs-st-pills .ultrakit-lgs-link:hover { border-color: var(--lgs-a); color: var(--lgs-a) !important; transform: translateY(-2px); }
.lgs-st-pills .is-current { background: linear-gradient(135deg, var(--lgs-a), color-mix(in srgb, var(--lgs-a) 60%, #00cec9)); border-color: transparent; color: #ffffff !important; box-shadow: 0 10px 22px color-mix(in srgb, var(--lgs-a) 32%, transparent); }
.lgs-st-segmented .ultrakit-lgs-row { gap: 0; padding: 4px; background: var(--lgs-bg); border: 1.5px solid var(--lgs-bd); border-radius: var(--lgs-r); }
.lgs-st-segmented .ultrakit-lgs-link { padding: 9px 16px; border-radius: calc(var(--lgs-r) - 4px); color: var(--lgs-mu) !important; }
.lgs-st-segmented .ultrakit-lgs-link:hover { color: var(--lgs-a) !important; }
.lgs-st-segmented .is-current { background: var(--lgs-a); color: #ffffff !important; box-shadow: 0 6px 16px color-mix(in srgb, var(--lgs-a) 35%, transparent); }
.lgs-st-flags .ultrakit-lgs-row { gap: 10px; }
.lgs-st-flags .ultrakit-lgs-link { justify-content: center; width: 46px; height: 46px; padding: 0; background: var(--lgs-bg); border: 2px solid var(--lgs-bd); border-radius: 50%; filter: grayscale(0.6); opacity: 0.8; }
.lgs-st-flags .ultrakit-lgs-link:hover { filter: none; opacity: 1; transform: translateY(-3px) scale(1.06); }
.lgs-st-flags .is-current { filter: none; opacity: 1; border-color: var(--lgs-a); box-shadow: 0 0 0 4px color-mix(in srgb, var(--lgs-a) 18%, transparent); }
.lgs-st-flags .ultrakit-lgs-name { display: none; } .lgs-st-flags .ultrakit-lgs-flag { font-size: 24px; }