/* LionVoice chrome — oval selects, language chips, attach buttons, themed scrollbars */

:root{
  --lv-chrome-ink:#394153;
  --lv-chrome-muted:#666666;
  --lv-chrome-cyan:#0dd7f7;
  --lv-chrome-cyan-dark:#0abfdc;
  --lv-chrome-magenta:#c45cff;
  --lv-chrome-line:rgba(57,65,83,.16);
  --lv-chrome-glass:rgba(255,255,255,.94);
}

html{
  scrollbar-width:thin;
  scrollbar-color:#0dd7f7 rgba(13,215,247,.12);
}
*{scrollbar-width:thin;scrollbar-color:#0dd7f7 rgba(13,215,247,.12)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{
  background:rgba(13,215,247,.08);
  border-radius:99px;
}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#0dd7f7 0%,#c45cff 100%);
  border-radius:99px;
  border:2px solid rgba(232,249,252,.9);
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0abfdc,#b24ef0)}
::-webkit-scrollbar-corner{background:transparent}

html[data-template='dark']{
  scrollbar-color:#0dd7f7 rgba(255,255,255,.08);
}
html[data-template='dark'] ::-webkit-scrollbar-track{background:rgba(255,255,255,.06)}
html[data-template='dark'] ::-webkit-scrollbar-thumb{
  border-color:rgba(20,22,28,.9);
}

.lv-native-hidden{
  position:absolute !important;
  width:1px !important;height:1px !important;
  padding:0 !important;margin:-1px !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;border:0 !important;
  opacity:0 !important;pointer-events:none !important;
}

.lv-nice{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  max-width:100%;
  vertical-align:middle;
}
.lv-nice--block, label.f + .lv-nice, .card .lv-nice, form > .lv-nice{
  display:flex;width:100%;max-width:100%;
}

.lv-nice-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100%;
  min-height:42px;
  padding:.65rem 1rem .65rem 1.05rem !important;
  border-radius:999px !important;
  border:1px solid var(--lv-chrome-line) !important;
  background:#fff !important;
  color:var(--lv-chrome-ink) !important;
  font-family:"Manrope",system-ui,sans-serif !important;
  font-size:.92rem !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(12,18,32,.05);
  transition:.18s ease;
}
.lv-nice-btn:hover{
  border-color:rgba(13,215,247,.55) !important;
  box-shadow:0 0 0 3px rgba(13,215,247,.14);
}
.lv-nice.is-open .lv-nice-btn{
  border-color:var(--lv-chrome-cyan) !important;
  box-shadow:0 0 0 3px rgba(13,215,247,.18);
}
.lv-nice-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.lv-nice-caret{
  flex:0 0 auto;
  width:8px;height:8px;
  border-right:2px solid var(--lv-chrome-cyan-dark);
  border-bottom:2px solid var(--lv-chrome-cyan-dark);
  transform:rotate(45deg) translate(-2px,-2px);
  margin-left:6px;
}
.lv-nice.is-open .lv-nice-caret{transform:rotate(-135deg) translate(-1px,-1px)}

.lv-nice-menu{
  display:none;
  position:absolute;
  left:0;right:0;
  top:calc(100% + 8px);
  z-index:80;
  padding:8px;
  max-height:280px;
  overflow:auto;
  background:var(--lv-chrome-glass);
  border:1px solid rgba(13,215,247,.38);
  border-radius:22px;
  box-shadow:0 18px 48px rgba(12,18,32,.16);
  backdrop-filter:blur(16px);
}
.lv-nice.is-open .lv-nice-menu{display:flex;flex-direction:column;gap:4px}

.lv-nice-opt{
  appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-height:36px;
  padding:.55rem .95rem !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--lv-chrome-ink) !important;
  font-family:"Manrope",system-ui,sans-serif !important;
  font-size:.88rem !important;
  font-weight:650 !important;
  text-align:left !important;
  cursor:pointer;
  box-shadow:none !important;
}
.lv-nice-opt:hover{
  background:rgba(13,215,247,.12) !important;
  color:var(--lv-chrome-ink) !important;
}
.lv-nice-opt.is-on{
  background:linear-gradient(135deg,rgba(13,215,247,.22),rgba(196,92,255,.14)) !important;
  color:var(--lv-chrome-ink) !important;
  border:1px solid rgba(13,215,247,.35) !important;
}

