/* ============================================================
   Thailand (TH) theme — น้ำเงิน-แดง-ทอง สไตล์เจดีย์/ปรางค์ไทย
   Palet: น้ำเงินไทย #00247D · แดง #A51931 · ทอง #C9A227
   รูปทรง: การ์ดมนกลมใหญ่ ขอบแหลมแบบยอดปรางค์ ฟอนต์ไทย
   ============================================================ */
:root{
  --brand:#00247D;        /* น้ำเงินไทย */
  --brand2:#C9A227;        /* ทอง */
  --brand3:#A51931;        /* แดง */
  --bg:#F3F0E8;
  --card:#FFFFFF;
  --ink:#1B1B2E;
}
body{
  font-family:Tahoma, "Noto Sans Thai", "Leelawadee UI", "Segoe UI", sans-serif;
  background:var(--bg);
  color:var(--ink);
}
.app{ background:#FCFAF4; }

/* แถบธงไทย: แดง-ขาว-น้ำเงิน(กลางกว้าง)-ขาว-แดง */
.flagstrip{
  height:6px;
  background:linear-gradient(to right,
    #A51931 0 14%, #FFFFFF 14% 28%,
    #00247D 28% 72%,
    #FFFFFF 72% 86%, #A51931 86% 100%);
}

/* Header ไล่สีน้ำเงิน->ทอง ทรงยอดปรางค์ (โค้งมนใหญ่) */
.appbar{
  background:linear-gradient(135deg,#00247D 0%,#123A8F 55%,#C9A227 130%);
  border-radius:0 0 36px 36px;      /* มนเหมือนองค์ระฆังเจดีย์ */
  box-shadow:0 10px 26px rgba(0,36,125,.35);
  position:relative;
  overflow:hidden;
}
/* ยอดแหลมซ้อนแบบปรางค์ (มุมล่าง) */
.appbar::after{
  content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);
  width:60px;height:26px;background:#C9A227;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  opacity:.9;pointer-events:none;
}
.appbar .brand{ letter-spacing:.4px; }
.appbar .brand .logo{ background:rgba(255,255,255,.22);border-radius:50%;border:1.5px solid rgba(201,162,39,.7); }
.appbar .iconbtn{ background:rgba(255,255,255,.2);border-radius:50%; }

.wallet-card{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(201,162,39,.45);
  border-radius:24px;
}
.wallet-card .acts a{ background:#fff;color:var(--brand);border-radius:999px; }
.wallet-card .acts a.ghost{ background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6); }

/* การ์ดมนกลมใหญ่ ขอบทอง */
.card{
  background:var(--card);
  border-radius:24px;
  box-shadow:0 4px 14px rgba(0,36,125,.10);
  border:1.5px solid rgba(201,162,39,.35);
}

/* ปุ่ม ไล่น้ำเงิน->ทอง มนกลม */
.btn{
  background:linear-gradient(135deg,#00247D,#C9A227);
  border-radius:999px;
  letter-spacing:.4px;
  box-shadow:0 6px 18px rgba(0,36,125,.3);
}
.btn.secondary{ background:#EAE3D2;color:var(--ink); }
.price{ color:var(--brand3); }

/* Promo ทอง-แดง มน */
.promo{
  background:linear-gradient(120deg,#A51931 0%,#C9A227 100%);
  border-radius:20px;
  box-shadow:0 8px 22px rgba(201,162,39,.35);
}
.promo h3{ letter-spacing:.4px; }

/* Chip พิลล์ทอง */
.chip{
  background:#fff;
  border:1.5px solid var(--brand);
  color:var(--brand);
  border-radius:999px;
}

/* Stats น้ำเงิน */
.stats{
  background:linear-gradient(135deg,#00247D,#123A8F);
  border-radius:24px;
}
.badge{ background:#fff;border-radius:20px;box-shadow:0 2px 8px rgba(0,36,125,.10); }
.badge .b-t{ color:var(--ink); }

/* ขั้นตอนวงกลมทอง */
.howto .n{ background:var(--brand2);color:#3a2a00;border-radius:50%; }

.cat{ border-radius:20px;box-shadow:0 2px 8px rgba(0,36,125,.10); }
.cat .nm{ color:var(--ink); }
.testi{ border-radius:20px;box-shadow:0 2px 8px rgba(0,36,125,.10); }

.tabbar a.on{ color:var(--brand3); }
a{ color:var(--brand); }