/* JetBrains Mono — the almanac micro-label / ledger face used across the
   shipped transfer + tours surfaces and _proto/components/c9 (ticket stub).
   Loaded as a CSS @import (first statement) so it rides LiteSpeed's
   Google-Fonts merge the same way klld-home-2026.css loads its faces.
   Fraunces (display) + Hanken Grotesk (body) are already enqueued by
   klld_enqueue_home_2026 — this layer only adds the mono face. */
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap");

/* =====================================================================
   KLLD-HOME-REFRESH-2026  —  "Andaman Ledger" evolution layer
   ---------------------------------------------------------------------
   WHAT THIS IS
   ------------
   A PREVIEW-GATED evolution of the shipped home skin (klld-home-2026.css,
   "Emerald Daybreak"). It loads AFTER the base skin and never replaces it —
   the base keeps all its bug fixes (overflow guard, responsive sweep, tour
   rail). This layer re-tunes the SAME --kh-* design tokens and adds targeted
   refinements to move the home into the warm-paper editorial "almanac /
   ticket-stub" family the transfer + tours pages and _proto/c9 already speak:

     - warm ivory paper (#faf6ea) instead of pure white — reads as one sheet
       with the "Andaman Almanac" band (already #f5efe2) mid-page
     - antique gold serif emphasis (Fraunces italic) + a sharp coral accent
       (#d65a3c) as the secondary spark, brand green #099024 kept for CTAs
     - JetBrains Mono micro-labels / ledger ticks (language-neutral, no text)
     - ticket-stub card treatment (warm paper, hairline, top accent bar)
     - a sunrise ribbon under the hero (green -> sun -> coral)

   HOW IT'S GATED (functions.php :: klld_enqueue_home_refresh_2026)
   ---------------------------------------------------------------
   Loads on is_front_page() ONLY when:
     - get_option('klld_home_skin_2026') === 'on'   (site-wide flip), OR
     - the request carries ?klld_skin=preview        (private preview)
   Default option is OFF -> visitors keep the live Emerald-Daybreak skin.

   SCOPE — the three WPML home variants (EN 71 / DE 15873 / FR 17254) +
   body.home. Token overrides use an `html`-prefixed selector so they beat
   the base skin's `body.page-id-*` block regardless of LiteSpeed combine
   ordering (higher specificity, not !important).

   HARD RULES HONOURED
   -------------------
   - Scoped to the home only — never leaks site-wide.
   - Brand green #099024, accent gold/sun, THB leads prices. No #0b7016.
   - PURELY visual + additive. Touches no Elementor data, no links/CTAs,
     no booking contract / search submit, no WPML strings (no text content
     is injected — decorative marks only).
   - Honors prefers-reduced-motion.
   - Reversible: option OFF (or dequeue the handle) reverts 100%.
   ===================================================================== */

/* ---- KLLD-HOME-REFRESH-2026 :: BEGIN --------------------------------- */

/* ----------------------------------------------------------------------
   1. TOKEN RE-TUNE — warm the whole --kh-* palette. Because the base skin
   paints its grounds/cards/seams with these vars, retuning them here shifts
   the entire page warm with almost no new rules. `html` prefix guarantees
   these win over the base's body.page-id-* declaration.
   ---------------------------------------------------------------------- */
html body.page-id-71,
html body.page-id-15873,
html body.page-id-17254,
html body.home{
  --kh-green:#099024;
  --kh-green-deep:#067a1d;
  --kh-green-lo:#12b836;
  --kh-green-soft:#e2efe0;
  --kh-sun:#ffcc00;
  --kh-gold:#a97a12;
  --kh-ink:#242a1e;
  --kh-ink2:#3b4034;
  --kh-soft:#6a6252;
  --kh-faint:#948b76;
  --kh-paper:#faf6ea;
  --kh-paper2:#f6f1e2;
  --kh-cream:#efe7d3;
  --kh-cream2:#e7ddc7;
  --kh-line:rgba(58,48,28,.16);
  --kh-line-g:rgba(9,144,36,.24);
  --kh-line-soft:rgba(58,48,28,.09);
  --kh-shadow:0 30px 60px -42px rgba(52,40,18,.34);
  --kh-shadow-lo:0 18px 38px -30px rgba(52,40,18,.28);
  --kh-coral:#d65a3c;
  --kh-coral-deep:#b8482c;
  --kh-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
}

/* ----------------------------------------------------------------------
   2. PAGE GROUND — continuous warm-ivory sheet with a whisper of green/gold
   atmosphere so transparent Elementor sections reveal paper (not white).
   Static — safe for reduced-motion.
   ---------------------------------------------------------------------- */
html body.page-id-71,
html body.page-id-15873,
html body.page-id-17254,
html body.home{
  background-color:var(--kh-paper);
  background-image:
    radial-gradient(120% 55% at 8% -6%,rgba(9,144,36,.045),transparent 55%),
    radial-gradient(90% 60% at 100% 4%,rgba(255,204,0,.05),transparent 60%);
  background-attachment:fixed;
}

