@import url('/visiond-design-system.css?v=014407');

/* Canonical button contract. This file must load after page-specific CSS. */
:root{--vdb-primary:#0abab5;--vdb-primary-hover:#079e99;--vdb-ink:#063d3b;--vdb-soft:#e4f8f6;--vdb-border:#8fcfcb;--vdb-danger:#b83232;--vdb-focus:#155eef}
.vds-btn{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0;min-height:44px!important;height:auto;padding:10px 16px!important;border:1px solid transparent!important;border-radius:11px!important;background:#fff!important;color:var(--vdb-ink)!important;box-shadow:none!important;font:900 14px/1.25 "Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif!important;text-align:center;text-decoration:none!important;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
.vds-btn:hover:not(:disabled):not([aria-disabled="true"]){transform:translateY(-1px);border-color:var(--vdb-primary)!important;background:var(--vdb-soft)!important;color:var(--vdb-ink)!important}
.vds-btn:active:not(:disabled):not([aria-disabled="true"]){transform:none}
.vds-btn:focus-visible{outline:3px solid var(--vdb-focus)!important;outline-offset:3px!important}
.vds-btn:disabled,.vds-btn[aria-disabled="true"]{border-color:#bfd1cf!important;background:#e8efee!important;color:#667c7a!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important;opacity:1!important}
.vds-btn--primary{border-color:var(--vdb-primary)!important;background:var(--vdb-primary)!important;color:var(--vdb-ink)!important}
.vds-btn--primary:hover:not(:disabled):not([aria-disabled="true"]){border-color:var(--vdb-primary-hover)!important;background:var(--vdb-primary-hover)!important;color:#fff!important}
.vds-btn--secondary{border-color:var(--vdb-primary)!important;background:#fff!important;color:var(--vdb-ink)!important}
.vds-btn--tonal{border-color:var(--vdb-border)!important;background:var(--vdb-soft)!important;color:var(--vdb-ink)!important}
.vds-btn--text{border-color:transparent!important;background:transparent!important;color:#067b77!important}
.vds-btn--promotion{border-color:var(--vdb-primary)!important;background:var(--vdb-primary)!important;color:var(--vdb-ink)!important}
.vds-btn--danger{border-color:var(--vdb-danger)!important;background:#fff5f5!important;color:var(--vdb-danger)!important}
.vds-btn--danger:hover:not(:disabled):not([aria-disabled="true"]){border-color:#922626!important;background:#ffe7e7!important;color:#922626!important}
.vds-btn--small{min-height:36px!important;padding:7px 11px!important;font-size:12px!important}.vds-btn--large{min-height:52px!important;padding:13px 22px!important;font-size:16px!important}.vds-btn--wide{width:100%!important}
.vds-btn--icon{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:11px!important;font-size:20px!important;line-height:1!important}
.vds-btn[aria-pressed="true"],.vds-btn[aria-selected="true"],.vds-btn.active,.vds-btn[aria-current="page"]{border-color:var(--vdb-primary)!important;background:var(--vdb-soft)!important;color:var(--vdb-ink)!important;box-shadow:inset 0 0 0 1px var(--vdb-primary)!important}
.topbar .vd-language-switcher{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:max-content!important;max-width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;margin:0!important;padding:2px 4px!important;gap:2px!important;border:1px solid var(--vdb-border)!important;border-radius:999px!important;background:#fff!important;color:var(--vdb-ink)!important;white-space:nowrap!important}.topbar .vd-language-switcher .vds-btn{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important}.topbar .vd-language-switcher .vds-btn.active{background:var(--vdb-primary)!important;color:var(--vdb-ink)!important}.topbar .vd-language-switcher i{display:none!important}
@media(max-width:800px){.vds-btn{min-height:44px!important}.vds-btn--small{min-height:44px!important}.vds-btn--large{min-height:50px!important}.vds-btn--wide-mobile{width:100%!important}}
@media(max-width:800px){.topbar.mobile-nav-ready>nav .vd-language-switcher{box-sizing:border-box!important;display:inline-flex!important;align-self:flex-start!important;justify-content:center!important;flex:0 0 auto!important;width:max-content!important;max-width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;margin:0!important;padding:3px 5px!important;gap:3px!important;border:1px solid var(--vdb-border)!important;border-radius:999px!important;background:#fff!important;color:var(--vdb-ink)!important;white-space:nowrap!important}.topbar.mobile-nav-ready>nav .vd-language-switcher .vds-btn{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important}.topbar.mobile-nav-ready>nav .vd-language-switcher .vds-btn.active{background:var(--vdb-primary)!important;color:var(--vdb-ink)!important}.topbar.mobile-nav-ready>nav .vd-language-switcher i{display:none!important}}
@media(prefers-reduced-motion:reduce){.vds-btn{transition:none!important}.vds-btn:hover{transform:none!important}}
@media(forced-colors:active){.vds-btn{border:1px solid ButtonText!important}.vds-btn:focus-visible{outline:3px solid Highlight!important}}