/* ═══════════════════════════════════════════════════
   VFoods — Warm Cream + Orange Sub-Page Theme Override
   Apply AFTER style.css on every page except index.html
   Primary: #FF6D1A  Background: #FFF6ED (Cream)  Text: #2B1B16 (Chocolate)
   ═══════════════════════════════════════════════════ */

/* ── VARIABLES ── */
:root {
  --og:  #FF6D1A;
  --og2: #FF7F2A;
  --og3: #D6590C;
  --og4: #D6590C;
  --og5: #FF9E5C;
  --dark:  #2B1B16;
  --dark2: #651313;
  --glass:        rgba(255,109,26,.06);
  --glass-hover:  rgba(255,109,26,.11);
  --glass-border: rgba(255,109,26,.18);
  --sh:  0 4px 24px rgba(255,109,26,.1);
  --sh2: 0 14px 52px rgba(255,109,26,.16);
  --glow: 0 0 32px rgba(255,109,26,.45), 0 0 80px rgba(255,109,26,.12);
  /* Flip white-alpha vars to dark-alpha on white bg */
  --w90: rgba(43,27,22,.9);
  --w70: rgba(43,27,22,.62);
  --w50: rgba(43,27,22,.44);
  --w30: rgba(255,109,26,.3);
  --w20: rgba(255,109,26,.2);
  --w15: rgba(255,109,26,.1);
  --w10: rgba(255,109,26,.07);
  --w06: rgba(255,109,26,.04);
}