/* ----------------------------------------------------------------------
   3. SECTION HEADINGS — gold-italic Fraunces emphasis (was green), a warm
   coral->gold underrule, and a language-neutral "ledger tick" above the
   on-paper editorial heads.
   ---------------------------------------------------------------------- */
html body.page-id-71 .elementor-widget-heading .elementor-heading-title b,
html body.page-id-15873 .elementor-widget-heading .elementor-heading-title b,
html body.page-id-17254 .elementor-widget-heading .elementor-heading-title b,
html body.page-id-71 .elementor-widget-heading .elementor-heading-title i,
html body.page-id-15873 .elementor-widget-heading .elementor-heading-title i,
html body.page-id-17254 .elementor-widget-heading .elementor-heading-title i{
  color:var(--kh-gold);font-style:italic;font-weight:600;
}
html body.page-id-71 .elementor-element-086c919 .elementor-heading-title::after,
html body.page-id-15873 .elementor-element-086c919 .elementor-heading-title::after,
html body.page-id-17254 .elementor-element-086c919 .elementor-heading-title::after,
html body.page-id-71 .elementor-element-ec208e6 .elementor-heading-title::after,
html body.page-id-15873 .elementor-element-ec208e6 .elementor-heading-title::after,
html body.page-id-17254 .elementor-element-ec208e6 .elementor-heading-title::after,
html body.page-id-71 .elementor-element-651e517 .elementor-heading-title::after,
html body.page-id-15873 .elementor-element-651e517 .elementor-heading-title::after,
html body.page-id-17254 .elementor-element-651e517 .elementor-heading-title::after{
  background:linear-gradient(90deg,var(--kh-coral),var(--kh-gold))!important;
  width:78px!important;height:3px!important;
}
html body.page-id-71 .elementor-element-086c919::before,
html body.page-id-15873 .elementor-element-086c919::before,
html body.page-id-17254 .elementor-element-086c919::before{
  background:var(--kh-gold)!important;
}
html body.page-id-71 .elementor-element-086c919 .elementor-heading-title::before,
html body.page-id-15873 .elementor-element-086c919 .elementor-heading-title::before,
html body.page-id-17254 .elementor-element-086c919 .elementor-heading-title::before,
html body.page-id-71 .elementor-element-ec208e6 .elementor-heading-title::before,
html body.page-id-15873 .elementor-element-ec208e6 .elementor-heading-title::before,
html body.page-id-17254 .elementor-element-ec208e6 .elementor-heading-title::before{
  content:"";display:block;width:40px;height:7px;margin:0 auto 1em;
  background:
    radial-gradient(circle 2.6px at 50% 50%,var(--kh-coral) 0 2.6px,transparent 3px),
    linear-gradient(90deg,transparent,var(--kh-gold) 34%,var(--kh-gold) 66%,transparent);
}

/* ----------------------------------------------------------------------
   4. HERO — sunrise ribbon baseline (green -> sun -> coral -> green) + mono
   ledger tagline. Base scrim / z-index untouched.
   ---------------------------------------------------------------------- */
html body.page-id-71 .elementor-element-6fae6447::after,
html body.page-id-15873 .elementor-element-6fae6447::after,
html body.page-id-17254 .elementor-element-6fae6447::after{
  background:linear-gradient(90deg,var(--kh-green),var(--kh-sun) 42%,var(--kh-coral) 72%,var(--kh-green))!important;
  height:5px!important;
}
html body.page-id-71 .elementor-element-5bd8a6f .elementor-heading-title,
html body.page-id-15873 .elementor-element-5bd8a6f .elementor-heading-title,
html body.page-id-17254 .elementor-element-5bd8a6f .elementor-heading-title{
  font-family:var(--kh-mono)!important;
  letter-spacing:.24em!important;
  font-weight:500!important;
}

/* ----------------------------------------------------------------------
   5. CARDS — ticket-stub treatment: warm hairline frame + green->gold accent
   bar revealed on hover.
   ---------------------------------------------------------------------- */
