/* Thailand-market skin for the public landing (phytostore.org, tcplants.org).
   Loaded only when the visitor's market is TH (body.lp-th) — India pages never
   request this file. LIGHT ONLY. Same layout and components as landing.css;
   only colour temperature, Thai-script typography and softness change.

   Palette (warm, not themed-kitsch):
     jade   #0f7a63  primary  — a deeper, warmer green than the India skin
     gold   #c8932a  accent   — saffron/temple gold, used sparingly (badge, step dots)
     ivory  #fffaf0  surfaces — warm paper instead of cold white
     ink    #1f2a24  text
   Typography: Noto Sans Thai takes over Thai glyphs; Latin keeps the page fonts. */

body.lp-th{
  --th-jade:#0f7a63; --th-jade-dark:#0b5f4d; --th-jade-tint:#e6f4ef; --th-jade-line:#b7e0d3;
  --th-gold:#c8932a; --th-gold-tint:#fdf3dc; --th-ivory:#fffaf0; --th-ink:#1f2a24;
  font-family:'Inter','Noto Sans Thai',sans-serif;
  color:var(--th-ink); background:var(--th-ivory);
  line-height:1.75;               /* Thai stacked vowels + tone marks need more air than Latin */
}

/* ── typography: no negative tracking (it collides Thai tone marks), taller headings ── */
body.lp-th .lp-hero h1,
body.lp-th .lp-section-head h2,
body.lp-th .lp-brand,
body.lp-th .lp-stat-n{font-family:'Bricolage Grotesque','Noto Sans Thai',sans-serif;letter-spacing:0}
body.lp-th .lp-hero h1{line-height:1.25;color:var(--th-ink)}
body.lp-th .lp-section-head h2{line-height:1.35}
body.lp-th .lp-hero p{line-height:1.85}
body.lp-th .lp-label,
body.lp-th .lp-hero-tag{letter-spacing:.02em}
body.lp-th h1,body.lp-th h2,body.lp-th h3,body.lp-th p,body.lp-th li,body.lp-th label,body.lp-th button,body.lp-th input,body.lp-th select,body.lp-th textarea{
  font-family:inherit; font-synthesis:none;
}
body.lp-th h1 em,body.lp-th h2,body.lp-th h3{font-family:'Bricolage Grotesque','Noto Sans Thai',sans-serif}

