/* QR-Us Thai / English switch + vivid light themes */
html,body,.site-header,.card,.hero,.btn,.tab,.mode,.table-tile,.notice,.field input,.field select,.field textarea,.choice,.lang-switch{
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.lang-switch{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.88)}
.lang-switch button{border:0;background:transparent;color:var(--muted);font-weight:900;font-size:12px;padding:5px 8px;border-radius:999px}
.lang-switch span{color:#c9b7a5;font-size:12px}
html[lang="th"] body{font-family:Tahoma,"Noto Sans Thai",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
html[lang="th"] .hero h1{line-height:1.18}

/* Thai — vivid warm light: mango orange + ivory + fresh green */
html[lang="th"]{
 --navy:#5E351E;--navy2:#7A4524;--green:#28A95B;--green2:#EAF9EF;
 --orange:#FF7A00;--yellow:#FFD35A;--red:#C94A4A;--bg:#FFF8EA;
 --card:#FFFDF8;--line:#EFD7B9;--text:#38271F;--muted:#755F50;
 --shadow:0 12px 30px rgba(130,74,25,.11)
}
html[lang="th"] body{background:linear-gradient(180deg,#FFF9EF 0%,#FFF0D8 100%);color:var(--text)}
html[lang="th"] .site-header{background:rgba(255,253,248,.97);border-bottom-color:#F1D6B5;box-shadow:0 6px 20px rgba(130,74,25,.09)}
html[lang="th"] .hero{background:linear-gradient(135deg,#FFF0C8 0%,#FFD47C 54%,#FFA64F 100%);color:#4B2E1C;border-color:#F2BF71}
html[lang="th"] .hero p{color:#634831}
html[lang="th"] .lang-switch button.active{background:linear-gradient(135deg,#FF8A18,#FF6A00);color:#fff;box-shadow:0 4px 12px rgba(255,122,0,.22)}
html[lang="th"] .header-cta,html[lang="th"] .btn.green{background:linear-gradient(135deg,#35B866,#239E53)}
html[lang="th"] .mode.active,html[lang="th"] .choice.active{border-color:#FF9C42;background:#FFF4E6}
html[lang="th"] .tab.active{background:#FF7A00;border-color:#FF7A00}

/* English — vivid fresh light: aqua + mint + coral */
html[lang="en"]{
 --navy:#1E596D;--navy2:#2D7488;--green:#25A66B;--green2:#E8FAF2;
 --orange:#FF8C5A;--yellow:#FFD87C;--red:#C95858;--bg:#F1FBFD;
 --card:#FFFFFF;--line:#CFE7EB;--text:#23424E;--muted:#64818B;
 --shadow:0 12px 30px rgba(31,95,116,.11)
}
html[lang="en"] body{background:linear-gradient(180deg,#F7FEFF 0%,#E9F8FA 100%);color:var(--text)}
html[lang="en"] .site-header{background:rgba(255,255,255,.97);border-bottom-color:#CEE7EA;box-shadow:0 6px 20px rgba(31,95,116,.09)}
html[lang="en"] .hero{background:linear-gradient(135deg,#DDF8F6 0%,#BFEDE8 52%,#FFD7BF 100%);color:#1D4D5E;border-color:#BDE3E4}
html[lang="en"] .hero p{color:#426B76}
html[lang="en"] .lang-switch button.active{background:linear-gradient(135deg,#40C3B0,#24A8C4);color:#fff;box-shadow:0 4px 12px rgba(36,168,196,.20)}
html[lang="en"] .header-cta,html[lang="en"] .btn.green{background:linear-gradient(135deg,#38B978,#249E65)}
html[lang="en"] .main-nav button{color:#275B6D}
html[lang="en"] .main-nav button:after{background:#28B5A8}
html[lang="en"] .mode.active,html[lang="en"] .choice.active{border-color:#53C7BC;background:#EDFBF8}
html[lang="en"] .tab.active{background:#2FB5B1;border-color:#2FB5B1}
html[lang="en"] .notice{background:#EFFAFC;border-color:#C9E8ED;color:#2C5C6B}
html[lang="en"] .badge.blue{background:#E8F6FA;color:#25758A}
html[lang="en"] .cat-btn.active,html[lang="en"] .cat-btn:hover{background:#EAF9F8;color:#1F6C75}

@media(max-width:920px){.lang-switch{margin-left:auto}.mobile-toggle{margin-left:0}}
@media(max-width:520px){.header-logo img{width:128px}.lang-switch{gap:3px;padding:4px 5px}.lang-switch button{padding:4px 6px}.header-inner{gap:8px}}