/* ── BASE ── */
body { background:#FFF6ED !important; color:#2B1B16; }
::selection { background:#FF6D1A; color:#fff; }

/* ── NAV — คงแถบเมนู "สีส้ม" ตลอดเวลา (ไม่ override เป็นขาว) ──
   ปล่อยให้ #g-nav สีส้มจาก style.css แสดงผลบนพื้นขาว          */

/* ── PAGE HERO BANNER ── */
.page-hero {
  background:linear-gradient(135deg,#FFF3E6 0%,#fff 50%,#FFEFE0 100%) !important;
}
.page-hero::before {
  background-image:radial-gradient(circle,rgba(255,109,26,.055) 1px,transparent 1px) !important;
}
.page-hero h1 { color:#2B1B16 !important; }
.page-hero p  { color:rgba(43,27,22,.58) !important; }
.page-hero .eyebrow {
  background:rgba(255,109,26,.08) !important;
  border-color:rgba(255,109,26,.22) !important;
  color:#D6590C !important;
}
.hero-pill-dot { background:#FF6D1A !important; }

/* ── SECTION LABELS ── */
.sec-eye { color:#D6590C !important; }
.sec-eye::before, .sec-eye::after { background:#FF6D1A !important; opacity:.45 !important; }
.sec-title { color:#2B1B16 !important; }
.sec-desc  { color:rgba(43,27,22,.58) !important; }

/* ── GLASS CARD ── */
.glass-card {
  background:rgba(255,109,26,.04) !important;
  border:1px solid rgba(255,109,26,.14) !important;
}
.glass-card:hover {
  background:rgba(255,109,26,.08) !important;
  box-shadow:0 14px 40px rgba(255,109,26,.12) !important;
}

/* ── BUTTONS ── */
/* Nuxt UI button language on the white theme: dark-red solid, ring outline, color-transition hover (no bounce) */
.btn-w {
  background:#D6590C !important; color:#fff !important;
  box-shadow:0 1px 2px rgba(0,0,0,.12) !important;
}
.btn-w:hover {
  background:#B8480A !important; color:#fff !important;
  transform:none !important;
  box-shadow:0 4px 14px rgba(142,27,24,.28) !important;
}
.btn-outline {
  border:none !important;
  box-shadow:inset 0 0 0 1px rgba(142,27,24,.5) !important;
  color:#D6590C !important;
}
.btn-outline:hover {
  transform:none !important;
  box-shadow:inset 0 0 0 1px #D6590C !important;
  background:rgba(255,109,26,.08) !important;
  color:#D6590C !important;
}
.btn-dark {
  background:#2B1B16 !important; color:#fff !important;
}
.btn-dark:hover { background:#651313 !important; }

/* ── FOOTER ── */
#g-footer { background:#2B1B16 !important; }
.footer-brand .logo-text { color:#FF9E5C !important; }
.footer-brand p  { color:rgba(255,255,255,.45) !important; }
.footer-col h4   { color:#FF9E5C !important; }
.footer-col a    { color:rgba(255,255,255,.45) !important; }
.footer-col a:hover { color:#fff !important; }
.f-social-btn { background:rgba(255,109,26,.2) !important; border-color:rgba(255,109,26,.3) !important; }
.f-social-btn:hover { background:#FF6D1A !important; }
.footer-bottom { border-top-color:rgba(255,255,255,.06) !important; }
.footer-bottom p { color:rgba(255,255,255,.4) !important; }

/* ══════════════════
   PRODUCTS PAGE
══════════════════ */
/* พื้นหลังสลับ ส้มสด / ส้มอ่อน (cat-section เรียงติดกัน → สลับถูกเสมอ) */
.cat-section:nth-child(odd)  { background:#F2731C !important; }  /* ส้มสด */
.cat-section:nth-child(even) { background:#FDE7D3 !important; }  /* ส้มอ่อน */
/* บนพื้นส้มสด: ทำคำอธิบายย่อยเข้มทึบขึ้น ให้อ่านชัด (พื้นส้มอ่อนคอนทราสต์ดีอยู่แล้ว) */
.cat-section:nth-child(odd) .cat-desc { color:#2B1B16 !important; }
.cat-h { color:#2B1B16 !important; }
.cat-h small { color:rgba(43,27,22,.45) !important; }
.cat-desc { color:rgba(43,27,22,.55) !important; }
.cat-badge {
  background:rgba(255,109,26,.07) !important;
  border:1px solid rgba(255,109,26,.18) !important;
  color:#D6590C !important;
}
.cat-float path,.cat-float rect,.cat-float circle,.cat-float line,.cat-float ellipse {
  /* SVG floating decorations */
  stroke:rgba(255,109,26,.25) !important;
  fill:rgba(255,109,26,.05) !important;
}
.prod-card {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.12) !important;
  box-shadow:0 2px 12px rgba(255,109,26,.06) !important;
}
.prod-card:hover {
  border-color:rgba(255,109,26,.3) !important;
  box-shadow:0 8px 28px rgba(255,109,26,.14) !important;
  transform:translateY(-6px) !important;
}
.prod-card-ph {
  background:linear-gradient(135deg,rgba(255,109,26,.07),rgba(255,109,26,.03)) !important;
  border-bottom:1px solid rgba(255,109,26,.08) !important;
}
.prod-card-name  { color:#2B1B16 !important; }
.prod-card-brand { color:#D6590C !important; }
.prod-card-weight{ color:rgba(43,27,22,.45) !important; }
.cat-new {
  background:rgba(255,109,26,.1) !important;
  color:#D6590C !important;
}
/* Jump nav bar */
.prod-jump { background:#fff !important; border-bottom:1px solid rgba(255,109,26,.1) !important; box-shadow:0 2px 12px rgba(255,109,26,.06) !important; }
.jump-link { color:rgba(43,27,22,.55) !important; }
.jump-link:hover,.jump-link.active { background:rgba(255,109,26,.08) !important; color:#D6590C !important; }

/* ══════════════════
   BRANDS PAGE
══════════════════ */
.brands-section { background:#fff !important; }
.brands-filters { background:#fff !important; }
.ftr-btn {
  background:rgba(255,109,26,.06) !important;
  border:1px solid rgba(255,109,26,.15) !important;
  color:rgba(43,27,22,.6) !important;
}
.ftr-btn:hover,
.ftr-btn.active {
  background:#FF6D1A !important;
  border-color:#D6590C !important;
  color:#fff !important;
}
.brand-card {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.13) !important;
  color:#2B1B16 !important;
}
.brand-card:hover {
  border-color:rgba(255,109,26,.35) !important;
  box-shadow:0 12px 40px rgba(255,109,26,.14) !important;
}
.brand-name { color:#2B1B16 !important; }
.brand-tagline { color:rgba(43,27,22,.55) !important; }
.brand-tag {
  background:rgba(255,109,26,.07) !important;
  border:1px solid rgba(255,109,26,.15) !important;
  color:rgba(43,27,22,.6) !important;
}
/* Flavor chips — all black text on light tinted bg */
.f-choc  { background:rgba(90,50,10,.09)  !important; color:#000 !important; }
.f-straw { background:rgba(220,50,80,.09)  !important; color:#000 !important; }
.f-van   { background:rgba(200,150,30,.09) !important; color:#000 !important; }
.f-mango { background:rgba(230,160,0,.09)  !important; color:#000 !important; }
.f-coco  { background:rgba(100,170,50,.09) !important; color:#000 !important; }
.f-durian{ background:rgba(190,170,0,.09)  !important; color:#000 !important; }
.f-matcha{ background:rgba(80,150,30,.09)  !important; color:#000 !important; }
.f-milk  { background:rgba(180,130,30,.09) !important; color:#000 !important; }
.f-seafood{background:rgba(0,120,160,.09)  !important; color:#000 !important; }
.f-bbq   { background:rgba(180,60,20,.09)  !important; color:#000 !important; }
.f-orig  { background:rgba(255,109,26,.09)  !important; color:#000 !important; }
/* Packaging section */
.pkg-types-sec { background:#FFF5F5 !important; }
.pkg-card {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.12) !important;
}
.pkg-card:hover { box-shadow:0 10px 36px rgba(255,109,26,.12) !important; }
.pkg-card-name { color:#2B1B16 !important; }
.pkg-card-desc { color:rgba(43,27,22,.55) !important; }
/* BG overlay morph - keep as-is, it's dynamic */
.brand-bg-overlay { opacity:0.06 !important; }

/* ══════════════════
   NEWS PAGE
══════════════════ */
.news-main { background:#fff !important; }
.news-filter { /* tabs */ }
.nft {
  background:rgba(255,109,26,.06) !important;
  border:1px solid rgba(255,109,26,.14) !important;
  color:rgba(43,27,22,.6) !important;
}
.nft:hover, .nft.active {
  background:#FF6D1A !important;
  border-color:#D6590C !important;
  color:#fff !important;
}
.news-big {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.12) !important;
}
.news-big:hover { border-color:rgba(255,109,26,.3) !important; box-shadow:0 14px 40px rgba(255,109,26,.1) !important; }
.news-big-ph {
  background:linear-gradient(135deg,rgba(255,109,26,.08),rgba(255,109,26,.03)) !important;
}
.news-big-tag {
  background:rgba(255,109,26,.09) !important;
  color:#D6590C !important;
}
.news-big-title,.news-big-h { color:#2B1B16 !important; }
.news-big-excerpt,.news-big-p { color:rgba(43,27,22,.58) !important; }
.news-big-meta { color:rgba(43,27,22,.4) !important; }
.news-side { background:transparent !important; }
.news-sm {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.1) !important;
}
.news-sm:hover { border-color:rgba(255,109,26,.28) !important; box-shadow:0 8px 24px rgba(255,109,26,.1) !important; }
.news-sm-tag { background:rgba(255,109,26,.08) !important; color:#D6590C !important; }
.news-sm-title,.news-sm-h { color:#2B1B16 !important; }
.news-sm-date,.news-sm-meta { color:rgba(43,27,22,.4) !important; }
.news-card {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.1) !important;
}
.news-card:hover { border-color:rgba(255,109,26,.28) !important; box-shadow:0 10px 32px rgba(255,109,26,.1) !important; }
.news-card-tag { background:rgba(255,109,26,.08) !important; color:#D6590C !important; }
.news-card-title,.news-card-h { color:#2B1B16 !important; }
.news-card-excerpt,.news-card-p { color:rgba(43,27,22,.58) !important; }
.news-card-meta { color:rgba(43,27,22,.4) !important; }
.news-card-ph {
  background:linear-gradient(135deg,rgba(255,109,26,.07),rgba(255,109,26,.03)) !important;
}
/* Social section */
.social-sec,.news-social { background:#FFF5F5 !important; }
.social-h,.social-sec h2 { color:#2B1B16 !important; }
.social-p,.social-sec p  { color:rgba(43,27,22,.55) !important; }

/* ══════════════════
   CONTACT PAGE
══════════════════ */
.ct-hero {
  background:linear-gradient(135deg,#fff 0%,#fff5f5 60%,#ffe8e8 100%) !important;
  color:#2B1B16 !important;
}
.ct-hero-pill {
  background:rgba(255,109,26,.1) !important;
  border:1px solid rgba(255,109,26,.25) !important;
  color:#D6590C !important;
}
.ct-hero-pill-dot { background:#FF6D1A !important; }
.ct-hero-h  { color:#2B1B16 !important; }
.ct-hero-sub{ color:rgba(43,27,22,.6) !important; }
.join-badge {
  background:rgba(255,109,26,.08) !important;
  border:1px solid rgba(255,109,26,.25) !important;
  color:#2B1B16 !important;
}
.join-badge:hover { background:rgba(255,109,26,.15) !important; }
.ct-section-label { color:#D6590C !important; }
.ct-info-h  { color:#2B1B16 !important; }
.ct-info-p  { color:rgba(43,27,22,.58) !important; }
.ct-row {
  background:rgba(255,109,26,.04) !important;
  border:1px solid rgba(255,109,26,.1) !important;
  color:#2B1B16 !important;
}
.ct-row:hover {
  background:rgba(255,109,26,.1) !important;
  border-color:rgba(255,109,26,.28) !important;
}
.ct-row-icon {
  background:linear-gradient(135deg,rgba(255,109,26,.12),rgba(255,109,26,.06)) !important;
  border:1px solid rgba(255,109,26,.2) !important;
}
.ct-row-label { color:#D6590C !important; }
.ct-row-val   { color:#2B1B16 !important; }
.ct-social-h  { color:#2B1B16 !important; }
.ct-form-wrap {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.14) !important;
  box-shadow:0 4px 32px rgba(255,109,26,.08) !important;
}
.ct-form-h  { color:#2B1B16 !important; }
.ct-form-sub{ color:rgba(43,27,22,.55) !important; }
.form-label { color:#D6590C !important; }
.form-input,.form-select,.form-textarea {
  background:#fafafa !important;
  border:1px solid rgba(255,109,26,.15) !important;
  color:#2B1B16 !important;
}
.form-input::placeholder,.form-textarea::placeholder { color:rgba(43,27,22,.3) !important; }
.form-input:focus,.form-select:focus,.form-textarea:focus {
  background:#fff8f8 !important;
  border-color:rgba(255,109,26,.5) !important;
  box-shadow:0 0 0 3px rgba(255,109,26,.08) !important;
}
.form-select option { background:#fff !important; color:#2B1B16 !important; }
.form-submit {
  background:linear-gradient(135deg,#FF7F2A,#FF6D1A) !important;
  box-shadow:0 6px 22px rgba(255,109,26,.35) !important;
}
.form-submit:hover { box-shadow:0 10px 32px rgba(255,109,26,.5) !important; }
.form-note { color:rgba(43,27,22,.38) !important; }
.ct-map-h { color:#2B1B16 !important; }
.ct-map-p { color:rgba(43,27,22,.55) !important; }
.map-frame { border:1px solid rgba(255,109,26,.12) !important; box-shadow:0 8px 40px rgba(255,109,26,.1) !important; }
.map-overlay-badge {
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,109,26,.25) !important;
  color:#2B1B16 !important;
}
.map-overlay-dot { background:#FF6D1A !important; }
.join-sec { background:linear-gradient(135deg,rgba(255,109,26,.06),rgba(255,109,26,.03)) !important; border-top:1px solid rgba(255,109,26,.1) !important; border-bottom:1px solid rgba(255,109,26,.1) !important; }
.join-icon-wrap { background:linear-gradient(135deg,#FF6D1A,#FF7F2A) !important; box-shadow:0 8px 32px rgba(255,109,26,.4) !important; }
.join-h { color:#2B1B16 !important; }
.join-h span { color:#D6590C !important; }
.join-p { color:rgba(43,27,22,.58) !important; }
.qc-card { background:#fff !important; border:1px solid rgba(255,109,26,.1) !important; }
.qc-card:hover { background:rgba(255,109,26,.04) !important; border-color:rgba(255,109,26,.25) !important; }
.qc-label { color:#D6590C !important; }
.qc-val { color:#2B1B16 !important; }
.qc-sub { color:rgba(43,27,22,.45) !important; }
.toast { background:linear-gradient(135deg,#2DBB6A,#1E9952) !important; }

/* ══════════════════════════════════════════════
   COMPREHENSIVE WHITE-ON-WHITE FIX
   + HEADING CONTRAST (Red on White)
   ══════════════════════════════════════════════ */

/* ── Section Titles → Red for contrast on white bg ── */
.sec-title { color:#D6590C !important; }
.page-hero h1 { color:#2B1B16 !important; }
.page-hero h1 .ital { color:#D6590C !important; -webkit-text-fill-color:#D6590C !important; }

/* ── PRODUCTS page hardcoded white text fixes ── */
.cat-badge {
  background:rgba(255,109,26,.08) !important;
  border:1px solid rgba(255,109,26,.2) !important;
  color:#D6590C !important;
}
.cat-badge-text { color:#D6590C !important; }
.cat-h { color:#2B1B16 !important; }
.cat-h small { color:rgba(43,27,22,.5) !important; }
.cat-new {
  background:rgba(255,109,26,.1) !important;
  color:#D6590C !important;
}
.cat-desc { color:rgba(43,27,22,.6) !important; }
/* prod card glass → solid white */
.prod-card {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.12) !important;
  box-shadow:0 2px 12px rgba(255,109,26,.06) !important;
}
.prod-card:hover {
  border-color:rgba(255,109,26,.32) !important;
  box-shadow:0 10px 32px rgba(255,109,26,.14) !important;
}
.prod-card-ph {
  background:linear-gradient(135deg,rgba(255,109,26,.07),rgba(255,109,26,.03)) !important;
  border-bottom:1px solid rgba(255,109,26,.07) !important;
}
.prod-card-name  { color:#2B1B16 !important; }
.prod-card-brand { color:#D6590C !important; font-weight:600 !important; }
.prod-card-weight{ color:rgba(43,27,22,.45) !important; }
/* shine sweep on white */
.prod-card::after { background:linear-gradient(105deg,transparent 40%,rgba(255,109,26,.06) 50%,transparent 60%) !important; }

/* ── NEWS page hardcoded white text fixes ── */
.news-big-date, .news-big-meta  { color:rgba(43,27,22,.42) !important; }
.news-side-date, .news-sm-date  { color:rgba(43,27,22,.4)  !important; }
.news-card-date, .news-card-meta{ color:rgba(43,27,22,.4)  !important; }
.news-card-t { color:#2B1B16 !important; }
.news-card-p, .news-card-excerpt{ color:rgba(43,27,22,.58) !important; }
.news-sm-title, .news-sm-h      { color:#2B1B16 !important; }
.news-sm-excerpt, .news-sm-p    { color:rgba(43,27,22,.58) !important; }
.news-big-tag, .news-sm-tag     { background:rgba(255,109,26,.09) !important; color:#D6590C !important; }
.news-tag { background:rgba(255,109,26,.09) !important; color:#D6590C !important; }

/* news side stack glass → solid */
.news-sm {
  background:#fff !important;
  border:1px solid rgba(255,109,26,.1) !important;
}

/* ── BRANDS page fixes — all text BLACK ── */
.brand-card                    { background:#fff !important; border:1px solid rgba(255,109,26,.12) !important; color:#000 !important; }
.brand-name                    { color:#000 !important; font-weight:700 !important; }
.brand-name-th                 { color:rgba(0,0,0,.55) !important; }
.brand-tagline, .brand-desc    { color:rgba(0,0,0,.6) !important; }
.brand-tag, .brand-tag-new     { color:#000 !important; }
.brands-section .sec-title     { color:#000 !important; }
.brands-section .sec-desc      { color:rgba(0,0,0,.6) !important; }
.brands-section .sec-eye       { color:#D6590C !important; }
.brands-filters .ftr-btn       { color:rgba(0,0,0,.65) !important; }
.brands-filters .ftr-btn.active{ color:#fff !important; }
/* Flavor filter buttons (emoji row) */
.flt {
  background:rgba(0,0,0,.06) !important;
  color:#000 !important;
  border:1px solid rgba(0,0,0,.12) !important;
}
.flt:hover, .flt.active {
  background:#FF6D1A !important;
  color:#fff !important;
  border-color:#D6590C !important;
}
.pkg-card-name                 { color:#000 !important; }
.pkg-card-desc                 { color:rgba(0,0,0,.6) !important; }
.pkg-types-sec .sec-title      { color:#000 !important; }
.pkg-types-sec .sec-desc       { color:rgba(0,0,0,.6) !important; }

/* ══════════════════════════════════════════════
   INDEX DARK SECTIONS — restore WHITE text
   (theme-white overrides --w70/w50 to dark,
    but these sections sit on #2B1B16 bg)
   ══════════════════════════════════════════════ */

/* — About strip — */
.about-strip .about-h,
.about-strip .about-p,
.about-strip .stat-l,
.about-strip .badge-n,
.about-strip .badge-l          { color:#fff !important; }
.about-strip .stat-n           { color:#FF9E5C !important; }
.about-strip .about-label      { color:#FF9E5C !important; }

/* — OEM highlight — */
.oem-highlight .oem-h          { color:#fff !important; }
.oem-highlight .oem-h .accent  { color:#FF9E5C !important; }
.oem-highlight .oem-p          { color:rgba(255,255,255,.72) !important; }
.oem-highlight .osm-n          { color:#FF9E5C !important; }
.oem-highlight .osm-l          { color:rgba(255,255,255,.55) !important; }
.oem-highlight .oem-box-t      { color:#fff !important; }
.oem-highlight .oem-box-s      { color:rgba(255,255,255,.6) !important; }

/* — Awards section — */
.awards-sec .sec-title         { color:#fff !important; }
.awards-sec .award-t           { color:#fff !important; }
.awards-sec .award-s           { color:rgba(255,255,255,.55) !important; }
.awards-sec .sec-eye           { color:#D6590C !important; }

/* Products/news section title — red (brands handled separately as black) */
.news-main .sec-title,
.products-preview .sec-title { color:#D6590C !important; }

/* ── Jump nav bar (products) - keep on red bg ── */
.prod-jump, [style*="background:var(--og3)"] {
  background:#D6590C !important;   /* ขาวบนส้มสดไม่ผ่าน AA */
}

/* ── Social buttons preserve icon color ── */
.soc-btn { color:#fff !important; }
.soc-btn * { color:#fff !important; }

/* ── OEM guide ── */
.sc-h { color:#2B1B16 !important; }
.sc-p { color:rgba(43,27,22,.6) !important; }
.stag {
  background:rgba(255,109,26,.08) !important;
  color:#D6590C !important;
  border:1px solid rgba(255,109,26,.18) !important;
}
.snum { color:#D6590C !important; }
.steplbl { color:rgba(43,27,22,.5) !important; }
.ic-n { color:#D6590C !important; }
.ic-l { color:rgba(43,27,22,.5) !important; }
.gc-name { color:#2B1B16 !important; }
.gc-desc { color:rgba(43,27,22,.55) !important; }
.fv-name { color:#2B1B16 !important; }
.fv-desc { color:rgba(43,27,22,.55) !important; }
.pk-name { color:#2B1B16 !important; }
.pk-desc { color:rgba(43,27,22,.55) !important; }

/* ═══ COVERAGE PATCH — คอมโพเนนต์ใหม่ที่ override เดิมไม่ครอบคลุม (audit 2026-07-15) ═══ */
/* กติกาพาเลตต์: ตัวหนังสือเล็กบนพื้นสว่างห้ามใช้ส้มสด → Dark Red #D6590C */
.eyebrow, .sec-eye, .ct-eye, .news-tag, .news-big-tag,
.prod-card-brand, .cat-new { color:#D6590C !important; }
.news-side-tag { color:#D6590C !important; background:rgba(255,109,26,.12) !important; }

/* ปุ่ม/แท็บ active: ขาวบนส้มสดไม่ผ่าน AA → พื้น Dark Red */
.btn-w, .flt.active, .nft.active {
  background:#D6590C !important; border-color:#D6590C !important; color:#fff !important;
}

/* ป้ายอังกฤษใน cat-header (products): pill ขาวโปร่งตัวขาว → กลับด้านเป็นแดงเข้ม */
.cat-en {
  color:#D6590C !important;
  background:rgba(142,27,24,.08) !important;
  border-color:rgba(142,27,24,.28) !important;
  opacity:1 !important;
}
.tunnel-hint { color:#8A6A5E !important; }

/* contact hero (ct-*) + social cards: ตัวขาวค้างจากธีมมืด → ช็อกโกแลต */
.ct-h, .soc-name { color:#2B1B16 !important; }
.ct-p { color:rgba(43,27,22,.8) !important; }
.ct-eye { color:#D6590C !important; }
.soc-handle { color:rgba(43,27,22,.62) !important; }
.ct-hero small, .soc-card small, .ct-note, .ct-sub { color:rgba(43,27,22,.62) !important; }

/* ═══ PATCH 2 — ยก specificity ชนะ inline <style> ของแต่ละหน้า (html prefix) ═══ */
html .eyebrow, html .sec-eye, html .ct-eye, html .news-tag, html .news-big-tag,
html .prod-card-brand, html .cat-new, html .ct-hero-pill,
html .ct-row-label, html .form-label { color:#D6590C !important; }
html .flt.active, html .nft.active, html button.flt.active, html button.nft.active {
  background:#D6590C !important; border-color:#D6590C !important; color:#fff !important;
}
html .ct-h span, html .ct-hero h1 span, html .ct-hero h2 span { color:#D6590C !important; }

/* Flavor Tunnel (หน้า products) = ฉากส้ม + ตัวอักษรขาวล้วน (ห้ามฟอนต์ส้ม) */
html .tunnel-intro { background:#E45F06 !important; }
html #tunnel { background:radial-gradient(70% 80% at 50% 40%, #F2731C 0%, #C24A0C 78%) !important; }
html #tunnel.tunnel-fallback { background:linear-gradient(180deg,#E45F06,#C24A0C) !important; }
html .tunnel-intro .sec-eyebrow { color:#fff !important; }
html .tunnel-intro h2 { color:#fff !important; }
html .tunnel-intro p { color:#fff !important; }
html #tunnel .tunnel-hint { color:#fff !important; }
html #tunnel .tunnel-label span { color:#fff !important; }

/* ═══ PATCH 3 — section พื้นมืด (inline style) ที่ตัวหนังสือโดน flip เป็นสีเข้ม ═══ */
html section[style*="--dark"] h2, html section[style*="--dark"] p,
html section[style*="--og3"] h2, html section[style*="--og3"] p { color:#FFF6ED !important; }
html section[style*="--dark"] .btn-outline { color:#FFF6ED !important; border-color:rgba(255,246,237,.6) !important; }
html .pack-section .sec-eye { color:#FF9E5C !important; }
html .social-section { background:#651313 !important; color:#FFF6ED !important; }
html .social-section .sec-eye { color:#FF9E5C !important; }
html .social-section h2, html .social-section .sec-title, html .social-section div { color:#FFF6ED !important; }
html .social-section p { color:#FFE2D1 !important; }
html .social-section .social-btn, html .social-section .social-btn * { color:#fff !important; }
html .meet-tag { background:#D6590C !important; }
html .meet-tag span { color:#FFF6ED !important; }
html .form-submit { background:#D6590C !important; }
html .footer-social .f-social-btn { color:#FFF6ED !important; }