/* LeeFlora brand layer. Enqueued after the Elementor kit stylesheet.
   Scope is body.elementor-kit-840 (0,1,1) so every rule outranks the kit's
   own .elementor-kit-840 (0,1,0) while still losing to any element-level
   setting a designer made in the editor. No !important anywhere.

   Palette and type direction are modelled on plantshop.hk: warm earth
   neutrals instead of cold greys, an off-white page rather than pure white,
   and a high-contrast serif for headings. Values are the reference site's
   own tokens; nothing is copied from it but the numbers. */

/* -- Palette ---------------------------------------------------------- */

body.elementor-kit-840 {
  --lee-ink:    #2d2926;   /* titles and body copy - warm near-black, 13.8:1 on --lee-warm */
  --lee-body:   #2d2926;
  --lee-warm:   #fafaf7;   /* page background - off-white, never pure white */
  --lee-tint:   #faf8f3;   /* alternating band */
  --lee-line:   #e0d7c6;   /* hairlines and borders */
  --lee-taupe:  #b8a89a;   /* muted / secondary */
  --lee-grey:   #5a5049;   /* secondary text - 7.5:1, AAA */
  --lee-gold:   #b89456;   /* decorative only - 2.75:1, never for text */
  --lee-olive:  #2d5016;   /* text-safe accent for links - 8.9:1, AAA */
  --lee-olive-hover: #1a2e1a;
}

/* -- Typography -------------------------------------------------------
   Latin webfonts, Chinese from the operating system.

   The reference site self-hosts subsetted Inter and Noto Sans TC files but
   only the Latin slices; Chinese still resolves to a system face. Same
   approach here, for the same reason: a CJK webfont costs 540-730 KB per
   weight, while these two Latin faces together cost about 85 KB.

   Requested as variable fonts (weight ranges, not fixed weights) - Google
   then serves one file per subset covering the whole range instead of one
   file per weight, which cuts the payload by more than half.

   Inter -> neutral UI sans for body. Playfair Display -> high-contrast
   serif for headings. Both fall through to a Chinese face for CJK. */

body.elementor-kit-840 {
  /* Elementor Global Typography resolves through these variables, so
     overriding them here reroutes every widget that uses a global style
     without touching the kit (and without triggering a font download). */
  --e-global-typography-primary-font-family: "Playfair Display", Georgia, "Songti TC", "Noto Serif CJK TC", "Source Han Serif TC", "Microsoft JhengHei", serif;
  --e-global-typography-secondary-font-family: "Playfair Display", Georgia, "Songti TC", "Noto Serif CJK TC", "Source Han Serif TC", "Microsoft JhengHei", serif;
  --e-global-typography-text-font-family: "Inter", "PingFang HK", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", sans-serif;
  --e-global-typography-accent-font-family: "Inter", "PingFang HK", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", sans-serif;

  font-family: "Inter", "PingFang HK", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", sans-serif;
  color: var(--lee-body);
}

body.elementor-kit-840 h1,
body.elementor-kit-840 h2,
body.elementor-kit-840 h3,
body.elementor-kit-840 h4,
body.elementor-kit-840 h5,
body.elementor-kit-840 h6 {
  font-family: "Playfair Display", Georgia, "Songti TC", "Noto Serif CJK TC", "Source Han Serif TC", "Microsoft JhengHei", serif;
  font-weight: 500;              /* Playfair at 700 is heavy; the reference uses 500 */
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--lee-ink);
}

/* Form controls do not inherit fonts from the page. */
body.elementor-kit-840 button,
body.elementor-kit-840 input,
body.elementor-kit-840 select,
body.elementor-kit-840 textarea,
body.elementor-kit-840 .elementor-button,
body.elementor-kit-840 .ast-custom-button {
  font-family: "Inter", "PingFang HK", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", sans-serif;
  letter-spacing: 0.2px;
}

/* -- Body copy --------------------------------------------------------
   Larger type and looser leading, applied to content areas only so site
   chrome (navigation, breadcrumbs, footer) keeps its original metrics.
   The reference site runs 15px/1.6; 16px/1.75 is kept here because Chinese
   needs more leading than Latin, and it is what this site was tuned to. */

body.elementor-kit-840 .entry-content,
body.elementor-kit-840 .entry-content p,
body.elementor-kit-840 .elementor-widget-text-editor,
body.elementor-kit-840 .elementor-widget-text-editor p,
body.elementor-kit-840 .elementor-widget-theme-post-content,
body.elementor-kit-840 .elementor-widget-theme-post-content p,
body.elementor-kit-840 .woocommerce-product-details__short-description,
body.elementor-kit-840 .woocommerce-product-details__short-description p,
body.elementor-kit-840 .woocommerce-Tabs-panel,
body.elementor-kit-840 .woocommerce-Tabs-panel p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.2px;
}

/* Links inside content areas only. A bare `a` rule is deliberately avoided:
   the homepage runs a transparent header whose links sit on top of imagery,
   and the theme's own navigation selectors are meant to keep winning. */
body.elementor-kit-840 .entry-content a,
body.elementor-kit-840 .elementor-widget-text-editor a,
body.elementor-kit-840 .woocommerce-product-details__short-description a {
  color: var(--lee-olive);
}

body.elementor-kit-840 .entry-content a:hover,
body.elementor-kit-840 .elementor-widget-text-editor a:hover,
body.elementor-kit-840 .woocommerce-product-details__short-description a:hover {
  color: var(--lee-olive-hover);
}