/* Itim — self-hosted Thai companion for Fredoka (SIL Open Font License 1.1) */
/* thai */
@font-face {
  font-family: 'Itim';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/itim/itim-thai.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* User-facing CSS sets font-family:'Fredoka',sans-serif on many selectors;
   without Itim in those stacks Thai falls through to system sans. When the
   page locale is Thai, layer Itim after Fredoka (skip icon fonts). */
html[lang="th"] body :where(:not(.bi):not([class^="bi-"]):not([class*=" bi-"])) {
  font-family: 'Fredoka', 'Itim', sans-serif !important;
  /* Itim ships only Regular — allow browser-synthesized bold for Thai glyphs. */
  font-synthesis: weight;
}

/* Itim reads smaller than Fredoka at the same px — modest locale bump for rem-based UI. */
html[lang="th"] {
  font-size: 112%;
}

/* Play menu / authed profile CTA: base clamps are 10–14px; +2px for Itim legibility. */
html[lang="th"] body.is-jutdee-tenant .spin-jutdee-guest-cta-mount .spin-jutdee-guest-cta-title {
  font-weight: 700 !important;
}

html[lang="th"] body.is-jutdee-tenant .spin-jutdee-guest-cta-mount .spin-jutdee-guest-cta-subtitle {
  font-size: clamp(17px, 3.6vw, 19px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

html[lang="th"] body.is-jutdee-tenant :is(
  .spin-jutdee-guest-cta-mount:not(#spinIntroFocalPointsOverlay) .spin-jutdee-guest-cta-actions .spin-label,
  #spinIntroBottomStack .spin-label,
  #spinJutdeeGuestIntroMount .spin-label,
  .spin-celebrate-banner .spin-label,
  #jutdeeTerritoryViewModal #jutdeeTerritoryViewBackBtn .spin-label
) {
  font-size: clamp(15px, 3.2vw, 17px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

html[lang="th"] body.is-jutdee-tenant :is(
  .spin-jutdee-guest-cta-mount:not(#spinIntroFocalPointsOverlay) .spin-jutdee-guest-cta-actions .spin-sub,
  #spinIntroBottomStack .spin-sub,
  #spinJutdeeGuestIntroMount .spin-sub,
  .spin-celebrate-banner .spin-sub,
  .spin-walk-hud-status-btn .spin-sub,
  .spin-walk-hud-stop-btn .spin-sub
) {
  font-size: clamp(14px, 3vw, 16px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

html[lang="th"] body.is-jutdee-tenant .spin-jutdee-guest-cta-mount:not(#spinIntroFocalPointsOverlay) .spin-jutdee-guest-cta-actions .spin-sub {
  line-height: 1.2 !important;
}

/* Add Location modal — prior Thai bumps (16–18px) overshot English (11–13px). */
html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-card :is(
  .gfe-importer-desc,
  .gfe-gmaps-intro,
  .gfe-geo-intro
) {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-card .gfe-importer-label {
  font-size: 11px !important;
  font-weight: 600 !important;
}

html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-card .gfe-importer-label i {
  font-size: 13px !important;
}

html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-card .gfe-importer-input {
  font-size: 14px !important;
  font-weight: 400 !important;
}

html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-card .gfe-importer-btn {
  font-size: 14px !important;
  font-weight: 600 !important;
}

html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-card .gfe-create-tab {
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-hero-subtitle {
  font-size: 12px !important;
}

html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-card :is(
  .gfe-importer-msg--err,
  .gfe-importer-msg--ok,
  .gfe-add-modal-busy-refund-text,
  .gfe-add-modal-busy-sub
) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html[lang="th"] body.is-jutdee-tenant .gfe-importer .gfe-add-modal-card .gfe-add-modal-busy-title {
  font-size: 18px !important;
  line-height: 1.3 !important;
}

html[lang="th"] body.is-jutdee-tenant #spinIntroTerritoriesTableOverlay .spin-intro-territories-table {
  font-size: 17px;
}

html[lang="th"] body.is-jutdee-tenant #spinIntroTerritoriesTableOverlay .spin-intro-territories-table-daily-good-luck {
  font-size: 15px;
}

html[lang="th"] body.is-jutdee-tenant #spinIntroTerritoriesTableOverlay .spin-intro-territories-table-expiry {
  font-size: 17px;
}

/* Territories modal buttons — match walk HUD .spin-label / .spin-sub scale. */
html[lang="th"] body.is-jutdee-tenant #spinIntroTerritoriesTableOverlay :is(
  #spinIntroTerritoriesTableSpinBtn .spin-label,
  .spin-intro-territories-table-btn-title,
  .spin-intro-territories-table-collect-btn-label,
  .spin-intro-territories-table-add-slot-btn-label,
  .spin-intro-territories-table-empty-slots-btn-title
) {
  font-size: clamp(13px, 3.4vw, 17px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

html[lang="th"] body.is-jutdee-tenant #spinIntroTerritoriesTableOverlay :is(
  #spinIntroTerritoriesTableSpinBtn .spin-sub,
  .spin-intro-territories-table-btn-sub,
  .spin-intro-territories-table-collect-btn-amount,
  .spin-intro-territories-table-empty-slots-btn-sub
) {
  font-size: clamp(14px, 3vw, 16px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

/* Focal points modal — list items stay at English px; bottom Add button matches play menu. */
html[lang="th"] body.is-jutdee-tenant #spinIntroFocalPointsOverlay #spinIntroFocalPointsAddBtn .spin-label {
  font-size: clamp(15px, 3.2vw, 17px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

html[lang="th"] body.is-jutdee-tenant #spinIntroFocalPointsOverlay #spinIntroFocalPointsAddBtn .spin-sub {
  font-size: clamp(14px, 3vw, 16px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

/* Top HUD pills — html 112% scales rem-based aura count; keep English size. */
html[lang="th"] body.is-jutdee-tenant .spin-intro-floating-corner-bar .spin-auth-aura {
  font-size: 0.759rem !important;
}

/* Language chooser — rem padding/flag/code scale with html 112%; lock to English px. */
html[lang="th"] body.is-jutdee-tenant :is(
  .ping-guest-top-left-bar,
  .spin-intro-floating-corner-bar
) .spin-intro-lang .nav-lang-btn {
  font-size: 13px !important;
  padding: 6px 11px !important;
  gap: 6px !important;
}

html[lang="th"] body.is-jutdee-tenant :is(
  .ping-guest-top-left-bar,
  .spin-intro-floating-corner-bar
) .nav-lang-flag {
  font-size: 17.6px !important;
  line-height: 1 !important;
}

html[lang="th"] body.is-jutdee-tenant :is(
  .ping-guest-top-left-bar,
  .spin-intro-floating-corner-bar
) .nav-lang-code {
  font-size: 13.6px !important;
}

html[lang="th"] body.is-jutdee-tenant :is(
  .ping-guest-top-left-bar,
  .spin-intro-floating-corner-bar
) .nav-lang-chevron {
  font-size: 11.2px !important;
}

@media (max-width: 500px) {
  html[lang="th"] body.is-jutdee-tenant .spin-intro-floating-corner-bar .spin-auth-aura {
    font-size: 0.696rem !important;
  }

  html[lang="th"] body.is-jutdee-tenant :is(
    .ping-guest-top-left-bar,
    .spin-intro-floating-corner-bar
  ) .spin-intro-lang .nav-lang-btn {
    font-size: 12px !important;
    padding: 5px 10px !important;
    gap: 5px !important;
  }
}