#nnt-widget,#nnt-widget *{box-sizing:border-box}
#nnt-widget{
--nnt-size:56px;--nnt-bottom:95px;--nnt-right:24px;--nnt-widget-x:0px;--nnt-widget-y:0px;--nnt-panel-gap:14px;
--nnt-bg:#49e670;--nnt-icon:#fafafa;--nnt-icon-size:46%;--nnt-border-width:0px;--nnt-radius:50%;
--nnt-shadow:0 6px 20px rgba(0,0,0,.18);--nnt-shine-speed:6s;--nnt-ring-opacity:.28;--nnt-glass-opacity:.20;
position:fixed!important;right:var(--nnt-right)!important;bottom:var(--nnt-bottom)!important;
transform:translate(var(--nnt-widget-x),var(--nnt-widget-y))!important;
z-index:2147483000!important;width:var(--nnt-size);height:var(--nnt-size);
margin:0!important;padding:0!important;direction:ltr!important;font-family:Arial,Helvetica,sans-serif!important}
#nnt-widget [hidden]{display:none!important}

#nnt-toggle{
position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
width:var(--nnt-size)!important;height:var(--nnt-size)!important;min-width:var(--nnt-size)!important;min-height:var(--nnt-size)!important;
margin:0!important;padding:0!important;border:var(--nnt-border-width) solid rgba(255,255,255,.34)!important;
border-radius:50%!important;background:var(--nnt-bg)!important;color:var(--nnt-icon)!important;
box-shadow:var(--nnt-shadow)!important;cursor:pointer!important;overflow:hidden!important;appearance:none!important;
-webkit-appearance:none!important;line-height:1!important;outline:0!important;transition:transform .16s ease!important;
isolation:isolate!important;transform:translateZ(0)!important;
clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
-webkit-mask-image:radial-gradient(circle,#000 98%,transparent 100%);
mask-image:radial-gradient(circle,#000 98%,transparent 100%);
background-clip:padding-box!important
}
#nnt-toggle > *{position:relative!important;z-index:3!important}

/* Global subtle ring; clipped circular surface only */
#nnt-widget.has-ring #nnt-toggle{
box-shadow:
var(--nnt-shadow),
0 0 0 1px rgb(255 255 255 / var(--nnt-ring-opacity)),
0 0 0 4px rgb(255 255 255 / calc(var(--nnt-ring-opacity) * .14))!important
}

/* Circular internal glass layer */
#nnt-toggle::before{
content:"";position:absolute;inset:0;border-radius:50%!important;
clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
background:
radial-gradient(circle at 34% 23%,rgb(255 255 255 / calc(var(--nnt-glass-opacity) * 1.55)) 0 10%,transparent 33%),
linear-gradient(180deg,rgb(255 255 255 / calc(var(--nnt-glass-opacity) * 1.18)) 0%,rgb(255 255 255 / calc(var(--nnt-glass-opacity) * .34)) 18%,transparent 52%),
linear-gradient(145deg,rgb(255 255 255 / calc(var(--nnt-glass-opacity) * .96)) 0%,rgb(255 255 255 / calc(var(--nnt-glass-opacity) * .22)) 28%,transparent 56%);
opacity:0;pointer-events:none;z-index:0
}
#nnt-widget.has-glass #nnt-toggle::before{opacity:1}

/* Controlled circular shine */
#nnt-widget.has-shine #nnt-toggle::after{
content:"";position:absolute;top:-42%;left:-88%;width:36%;height:184%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
transform:rotate(18deg);animation:nnt-shine var(--nnt-shine-speed) ease-in-out infinite;
pointer-events:none;z-index:1;border-radius:999px
}

/* Crisp language icon */
#nnt-toggle svg{
position:relative!important;z-index:2!important;display:block!important;width:var(--nnt-icon-size)!important;height:var(--nnt-icon-size)!important;
fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
pointer-events:none!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))
}

#nnt-widget.has-open-scale.is-open #nnt-toggle{transform:translateZ(0) scale(1.025)!important}

/* All presets stay circular above WhatsApp for visual consistency */
#nnt-widget.nnt-style-premium_glass_ring #nnt-toggle,
#nnt-widget.nnt-style-soft_glass #nnt-toggle,
#nnt-widget.nnt-style-minimal_flat #nnt-toggle,
#nnt-widget.nnt-style-dark_premium #nnt-toggle,
#nnt-widget.nnt-style-emerald_orbit #nnt-toggle,
#nnt-widget.nnt-style-frosted_halo #nnt-toggle,
#nnt-widget.nnt-style-clean_outline #nnt-toggle,
#nnt-widget.nnt-style-champagne_edge #nnt-toggle,
#nnt-widget.nnt-style-deep_glass #nnt-toggle{
border-radius:50%!important;
clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important
}

/* 1) Default + recommended */
#nnt-widget.nnt-style-premium_glass_ring #nnt-toggle{
background:
radial-gradient(circle at 32% 23%,rgba(255,255,255,.22),transparent 26%),
linear-gradient(180deg,rgba(255,255,255,.08),transparent 46%),
var(--nnt-bg)!important;
box-shadow:
var(--nnt-shadow),
0 0 0 1px rgb(255 255 255 / var(--nnt-ring-opacity)),
0 0 0 4px rgb(255 255 255 / calc(var(--nnt-ring-opacity) * .14)),
inset 0 1px 1px rgba(255,255,255,.20),
inset 0 -8px 14px rgba(0,0,0,.05)!important
}