html body.page-id-71 .klld-card .item.service-border,
html body.page-id-15873 .klld-card .item.service-border,
html body.page-id-17254 .klld-card .item.service-border,
html body.page-id-71 .st-blog-list-el .services-item.item-elementor .item,
html body.page-id-15873 .st-blog-list-el .services-item.item-elementor .item,
html body.page-id-17254 .st-blog-list-el .services-item.item-elementor .item{
  position:relative;
  border:1px solid var(--kh-line);
  background:var(--kh-paper2);
}
html body.page-id-71 .klld-card .item.service-border::after,
html body.page-id-15873 .klld-card .item.service-border::after,
html body.page-id-17254 .klld-card .item.service-border::after,
html body.page-id-71 .st-blog-list-el .services-item.item-elementor .item::after,
html body.page-id-15873 .st-blog-list-el .services-item.item-elementor .item::after,
html body.page-id-17254 .st-blog-list-el .services-item.item-elementor .item::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:4;
  background:linear-gradient(90deg,var(--kh-green),var(--kh-sun) 70%,var(--kh-coral));
  transform:scaleX(0);transform-origin:left;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
  border-radius:3px 3px 0 0;pointer-events:none;
}
html body.page-id-71 .klld-card:hover .item.service-border::after,
html body.page-id-15873 .klld-card:hover .item.service-border::after,
html body.page-id-17254 .klld-card:hover .item.service-border::after,
html body.page-id-71 .st-blog-list-el .services-item.item-elementor:hover .item::after,
html body.page-id-15873 .st-blog-list-el .services-item.item-elementor:hover .item::after,
html body.page-id-17254 .st-blog-list-el .services-item.item-elementor:hover .item::after{
  transform:scaleX(1);
}
html body.page-id-71 .st-blog-list-el .services-item .cate,
html body.page-id-15873 .st-blog-list-el .services-item .cate,
html body.page-id-17254 .st-blog-list-el .services-item .cate{
  font-family:var(--kh-mono)!important;
  color:var(--kh-coral-deep)!important;
  font-weight:500!important;letter-spacing:.14em!important;
}

/* ----------------------------------------------------------------------
   6. BUTTONS — brand-green pill kept (booking-safe); warm gold-tinged hover +
   mono-tracked ledger label. Scoped to the two home CTAs the base pills.
   ---------------------------------------------------------------------- */
html body.page-id-71 .elementor-element-4a50c43 .elementor-button-text,
html body.page-id-15873 .elementor-element-4a50c43 .elementor-button-text,
html body.page-id-17254 .elementor-element-4a50c43 .elementor-button-text,
html body.page-id-71 .elementor-element-7ff9f07 .elementor-button-text,
html body.page-id-15873 .elementor-element-7ff9f07 .elementor-button-text,
html body.page-id-17254 .elementor-element-7ff9f07 .elementor-button-text{
  letter-spacing:.1em!important;text-transform:uppercase;font-size:.82em;
}
html body.page-id-71 .elementor-element-4a50c43 .elementor-button:hover,
html body.page-id-15873 .elementor-element-4a50c43 .elementor-button:hover,
html body.page-id-17254 .elementor-element-4a50c43 .elementor-button:hover,
html body.page-id-71 .elementor-element-7ff9f07 .elementor-button:hover,
html body.page-id-15873 .elementor-element-7ff9f07 .elementor-button:hover,
html body.page-id-17254 .elementor-element-7ff9f07 .elementor-button:hover{
  box-shadow:0 18px 36px -18px rgba(9,144,36,.55),0 0 0 1px rgba(169,122,18,.35)!important;
}

/* ----------------------------------------------------------------------
   7. SEARCH FORM — ivory glass card + mono ledger field labels. Inputs /
   names / submit action untouched (booking + WPML intact). Submit stays green.
   ---------------------------------------------------------------------- */
html body.page-id-71 .elementor-element-e8327bd .search-form.stt-car-transfer,
html body.page-id-15873 .elementor-element-e8327bd .search-form.stt-car-transfer,
html body.page-id-17254 .elementor-element-e8327bd .search-form.stt-car-transfer,
html body.page-id-71 .elementor-element-e8327bd .st-search-form-el,
html body.page-id-15873 .elementor-element-e8327bd .st-search-form-el,
html body.page-id-17254 .elementor-element-e8327bd .st-search-form-el{
  background:rgba(250,246,234,.97)!important;
  border:1px solid var(--kh-line)!important;
}
html body.page-id-71 .elementor-element-e8327bd .search-form label,
html body.page-id-15873 .elementor-element-e8327bd .search-form label,
html body.page-id-17254 .elementor-element-e8327bd .search-form label{
  font-family:var(--kh-mono)!important;
  letter-spacing:.14em!important;font-weight:500!important;
}

/* ----------------------------------------------------------------------
   8. MOTION — honour reduced-motion for every animated addition above.
   ---------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  html body.page-id-71 .klld-card .item.service-border::after,
  html body.page-id-15873 .klld-card .item.service-border::after,
  html body.page-id-17254 .klld-card .item.service-border::after,
  html body.page-id-71 .st-blog-list-el .services-item.item-elementor .item::after,
  html body.page-id-15873 .st-blog-list-el .services-item.item-elementor .item::after,
  html body.page-id-17254 .st-blog-list-el .services-item.item-elementor .item::after{
    transition:none!important;transform:scaleX(1)!important;
  }
}

/* ---- KLLD-HOME-REFRESH-2026 :: END ---------------------------------- */