/**
 * Legacy typography — Lexend (matches TT-WebApp --font-family-base).
 * Load after vendor dhtmlx.css so !important overrides Tahoma/Arial skins.
 * Opt-in path: /timetool/assets/css/tt-legacy-font.css
 * Also pulled in via assets/css/font.css for screens that already link font.css.
 * Spinner sizing ships with this bundle (same as TT-WebApp Circle-Loading).
 */

@import url("./tt-legacy-spinner.css");

@font-face {
	font-family: "Lexend Variable";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("../font/lexend/lexend-latin-ext-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Lexend Variable";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("../font/lexend/lexend-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Lexend Variable";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("../font/lexend/lexend-vietnamese-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* Static-family alias used by some stacks / older browsers */
@font-face {
	font-family: "Lexend";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("../font/lexend/lexend-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--tt-font-family-base:
		"Lexend Variable", "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans",
		"Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

html,
body {
	font-family: var(--tt-font-family-base) !important;
}

/* Form controls inherit Lexend (vendor skins pin Tahoma on many of these). */
button,
input,
select,
textarea,
optgroup,
option,
table,
th,
td,
label,
a,
div,
span,
p,
li,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
}

/* dhtmlx suite / layout / form / grid / toolbar / windows / combo */
.dhxlayout_base_dhx_skyblue,
.dhxlayout_base_dhx_web,
.dhxform_obj_dhx_skyblue,
.dhxform_obj_dhx_web,
.dhx_toolbar_dhx_skyblue,
.dhx_toolbar_dhx_web,
.dhxwins_vp_dhx_skyblue,
.dhxwins_vp_dhx_web,
.dhxcombo_dhx_skyblue,
.dhxcombolist_dhx_skyblue,
.dhxacc_base_dhx_skyblue,
.dhxacc_base_dhx_web,
div.gridbox_dhx_skyblue,
div.gridbox.gridbox_dhx_skyblue,
div.gridbox_dhx_web,
.dhx_cal_container,
.dhx_scheduler,
.dhxcalendar_dhx_skyblue,
.dhxcalendar_dhx_web {
	font-family: var(--tt-font-family-base) !important;
}

.dhxform_obj_dhx_skyblue *,
.dhxform_obj_dhx_web *,
.dhxlayout_base_dhx_skyblue *,
.dhxlayout_base_dhx_web *,
.dhx_toolbar_dhx_skyblue *,
.dhx_toolbar_dhx_web *,
.dhxwins_vp_dhx_skyblue *,
.dhxwins_vp_dhx_web *,
div.gridbox_dhx_skyblue *,
div.gridbox.gridbox_dhx_skyblue *,
.dhxcombo_dhx_skyblue,
.dhxcombo_dhx_skyblue *,
.dhxcombolist_dhx_skyblue,
.dhxcombolist_dhx_skyblue * {
	font-family: var(--tt-font-family-base) !important;
}

/* Keep icon faces (do not inherit Lexend onto glyph fonts). */
.material-icons,
.material-icons-disabled {
	font-family: "Material Icons" !important;
}

.fa,
.fas,
.far,
.fal,
.fab,
[class^="fa-"],
[class*=" fa-"] {
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "FontAwesome" !important;
}

/* Explicit monospace controls (e.g. some selects) stay monospace */
.dhxform_obj_dhx_web .dhxform_select[style*="monospace"],
.dhxform_obj_dhx_skyblue .dhxform_select[style*="monospace"],
tt,
code,
kbd,
samp,
pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}