/* 2) Softer glass */
#nnt-widget.nnt-style-soft_glass #nnt-toggle{
background:
radial-gradient(circle at 34% 25%,rgba(255,255,255,.18),transparent 28%),
linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.03) 42%,transparent 63%),
var(--nnt-bg)!important;
box-shadow:
0 6px 18px rgba(0,0,0,.16),
0 0 0 1px rgba(255,255,255,.28),
inset 0 1px 1px rgba(255,255,255,.18)!important
}

/* 3) Minimal */
#nnt-widget.nnt-style-minimal_flat #nnt-toggle{
background:var(--nnt-bg)!important;
box-shadow:0 4px 14px rgba(0,0,0,.14)!important
}
#nnt-widget.nnt-style-minimal_flat #nnt-toggle::before{opacity:0!important}

/* 4) Dark premium */
#nnt-widget.nnt-style-dark_premium #nnt-toggle{
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,.10),transparent 26%),
linear-gradient(180deg,rgba(28,32,28,.04),rgba(20,23,20,.38)),
#151714!important;
color:var(--nnt-icon)!important;
box-shadow:
0 8px 24px rgba(0,0,0,.28),
0 0 0 1px rgba(73,230,112,.36),
0 0 0 4px rgba(73,230,112,.07),
inset 0 1px 1px rgba(255,255,255,.10)!important
}

/* 5) Emerald Orbit */
#nnt-widget.nnt-style-emerald_orbit #nnt-toggle{
background:
radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 28%),
var(--nnt-bg)!important;
box-shadow:
0 6px 20px rgba(0,0,0,.18),
0 0 0 1px rgba(255,255,255,.36),
0 0 0 4px rgba(73,230,112,.16),
0 0 0 7px rgba(73,230,112,.055)!important
}

/* 6) Frosted Halo */
#nnt-widget.nnt-style-frosted_halo #nnt-toggle{
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,.20),transparent 29%),
linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 52%,transparent 70%),
var(--nnt-bg)!important;
box-shadow:
0 7px 22px rgba(0,0,0,.16),
0 0 0 1px rgba(255,255,255,.46),
0 0 0 5px rgba(255,255,255,.08)!important
}

/* 7) Clean Outline */
#nnt-widget.nnt-style-clean_outline #nnt-toggle{
background:var(--nnt-bg)!important;
border:1px solid rgba(255,255,255,.70)!important;
box-shadow:0 5px 16px rgba(0,0,0,.14)!important
}
#nnt-widget.nnt-style-clean_outline #nnt-toggle::before{opacity:.45}

/* 8) Champagne Edge */
#nnt-widget.nnt-style-champagne_edge #nnt-toggle{
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,.16),transparent 28%),
linear-gradient(145deg,rgba(255,255,255,.12),transparent 46%),
var(--nnt-bg)!important;
box-shadow:
0 6px 21px rgba(0,0,0,.18),
0 0 0 1px rgba(225,193,139,.72),
0 0 0 4px rgba(225,193,139,.10)!important
}

/* 9) Deep Glass */
#nnt-widget.nnt-style-deep_glass #nnt-toggle{
background:
radial-gradient(circle at 34% 24%,rgba(255,255,255,.12),transparent 28%),
linear-gradient(180deg,rgba(11,28,17,.04),rgba(11,28,17,.18)),
linear-gradient(145deg,rgba(255,255,255,.08),transparent 40%),
var(--nnt-bg)!important;
box-shadow:
0 10px 28px rgba(0,0,0,.24),
inset 0 1px 1px rgba(255,255,255,.20),
inset 0 -8px 18px rgba(0,0,0,.08),
0 0 0 1px rgba(255,255,255,.28)!important
}

/* v0.4 classic dropdown restored */
#nnt-panel{position:absolute!important;right:0!important;bottom:calc(var(--nnt-size) + var(--nnt-panel-gap))!important;
width:220px!important;max-width:calc(100vw - 24px)!important;padding:10px!important;margin:0!important;
border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:rgba(15,15,14,.97)!important;
color:#fff!important;box-shadow:0 18px 55px rgba(0,0,0,.38)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
overflow:hidden!important;text-align:left!important}
.nnt-panel-title{padding:4px 8px 8px!important;color:rgba(255,255,255,.58)!important;font-size:11px!important;
font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.nnt-language-list{display:grid!important;gap:4px!important}
#nnt-widget .nnt-language-button{display:grid!important;grid-template-columns:32px 1fr 18px!important;align-items:center!important;
gap:8px!important;width:100%!important;min-height:42px!important;padding:7px 9px!important;margin:0!important;border:0!important;
border-radius:10px!important;background:transparent!important;color:#f8f8f5!important;text-decoration:none!important;font-size:14px!important;
line-height:1.2!important;cursor:pointer!important}
#nnt-widget .nnt-language-button.is-active{background:rgba(73,230,112,.12)!important}
.nnt-language-code{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;
border-radius:9px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:12px!important;font-weight:700!important}
.nnt-language-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.nnt-language-check{opacity:0!important;color:#49e670!important;font-weight:800!important}
.nnt-language-button.is-active .nnt-language-check{opacity:1!important}
.nnt-status{padding:6px 8px 0!important;color:rgba(255,255,255,.42)!important;font-size:9px!important;line-height:1.3!important}
body.nnt-language-rtl .nnt-translated-rtl{direction:rtl;unicode-bidi:plaintext}
@keyframes nnt-shine{0%,68%{left:-88%;opacity:0}73%{opacity:.72}87%{left:142%;opacity:0}100%{left:142%;opacity:0}}
@media(prefers-reduced-motion:reduce){#nnt-toggle::after{animation:none!important}}