/* Language: oval chip grid, portaled to body (not Windows list, not rotated with the rail) */
.lv-lang-wrap{position:relative;display:inline-flex;align-items:center;margin-right:12px}
.lv-lang-btn{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:32px;
  padding:0 14px 0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(57,65,83,.2) !important;
  background:#fff !important;
  color:var(--lv-chrome-ink) !important;
  font-family:"Manrope",sans-serif !important;
  font-weight:800 !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  cursor:pointer;
  box-shadow:none !important;
}
.lv-lang-btn:hover{border-color:var(--lv-chrome-cyan) !important;color:var(--lv-chrome-cyan-dark) !important}
.lv-lang-btn .lv-nice-caret{width:6px;height:6px;margin:0}

.lv-lang-menu{
  display:none;
  position:fixed;
  z-index:100000;
  grid-template-columns:repeat(4,minmax(72px,1fr));
  gap:8px;
  padding:14px;
  min-width:340px;
  max-height:min(70vh, 440px);
  overflow-y:auto;
  background:var(--lv-chrome-glass);
  border:1px solid rgba(13,215,247,.4);
  border-radius:28px;
  box-shadow:0 22px 60px rgba(12,18,32,.2);
  backdrop-filter:blur(18px);
}
.lv-lang-menu.is-open{display:grid}

.lv-lang-chip{
  appearance:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  min-height:58px;
  padding:8px 6px !important;
  border-radius:999px !important;
  border:1px solid rgba(57,65,83,.14) !important;
  background:#fff !important;
  color:var(--lv-chrome-ink) !important;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(12,18,32,.05) !important;
  font-family:"Manrope",sans-serif !important;
}
.lv-lang-chip:hover{
  border-color:rgba(13,215,247,.55) !important;
  background:rgba(13,215,247,.08) !important;
}
.lv-lang-chip.is-on{
  background:linear-gradient(135deg,rgba(13,215,247,.28),rgba(196,92,255,.16)) !important;
  border-color:var(--lv-chrome-cyan) !important;
}
.lv-lang-chip .s{
  font-weight:900;letter-spacing:.1em;font-size:13px;color:var(--lv-chrome-cyan-dark);
}
.lv-lang-chip .n{font-size:10px;font-weight:650;color:var(--lv-chrome-muted);letter-spacing:0}

html[data-template='dark'] .lv-nice-btn,
html[data-template='dark'] .lv-lang-btn,
html[data-template='dark'] .lv-lang-chip,
html[data-template='dark'] .lv-nice-menu,
html[data-template='dark'] .lv-lang-menu{
  background:#14161c !important;
  color:#e4e1da !important;
  border-color:rgba(255,255,255,.14) !important;
}
html[data-template='dark'] .lv-nice-opt{color:#e4e1da !important}
html[data-template='dark'] .lv-lang-chip .n{color:rgba(228,225,218,.55)}

/* Mobile: language oval in the top header (left rail is hidden) */
@media only screen and (max-width:767px){
  .header-v-three .social-links{
    display:flex !important;
    transform:none !important;
    position:absolute !important;
    left:auto !important;right:86px !important;bottom:auto !important;top:18px !important;
    padding:0;margin:0;flex-wrap:nowrap;align-items:center;
  }
  .header-v-three .social-links::before,
  .header-v-three .social-links > a{display:none !important}
  .header-v-three .lv-lang-wrap{margin:0}
}

/* Attach / choose-file */
.lv-attach{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  vertical-align:middle;
}
.lv-attach-btn{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:.65rem 1.15rem !important;
  border-radius:999px !important;
  border:1px solid rgba(13,215,247,.45) !important;
  background:linear-gradient(135deg,rgba(13,215,247,.16),rgba(196,92,255,.1)) !important;
  color:var(--lv-chrome-ink) !important;
  font-family:"Poppins","Manrope",sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(13,215,247,.12) !important;
  transition:.18s ease;
}
.lv-attach-btn:hover{
  background:var(--lv-chrome-cyan) !important;
  color:#0c1220 !important;
  border-color:var(--lv-chrome-cyan) !important;
}
.lv-attach-btn svg{width:16px;height:16px;flex:0 0 auto}
.lv-attach-name{
  color:var(--lv-chrome-muted);
  font-size:.85rem;
  font-weight:650;
  max-width:220px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html[data-template='dark'] .lv-attach-btn{
  color:#e4e1da !important;
  background:rgba(13,215,247,.12) !important;
}
