/* VISGENEER VERSION B — Floating Glass / Tech Precision navigation refinement.
   Requested: more generous desktop spacing, larger text, functional language dropdown.
   All enhancements are scoped to 04 and 05, preserving the site's original content and CI. */

/* Actual two-language chooser: mouse, touch, keyboard, focus and Escape supported. */
html[data-nav-style="4"] .nav-utility,
html[data-nav-style="5"] .nav-utility {flex:none;gap:14px;white-space:nowrap;}
.site-header .nav-lang-switch{position:relative;display:flex;align-items:center;align-self:center;z-index:110;}
.site-header .nav-lang-trigger{display:flex;align-items:center;justify-content:center;gap:10px;min-width:105px;padding:13px 14px;border:1px solid rgba(29,72,146,.19);border-radius:12px;background:rgba(255,255,255,.67);color:#152943;font:700 15px/1 Arial,'Microsoft JhengHei',sans-serif;letter-spacing:.01em;cursor:pointer;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;}
.site-header .nav-lang-trigger:hover,.site-header .nav-lang-switch.is-open .nav-lang-trigger{background:#fff;border-color:#c5a143;box-shadow:0 6px 22px rgba(10,28,59,.08);}
.site-header .nav-lang-trigger:focus-visible,.site-header .nav-lang-panel a:focus-visible{outline:2px solid #c5a143;outline-offset:3px;}
.site-header .nav-lang-globe{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.site-header .nav-lang-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .22s ease;margin-left:2px;opacity:.75;}
.site-header .nav-lang-switch.is-open .nav-lang-chevron{transform:translateY(2px) rotate(225deg);}
.site-header .nav-lang-panel{position:absolute;right:0;top:calc(100% + 12px);width:200px;border:1px solid rgba(29,72,146,.13);border-radius:13px;background:rgba(255,255,255,.98);box-shadow:0 18px 42px rgba(8,27,56,.17);padding:7px;display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .25s ease,visibility .2s ease;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);}
.site-header .nav-lang-switch.is-open .nav-lang-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.site-header .nav-lang-panel a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:8px;text-decoration:none;color:#172941;font-size:14px;font-weight:700;white-space:nowrap;line-height:1.3;}
.site-header .nav-lang-panel a:hover{background:#eef2f9;color:#1d4892;}
.site-header .nav-lang-panel a[aria-current="page"]{background:#f6f0de;color:#1d4892;}
.site-header .nav-lang-check{color:#b28c32;font-size:16px;margin-left:12px;}

/* 04: Floating Glass — increase spacing, size and overall header breathing room. */
html[data-nav-style="4"] .site-header{height:106px;width:min(calc(100% - 36px),1810px);border-radius:25px;}
html[data-nav-style="4"] .site-header .nav-inner{width:calc(100% - 54px);gap:18px;}
html[data-nav-style="4"] .site-header .site-logo{width:230px;}
html[data-nav-style="4"] .site-header .nav-links{flex:1;justify-content:center;gap:clamp(25px,2vw,39px);}
html[data-nav-style="4"] .site-header .nav-links a{font-size:18px;font-weight:700;letter-spacing:.012em;line-height:1.4;}
html[data-nav-style="4"] .site-header .nav-business-group>.nav-business-anchor{gap:10px;}
html[data-nav-style="4"] .site-header .nav-links a[aria-current="page"]::after{bottom:-15px;}
html[data-nav-style="4"] .site-header .nav-contact{font-size:16px;padding:15px 22px;border-radius:13px;line-height:1.2;}
html[data-nav-style="4"] .site-header .nav-utility{margin-left:0;}

/* 05: Tech Precision — preserve dividing lines with more generous click zones. */
html[data-nav-style="5"] .site-header{height:112px;}
html[data-nav-style="5"] .site-header .nav-inner{width:min(calc(100% - 56px),1870px);gap:17px;}
html[data-nav-style="5"] .site-header .site-logo{width:222px;}
html[data-nav-style="5"] .site-header .nav-links{flex:1;justify-content:center;gap:0;}
html[data-nav-style="5"] .site-header .nav-links>a,html[data-nav-style="5"] .site-header .nav-links .nav-business-group{padding:0 clamp(17px,1.25vw,23px);}
html[data-nav-style="5"] .site-header .nav-links a{font-size:18px;font-weight:700;letter-spacing:.012em;line-height:1.4;}
html[data-nav-style="5"] .site-header .nav-business-group>.nav-business-anchor{gap:10px;}
html[data-nav-style="5"] .site-header .nav-contact{font-size:16px;line-height:1.2;padding:15px 20px;}
html[data-nav-style="5"] .site-header .nav-lang-trigger{border-radius:7px;background:#fff;border-color:#becbdf;}
html[data-nav-style="5"] .site-header .nav-lang-panel{border-radius:8px;}
html[data-nav-style="5"] .site-header .nav-utility{margin-left:0;}
html[data-nav-style="5"] .site-header .nav-signature{font-size:10px;padding-left:15px;max-width:260px;min-width:225px;}
html[data-nav-style="5"] .site-header .nav-signature span{white-space:nowrap;}

/* Responsive desktop scales down gently before the established mobile menu takes over. */
@media(max-width:1780px) and (min-width:1081px){
 html[data-nav-style="5"] .site-header .nav-signature{display:none!important;}
}
@media(max-width:1580px) and (min-width:1081px){
 html[data-nav-style="4"] .site-header .nav-links{gap:clamp(21px,1.75vw,29px);}
 html[data-nav-style="4"] .site-header .nav-links a{font-size:16.5px;}
 html[data-nav-style="5"] .site-header .nav-links a{font-size:16.5px;}
 html[data-nav-style="5"] .site-header .nav-links>a,html[data-nav-style="5"] .site-header .nav-links .nav-business-group{padding-inline:clamp(12px,1.05vw,17px);}
 html[data-nav-style="4"] .site-header .site-logo{width:215px;}
 html[data-nav-style="5"] .site-header .site-logo{width:212px;}
 html[data-nav-style="4"] .site-header .nav-contact,html[data-nav-style="5"] .site-header .nav-contact{font-size:15px;padding:13px 16px;}
 .site-header .nav-lang-trigger{min-width:99px;font-size:14.5px;padding:11px 10px;}
}
@media(max-width:1380px) and (min-width:1241px){
 html[data-nav-style="4"] .site-header .nav-links{gap:clamp(14px,1.27vw,20px);}
 html[data-nav-style="4"] .site-header .nav-links a,html[data-nav-style="5"] .site-header .nav-links a{font-size:15.5px;}
 html[data-nav-style="5"] .site-header .nav-links>a,html[data-nav-style="5"] .site-header .nav-links .nav-business-group{padding-inline:clamp(10px,.92vw,14px);}
 html[data-nav-style="4"] .site-header .site-logo{width:205px;}
 html[data-nav-style="5"] .site-header .site-logo{width:202px;}
 html[data-nav-style="4"] .site-header .nav-contact,html[data-nav-style="5"] .site-header .nav-contact{font-size:14px;padding:12px 15px;}
}
@media(max-width:1240px) and (min-width:1081px){
 html[data-nav-style="4"] .site-header .nav-inner{width:calc(100% - 38px);gap:10px;}
 html[data-nav-style="5"] .site-header .nav-inner{width:calc(100% - 30px);gap:10px;}
 html[data-nav-style="4"] .site-header .site-logo,html[data-nav-style="5"] .site-header .site-logo{width:175px;}
 html[data-nav-style="4"] .site-header .nav-links{gap:10px;}
 html[data-nav-style="4"] .site-header .nav-links a,html[data-nav-style="5"] .site-header .nav-links a{font-size:13.5px;}
 html[data-nav-style="5"] .site-header .nav-links>a,html[data-nav-style="5"] .site-header .nav-links .nav-business-group{padding-inline:7px;}
 html[data-nav-style="4"] .site-header .nav-contact,html[data-nav-style="5"] .site-header .nav-contact{font-size:12.5px;padding:12px 12px;}
 .site-header .nav-lang-trigger{min-width:78px;font-size:12.5px;padding:10px 7px;gap:6px;}
 .site-header .nav-lang-globe{width:14px;height:14px;}
}
/* Respect original mobile design and hamburger behavior. */
@media(max-width:1080px){
 html[data-nav-style="4"] .site-header,html[data-nav-style="5"] .site-header{height:var(--header-h);width:100%;border-radius:0;top:0;margin:0;}
 html[data-nav-style="4"] .site-header .nav-inner,html[data-nav-style="5"] .site-header .nav-inner{width:calc(100% - 46px);gap:10px;}
 html[data-nav-style="4"] .site-header .site-logo,html[data-nav-style="5"] .site-header .site-logo{width:210px;}
 html[data-nav-style="4"] .site-header .nav-utility,html[data-nav-style="5"] .site-header .nav-utility{display:none!important;}
}
@media(max-width:760px){
 html[data-nav-style="4"] .site-header,html[data-nav-style="5"] .site-header{height:71px;}
 html[data-nav-style="4"] .site-header .nav-inner,html[data-nav-style="5"] .site-header .nav-inner{width:calc(100% - 35px);}
 html[data-nav-style="4"] .site-header .site-logo,html[data-nav-style="5"] .site-header .site-logo{width:193px;}
}
@media(prefers-reduced-motion:reduce){.nav-lang-trigger,.nav-lang-panel,.nav-lang-chevron{transition:none!important;}}