/* SKN settings on top of Tabler 1.4 (vendor/tabler/tabler.min.css), shared by
   portal/portal.html, login/login.html and layouts/error.html (which inlines it).
   Keep this to theme variables and what Tabler has no class for; page layout
   belongs in Tabler classes in the templates. */

/* Thai text: Sarabun (vendor/fonts/sarabun.css) instead of Inter. Thai stacks vowels
   and tone marks above and below the letters, so it gets a larger size and more
   line height than Tabler's 14px / 1.43. */
:root {
    --tblr-font-sans-serif: 'Sarabun', Tahoma, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --tblr-body-font-size: .9375rem;
    --tblr-body-line-height: 1.5;
}

/* Tabler letter-spaces table headers; spacing pulls Thai tone marks off their letters */
.table thead th { letter-spacing: normal; }

/* Brand block in the navbar and above the login and error forms */
.skn-brand {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    color: inherit;
    text-decoration: none;
    line-height: 1.2;
}
.skn-brand:hover { color: inherit; text-decoration: none; }
.skn-brand img { width: 2rem; height: 2rem; object-fit: contain; }
.skn-brand-name { font-size: 1rem; font-weight: var(--tblr-font-weight-bold); }
.skn-brand-tag { font-size: .75rem; color: var(--tblr-secondary); font-weight: var(--tblr-font-weight-normal); }

/* User menu in the navbar (layouts/user_menu.html): the caret points up while the menu is open */
.user-menu-caret { transition: transform .15s; }
[aria-expanded="true"] > .user-menu-caret { transform: rotate(180deg); }