/* ============================================================================
   Mr Tommy & Little Bori — style-en.css
   English (LTR) layer. Loaded AFTER css/core.css on every *-en.html page.

   Holds only what genuinely differs by language: the Latin type system,
   direction constants that CSS logical properties cannot express, and the
   optical tracking that suits Latin letterforms.
   ========================================================================= */

:root {
  /* ---- Latin type stack -------------------------------------------------
     Plus Jakarta Sans is the closest freely-licensed match to the geometric
     rounded sans used in the Figma file (double-storey "a", pointed "w",
     softened stem terminals). Inter carries the numerals and any glyph the
     display face is missing. Swap both names here to change the whole site. */
  --font-display: "Plus Jakarta Sans", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body:    "Plus Jakarta Sans", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-num:     "Inter", "Plus Jakarta Sans", system-ui, sans-serif;

  /* ---- Direction constants --------------------------------------------- */
  --origin-start:    left;    /* transform-origin has no logical keyword     */
  --hero-scrim-dir:  right;   /* dark side of the hero scrim starts at left  */
  --dir-sign:        1;       /* multiplies directional translations         */
}

html { direction: ltr; }

body {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: -.002em;
}

/* ---- Headings: Latin benefits from slight negative tracking ------------- */
h1, h2, h3, h4, h5, h6,
.tb-hero__title, .tb-cat__title, .tb-section-head__title,
.tb-prod__title, .tb-app__label, .tb-footer__title {
  font-family: var(--font-display);
  letter-spacing: -.018em;
}
.tb-hero__title { letter-spacing: -.026em; }

/* ---- Uppercase micro-copy ---------------------------------------------- */
.tb-eyebrow, .tb-badge, .tb-pill, .tb-prod__cat, .tb-flag {
  font-family: var(--font-display);
  text-transform: uppercase;
}

/* ---- Numerals: tabular so prices and counts never jitter --------------- */
.tb-num, .tb-price__now, .tb-price__was, .tb-price__off,
.tb-rate__count, .tb-count, .tb-cart__total {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* ---- Nav / buttons ----------------------------------------------------- */
.tb-nav__link { letter-spacing: -.005em; }
.tb-btn { font-family: var(--font-display); }

/* ---- Body copy measure ------------------------------------------------- */
.tb-hero__text, .tb-footer__text, .tb-section-head__text { text-wrap: pretty; }