/* =========================================================
   VENDIAC 0.11.219 — SHARED TYPE + CLEAN INTERACTIONS
   Same Geist / Prompt stack used by Vendiac External.
========================================================= */

@font-face {
    font-family: "Geist";
    src: url("/external/fonts/Geist-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("/external/fonts/Geist-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("/external/fonts/Geist-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("/external/fonts/Geist-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700 800;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("/external/fonts/Geist-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url("/external/fonts/Prompt.ttf") format("truetype");
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url("/external/fonts/Prompt_bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700 900;
    font-display: swap;
}

:root {
    --vendiac-ui-font: "Geist", "Prompt", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body {
    font-family: var(--vendiac-ui-font);
    font-feature-settings: "kern", "liga", "calt";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea,
optgroup,
option {
    font-family: inherit;
}

html[lang="th"],
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
    font-family: "Prompt", "Noto Sans Thai", Tahoma, sans-serif;
}

html,
body,
*,
*::before,
*::after {
    -webkit-tap-highlight-color: transparent !important;
}

:where(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    label,
    [role="button"],
    [role="tab"],
    [tabindex]
):is(:focus, :focus-visible, :active) {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

:where(input, select, textarea):focus,
:where(input, select, textarea):focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

.primary-nav a:focus-visible::after,
.signin-link:focus-visible::after {
    opacity: 0 !important;
    transform: scaleX(0) !important;
}

/* Vendiac instant mobile navigation — 0.11.258
   Hamburger controls and full-screen menus open and close immediately.
   No scale, fade, slide, or spin effect is applied. */
:where(.menu-trigger,.menu-button,.open-menu,.hamburger,.company-mobile-toggle,.cinema-mobile-toggle,.apply-mobile-toggle,.header-action,.elegant-menu-open){transition:none!important}
:where(.menu-trigger,.menu-button,.open-menu,.hamburger,.company-mobile-toggle,.cinema-mobile-toggle,.apply-mobile-toggle,.header-action,.elegant-menu-open):active{transform:none!important}
@media(max-width:767px){
  .company-mobile-menu,.cinema-mobile-menu,.apply-mobile-menu,.side-menu,.menu-drawer,.elegant-menu{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:none!important;
  }
  .company-mobile-menu.active,.cinema-mobile-menu.active,.apply-mobile-menu.active,.side-menu.active,.menu-drawer.open,.elegant-menu.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
  }
}