/*
 * TripYatra exact production typography parity
 *
 * Matches the typography stack used by
 * tripyatra.com while preserving each screen's
 * existing production font sizes and weights.
 *
 * 2026-07-28
 */

:root {
  --tripy-font-family:
    "Plus Jakarta Sans",
    "Segoe UI",
    Arial,
    sans-serif;

  --tripy-monospace-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    monospace;
}

html,
body,
.tripy-web-app {
  font-family:
    var(--tripy-font-family) !important;

  text-rendering:
    optimizeLegibility;

  -webkit-font-smoothing:
    antialiased;

  -moz-osx-font-smoothing:
    grayscale;
}

/*
 * Apply only the production font family.
 *
 * Do not globally override font-weight,
 * font-size, line-height or letter-spacing.
 * Existing TripYatra component CSS continues
 * controlling those values exactly as on the
 * production website.
 */
body :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  label,
  button,
  input,
  textarea,
  select,
  option,
  optgroup,
  table,
  thead,
  tbody,
  tfoot,
  tr,
  th,
  td,
  caption,
  nav,
  main,
  section,
  article,
  aside,
  header,
  footer,
  dialog,
  details,
  summary,
  ul,
  ol,
  li,
  dl,
  dt,
  dd,
  blockquote,
  figcaption,
  strong,
  b,
  em,
  small,
  div,
  span
):not(i)
:not(code)
:not(pre)
:not(kbd)
:not(samp)
:not([class*="icon"])
:not([class^="fa"])
:not([class*=" fa"])
:not([class*="material-symbol"])
:not([class*="traveler-icon"]) {
  font-family:
    var(--tripy-font-family) !important;
}

/*
 * WordPress Bootstrap applies font: inherit
 * to form controls. Reproduce that family
 * inheritance without replacing the custom
 * size and weight rules of TripYatra forms.
 */
button,
input,
textarea,
select,
option,
optgroup,
[role="button"],
[contenteditable="true"] {
  font-family:
    var(--tripy-font-family) !important;
}

/*
 * Keep genuine code and technical references
 * monospace, matching production behaviour.
 */
code,
pre,
kbd,
samp,
.tya-service-code,
[data-monospace="true"] {
  font-family:
    var(--tripy-monospace-family) !important;
}