/* ── surfaces ── */
body.lp-th .lp-hero{background:var(--th-ivory)}
body.lp-th .lp-stats,
body.lp-th .lp-nav{background:rgba(255,250,240,.96)}
body.lp-th .lp-section-alt{background:#fbf4e4}
body.lp-th .lp-orb-1{background:radial-gradient(circle,rgba(15,122,99,.22) 0%,rgba(15,122,99,.07) 55%,transparent 72%)}
body.lp-th .lp-orb-2{background:radial-gradient(circle,rgba(200,147,42,.22) 0%,rgba(200,147,42,.07) 55%,transparent 72%)}
body.lp-th .lp-orb-3{background:radial-gradient(circle,rgba(15,122,99,.14) 0%,transparent 70%)}
body.lp-th .lp-orb-4{background:radial-gradient(circle,rgba(200,147,42,.16) 0%,transparent 70%)}
body.lp-th .lp-orb-5{background:radial-gradient(circle,rgba(200,147,42,.2) 0%,transparent 65%)}

/* ── primary colour: green → jade ── */
body.lp-th .lp-nav-cta,
body.lp-th .lp-btn-primary,
body.lp-th .lp-plan-btn-pro,
body.lp-th .lp-submit-btn{background:var(--th-jade);box-shadow:0 4px 18px rgba(15,122,99,.26)}
body.lp-th .lp-btn-primary:hover,
body.lp-th .lp-submit-btn:hover:not(:disabled){background:var(--th-jade-dark);box-shadow:0 10px 28px rgba(15,122,99,.34)}
body.lp-th .lp-btn-secondary{border-color:var(--th-jade-line)}
body.lp-th .lp-btn-secondary:hover{border-color:var(--th-jade);color:var(--th-jade)}
body.lp-th .lp-stat-n,
body.lp-th .lp-label,
body.lp-th .lp-plan-opt-price,
body.lp-th .lp-plan-opt-permo{color:var(--th-jade)}
body.lp-th .lp-hero h1 em{background:linear-gradient(135deg,var(--th-jade) 0%,#13957a 55%,var(--th-gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.lp-th .lp-hero-tag{border-color:var(--th-jade-line);color:var(--th-jade-dark);box-shadow:0 2px 12px rgba(15,122,99,.08)}
body.lp-th .lp-step:hover,
body.lp-th .lp-why-card:hover{border-color:var(--th-jade);box-shadow:0 8px 24px rgba(15,122,99,.08)}
body.lp-th .lp-plan-pro{border-color:var(--th-jade);box-shadow:0 0 0 1px var(--th-jade)}
body.lp-th .lp-plan-feats li::before{color:var(--th-jade)}
body.lp-th .lp-plan-opt-sel{border-color:var(--th-jade);background:var(--th-jade-tint)}
body.lp-th .lp-fg input:focus,body.lp-th .lp-fg select:focus,body.lp-th .lp-fg textarea:focus{border-color:var(--th-jade)}
body.lp-th .lp-feat.lp-feat-expanded::after{color:var(--th-jade)}

/* ── gold accents (sparingly) ── */
body.lp-th .lp-plan-popular{background:var(--th-gold);color:#2b1d00}
body.lp-th .lp-step-num{background:var(--th-gold-tint);color:#8a6215}

/* ── friendlier, softer geometry — common in Thai consumer UIs ── */
body.lp-th .lp-btn-primary,
body.lp-th .lp-btn-secondary,
body.lp-th .lp-submit-btn,
body.lp-th .lp-nav-cta{border-radius:14px}
body.lp-th .lp-step,
body.lp-th .lp-why-card,
body.lp-th .lp-plan,
body.lp-th .lp-plan-opt,
body.lp-th .lp-faq-item{border-radius:18px}
body.lp-th .lp-fg input,body.lp-th .lp-fg select,body.lp-th .lp-fg textarea{border-radius:12px}

/* ── inline-styled green bits in landing.php (attribute selectors; !important beats inline) ── */
body.lp-th [style*="background:#16a34a"],
body.lp-th [style*="background: #16a34a"]{background:var(--th-jade)!important}
body.lp-th [style*="color:#16a34a"]{color:var(--th-jade)!important}
body.lp-th [style*="border-color:#16a34a"]{border-color:var(--th-jade)!important}

/* ── market toggle (nav) ── */
body.lp-th .lp-market-toggle a.on{background:var(--th-jade)}

/* ── PromptPay cue on the payment group: quiet navy chip, no logo (trademark) ── */
body.lp-th [data-pay="TH"] .lp-fg label::after{
  content:"PromptPay";margin-left:8px;padding:2px 8px;border-radius:999px;
  background:#e8eef7;color:#1d3f72;font-size:10.5px;font-weight:700;letter-spacing:.02em;vertical-align:middle;
}

/* ── hero URL pill + arrow pick up jade; hero headline a touch smaller so Thai-width wrapping stays tidy ── */
body.lp-th .lp-url-shop,
body.lp-th .lp-url-shop-big{color:var(--th-jade)}
body.lp-th .lp-url-arrow-wrap svg *{stroke:var(--th-jade)}
body.lp-th .lp-hero h1{font-size:clamp(2.3rem,5.4vw,4.4rem)}

/* ── remaining green/purple surfaces ── */
body.lp-th .lp-form-card{background:linear-gradient(180deg,var(--th-jade-tint) 0%,#fff 280px);border-color:var(--th-jade-line)}
body.lp-th .lp-plan-value-line{background:var(--th-jade-tint);border-color:var(--th-jade-line);color:var(--th-jade-dark)}
body.lp-th .lp-feat:hover{border-color:var(--th-jade-line);box-shadow:0 8px 28px rgba(15,122,99,.11)}
/* Advanced tier: temple gold instead of purple, so the page keeps one warm family */
body.lp-th .lp-plan-advanced{border-color:var(--th-gold);box-shadow:0 0 0 1px var(--th-gold)}
body.lp-th .lp-plan-btn-advanced{background:var(--th-gold);color:#2b1d00}
body.lp-th .lp-feat-pro{border-color:var(--th-gold);background:rgba(200,147,42,.03)}
body.lp-th .lp-feat-pro:hover{border-color:var(--th-gold);box-shadow:0 8px 28px rgba(200,147,42,.12)}
body.lp-th .lp-pro-badge{background:var(--th-gold-tint);color:#8a6215}