/* MMT — ธีมแบบ 9 "Indigo Sunset": ม่วงครามไล่ส้ม พื้นลาเวนเดอร์ มุมโค้ง
   ใช้เฉพาะเว็บ MMT: วางที่ DATA_DIR/brand/brand.css (ทับ/เสริม app.css) · ภาพสมจริงวางที่ DATA_DIR/brand/site/ */
:root { --m-cream: #F6F4FF; --m-ink: #1B1450; --m-mute: #5E5A86; --m-or: #FF7A00; --m-or2: #E86500; --m-bl: #6A2BC8; --m-line: #E2DCF5; --m-chip: #1B0A70; }

/* ===== หน้าสาธารณะ (ครีมขาว) ===== */
body.is-site:not(.is-auth):not(.is-doc) { background: var(--m-cream); color: var(--m-ink); }
body.is-site:not(.is-home):not(.is-auth):not(.is-doc) { background: var(--m-cream); }
body.is-site { --gold: var(--m-or); --gold2: #FFB27A; }
body.is-site :focus-visible { outline-color: var(--m-bl); }
.promo { background: #ECE7FF; color: var(--m-ink); border-bottom: 1px solid var(--m-line); }
.promo .blink, .promo b, .promo em, .promo strong, .promo mark { color: var(--m-or2); text-shadow: none; }

/* แถบเมนู */
.sitebar { background: rgba(255, 253, 248, .94); backdrop-filter: blur(8px); border-bottom: 1px solid var(--m-line); }
.sb-brand { background: var(--m-chip); border-radius: 18px; padding: 4px 14px; }
.sb-brand .logo { height: 40px; filter: none; }
.sb-nav a { color: var(--m-ink); border-radius: 999px; }
.sb-nav a:hover { background: #ECE7FF; color: var(--m-or2); }
.sb-nav a.on { color: var(--m-or2); background: #FFE9D6; box-shadow: none; border-radius: 999px; }
.sb-lang { border-color: var(--m-line); background: #fff; }
.sb-lang a { color: var(--m-mute); }
.sb-lang a.on { background: var(--m-or); color: #fff; }
.sb-btn { color: var(--m-ink); border: 1.5px solid #CFC6F0; background: #fff; }
.sb-btn:hover { background: #ECE7FF; }
.sb-btn.gold { background: linear-gradient(180deg, #FF9A57, var(--m-or)); color: #fff; border-color: transparent; box-shadow: 0 10px 24px -10px rgba(255, 106, 26, .7); }
.sb-btn.gold:hover { filter: brightness(1.05); }
.sb-btn.glass { background: #fff; backdrop-filter: none; color: var(--m-ink); border: 1.5px solid #CFC6F0; }
.themebtn { display: none !important; }

/* หน้าแรก: ภาพ/วิดีโอใหญ่เต็มจอ ข้อความขาวทับบนฉากอุ่น (เงาอุ่นแทนเงากรมท่าของ LMC) */
.is-home .hero { background: #2a1a0a; color: #fff; }
.is-home .hero-shade { background: linear-gradient(90deg, rgba(36, 20, 6, .74) 0%, rgba(36, 20, 6, .5) 36%, rgba(36, 20, 6, 0) 70%), linear-gradient(0deg, rgba(36, 20, 6, .5) 0%, rgba(36, 20, 6, 0) 36%); }
.is-home .kicker { background: rgba(255, 138, 61, .92); color: #fff; border: 0; }
.is-home .hero h1 { color: #fff; text-shadow: 0 2px 26px rgba(0, 0, 0, .45); }
.is-home .hero .lead { color: rgba(255, 255, 255, .92); }
.is-home .hero-pts { color: rgba(255, 255, 255, .95); }
.is-home .hero-pts li::before { color: #FFB27A; }
.is-home .hero .sb-btn.glass { background: rgba(255, 255, 255, .2); color: #fff; border: 1.5px solid rgba(255, 255, 255, .7); backdrop-filter: blur(8px); }
.is-home .hero .sb-btn.glass:hover { background: rgba(255, 255, 255, .32); }
.is-home .hero-pp { background: rgba(255, 255, 255, .25); border-color: rgba(255, 255, 255, .6); color: #fff; }
/* การ์ดบริการ: พาสเทล โค้งใหญ่ */
.hc { background: rgba(221, 238, 255, .93); border: 0; backdrop-filter: blur(10px); color: var(--m-ink); border-radius: 26px; box-shadow: 0 14px 30px -16px rgba(0, 0, 0, .55); }
.hc:nth-child(2) { background: rgba(226, 246, 234, .93); }
.hc:nth-child(3) { background: rgba(255, 230, 210, .94); }
.hc:nth-child(4) { background: rgba(236, 230, 255, .93); }
.hc:hover { background: #fff; border: 0; box-shadow: 0 18px 34px -14px rgba(0, 0, 0, .6); }
.hc-t small { color: var(--m-mute); }

/* ท้ายหน้า */
.sitefoot { background: #fff; border-top: 1px solid var(--m-line); color: var(--m-mute); }
.sitefoot a { color: var(--m-mute); }
.sitefoot a:hover { color: var(--m-or2); }
.sitefoot .ver { color: var(--m-or2); }


/* ===== หน้าในของเว็บสาธารณะ (บริการ / อัตรา / ขั้นตอน / ติดต่อ) — ปรับจากธีมมืดเป็นครีมขาว ===== */
.st-pg { color: var(--m-ink); }
.st-head h1, .rt-h, .calc h2, .svc-p h2, .steps b, .faq h2, .faq summary, .calc-out b, .ct-c b, .rt-cny { color: var(--m-ink); }
.st-head p, .svc-d, .ticks li, .steps p, .faq p, .calc label, .st-pg small, .calc .muted, .st-pg .muted, .ct-empty, .ct-about, .rt-v span { color: var(--m-mute); }
.st-pg a:not(.sb-btn), .ct-c a { color: var(--m-or2); }
.rt-card, .rt-cny, .calc, .svc-p, .steps li, .ct-c, .faq details, .ct-empty, .ct-about { background: #fff; border: 1px solid var(--m-line); border-radius: 26px; box-shadow: 0 12px 26px -20px rgba(27, 20, 80, .5); }
.rt-card:nth-of-type(1) { background: #ECE7FF; } .rt-card:nth-of-type(2) { background: #E8F1FF; }
.ct-empty, .ct-about { border-style: dashed; }
.rt-v b, .rt-cny span, .calc-out .tot b { color: var(--m-or2); }
.rate-pill { background: #FFE9D6; color: var(--m-or2); border-color: #FFD2AE; }
.calc-out { background: #F4F7FD; border: 1px solid #E3EAF7; }
.svc-tab { background: #fff; border: 1px solid var(--m-line); color: var(--m-ink); border-radius: 22px; }
.svc-tab:hover { background: #ECE7FF; }
.svc-tab, .svc-tab b, .svc-tab small, .svc-tab span { color: var(--m-ink); }
#svc-order:checked ~ .svc-tabs .t-order, #svc-ship:checked ~ .svc-tabs .t-ship, #svc-delivery:checked ~ .svc-tabs .t-delivery, #svc-transfer:checked ~ .svc-tabs .t-transfer { background: #FFE9D6; border-color: var(--m-or); color: var(--m-ink); }
#svc-order:checked ~ .svc-tabs .t-order b, #svc-ship:checked ~ .svc-tabs .t-ship b, #svc-delivery:checked ~ .svc-tabs .t-delivery b, #svc-transfer:checked ~ .svc-tabs .t-transfer b { color: var(--m-or2); }
.ticks li::before, .steps .sn { color: #fff; background: var(--m-or); }
.faq details[open] { border-color: #FFC79B; }

/* เมนูมือถือ (ปุ่มขีด + ลิ้นชัก) */
@media (max-width: 819px) {
  .burger { border-color: var(--m-line); background: #fff; }
  .burger span { background: var(--m-ink); }
  .sitebar .sb-nav { background: var(--m-cream); border-bottom: 1px solid var(--m-line); box-shadow: 0 18px 30px -20px rgba(27, 20, 80, .4); }
  .sitebar .sb-nav a { color: var(--m-ink); border-bottom: 1px solid var(--m-line); }
  .sitebar .sb-nav a.on { color: var(--m-or2); background: transparent; }
}

/* ===== เมนูหน้าเว็บสาธารณะ: โลโก้ซ้าย · เมนูแคปซูลลอยกลาง · ปุ่มขวา (ต่างจาก LMC ที่เป็นแถบเข้มเมนูแถวเดียว) ===== */
@media (min-width: 820px) {
  .sitebar { background: transparent; backdrop-filter: none; border-bottom: 0; position: sticky; top: 0; }
  .sb-in { padding-top: 12px; padding-bottom: 8px; gap: 20px; }
  .sb-nav { flex: 0 1 auto; margin: 0 auto; background: #fff; border: 1px solid var(--m-line); border-radius: 999px; padding: 5px 7px; gap: 2px; box-shadow: 0 14px 28px -20px rgba(27, 20, 80, .55); }
  .sb-nav a { padding: 8px 16px; }
  .sb-nav a.on { background: var(--m-or); color: #fff; }
  .sb-nav a:hover { background: #ECE7FF; color: var(--m-or2); }
  .sb-nav a.on:hover { background: var(--m-or); color: #fff; }
  .sb-r .sb-btn:not(.gold) { background: #fff; }
  .sitefoot { margin: 10px 28px 18px; border: 1px solid var(--m-line); border-radius: 22px; background: #fff; box-shadow: 0 12px 26px -22px rgba(27, 20, 80, .5); min-height: 46px; }
  .st-pg { padding-top: 14px; }
}
@media (max-width: 819px) {
  .sitebar { background: var(--m-cream); }
  .sitefoot { margin: 8px 12px 14px; border: 1px solid var(--m-line); border-radius: 20px; }
}

/* ===== โครงหน้าลูกค้า + หลังบ้าน: หัวครีม + แถบเมนูแคปซูลลอย (ต่างจาก LMC ที่เป็นแถบน้ำเงินเต็มจอ + เมนูแถวขาว) ===== */
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --bg: #F6F4FF; --card: #FFFFFF; --border: #F0E4D4; --primary: #3B19B8; --focus: #FF7A00; --radius: 18px; --field-border: #B9AEE0; --st-in-bg: #ECE7FF; } }
:root[data-theme="light"] { --bg: #F6F4FF; --card: #FFFFFF; --border: #F0E4D4; --primary: #3B19B8; --focus: #FF7A00; --radius: 18px; --field-border: #B9AEE0; }
@media (min-width: 820px) {
  .topbar.staff { background: var(--m-cream); border-bottom: 0; box-shadow: none; }
  .sbar-top { background: var(--m-cream); padding: 12px 28px 4px; }
  .sbar-top .brand { background: var(--m-chip); border-radius: 18px; padding: 3px 14px; gap: 10px; }
  .sbar-top .logo { height: 40px; }
  .sbar-top .badge-staff { background: #FFE9D6; color: var(--m-or2); border: 1px solid #FFD2AE; }
  .hdann, .ann { background: #ECE7FF; border: 1px solid var(--m-line); color: var(--m-ink); border-radius: 18px; }
  .hdann p, .ann p, .ann-t, .ann-t p { color: var(--m-ink); }
  .hdann svg, .ann svg { color: var(--m-or2); }
  .sbar-user { color: var(--m-ink); }
  .sbar-user .ver { color: var(--m-mute); opacity: 1; }
  .uchip { background: #fff; border: 1px solid var(--m-line); color: var(--m-ink); }
  .uchip small { color: var(--m-mute); }
  .hbtn { color: var(--m-ink); border: 1.5px solid #CFC6F0; background: #fff; border-radius: 999px; }
  .hbtn:hover { background: #ECE7FF; }
  .hbell { color: var(--m-ink); }
  .hbell:hover { background: #ECE7FF; }
  .snav { background: transparent; box-shadow: none; border: 0; padding: 6px 28px 12px; }
  .snav-in { background: #fff; border: 1px solid var(--m-line); border-radius: 999px; box-shadow: 0 14px 28px -20px rgba(27, 20, 80, .55); padding: 5px 8px; justify-content: flex-start; gap: 2px; overflow-x: auto; scrollbar-width: none; }
  .snav a, .snav .dd > summary { border-radius: 999px; padding: 9px 13px; color: var(--m-ink); }
  .snav .ico { color: var(--m-bl); }
  .snav a:hover, .snav .dd > summary:hover, .snav .dd[open] > summary { background: #ECE7FF; color: var(--m-or2); }
  .snav a:hover .ico, .snav .dd > summary:hover .ico { color: var(--m-or2); }
  .snav a.on, .snav .dd > summary.on { background: var(--m-or); color: #fff; box-shadow: none; }
  .snav a.on .ico, .snav .dd > summary.on .ico { color: #fff; }
  .snav .dd-menu { border: 1px solid var(--m-line); border-radius: 20px; top: calc(100% + 8px); box-shadow: 0 20px 40px -22px rgba(27, 20, 80, .55); }
  .walletchip { background: #FFE9D6 !important; color: var(--m-or2) !important; }
}
/* ปุ่มหลัก/แท็บ/ตัวเลือก */
.btn:not(.ghost) { border-radius: 999px; }
.btn.ghost { border-radius: 999px; }
.card { border-radius: 22px; box-shadow: 0 10px 26px -22px rgba(27, 20, 80, .5); }
.tabs a.on, .tabs a.active { background: #FFE9D6; color: var(--m-or2); }
.pill { border-radius: 999px; }
/* มือถือ: หัวครีม + แถบล่างโค้ง */
@media (max-width: 819px) {
  .abar { background: var(--m-cream) !important; color: var(--m-ink) !important; border-bottom: 1px solid var(--m-line); }
  .ab-back { background: #FFE9D6; color: var(--m-or2); }
  .ab-t { color: var(--m-ink); }
  .ab-bal { background: #FFE9D6; color: var(--m-or2); }
  .ab-cart { color: var(--m-ink); }
  .ab-cart i { background: var(--m-or2); }
  .btabs { margin: 0 10px calc(8px + env(safe-area-inset-bottom)); border: 1px solid var(--m-line); border-radius: 26px; background: #fff; box-shadow: 0 16px 32px -14px rgba(27, 20, 80, .5); left: 0; right: 0; padding-bottom: 0; overflow: visible; }
  .btabs a.on { color: var(--m-or2) !important; }
  body.is-cust .btabs a.mid .ico, body.is-staff .btabs a.mid .ico { background: linear-gradient(180deg, #FF9A57, #FF6B1A) !important; box-shadow: 0 8px 16px -6px rgba(255, 106, 26, .7) !important; }
  body.is-cust .btabs a.mid span, body.is-staff .btabs a.mid span { color: var(--m-or2) !important; }
}

/* ===== ส่วนลูกค้า (หลังล็อกอิน): สีเน้นส้ม ===== */
body.is-cust { --accent: var(--m-or2); }

/* ===== ธีม 9: หัวม่วงครามเข้ม + เงาม่วงทับภาพ + ปุ่มส้ม ===== */
.sitebar { background: linear-gradient(100deg, #1B0A70 0%, #2A10A4 58%, #4B1FB8 100%) !important; border-bottom: 0; backdrop-filter: none; }
.sb-brand { background: transparent; padding: 0; }
.sb-nav a { color: #E9E3FF; }
.sb-nav a:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.sb-nav a.on, .sb-nav a.on:hover { background: var(--m-or); color: #fff; }
@media (min-width: 820px) { .sb-nav { background: rgba(255, 255, 255, .1) !important; border-color: rgba(255, 255, 255, .22) !important; box-shadow: none !important; } }
.sb-lang { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .32); }
.sb-lang a { color: #E9E3FF; }
.sb-btn, .sb-r .sb-btn:not(.gold) { color: #fff; border-color: rgba(255, 255, 255, .55); background: transparent !important; }
.sb-btn:hover { background: rgba(255, 255, 255, .14) !important; }
.sb-btn.gold { background: linear-gradient(180deg, #FF9A33, #FF7A00) !important; color: #fff; border-color: transparent; box-shadow: 0 10px 24px -10px rgba(255, 122, 0, .75); }
.promo { background: #ECE7FF; }
.is-home .hero { background: #1B0A70; }
.is-home .hero-shade { background: linear-gradient(90deg, rgba(27, 10, 112, .88) 0%, rgba(42, 16, 164, .6) 36%, rgba(42, 16, 164, 0) 72%), linear-gradient(0deg, rgba(27, 10, 112, .66) 0%, rgba(27, 10, 112, 0) 42%), radial-gradient(900px 520px at 94% 108%, rgba(255, 122, 0, .38), transparent 70%); }
.is-home .kicker { background: linear-gradient(90deg, #FF7A00, #FF4F6D); color: #fff; }
.is-home .hero-pts li::before { color: #FFB066; }
.hc { background: rgba(233, 228, 255, .94); }
.hc:nth-child(2) { background: rgba(255, 233, 210, .95); }
.hc:nth-child(3) { background: rgba(255, 224, 232, .95); }
.hc:nth-child(4) { background: rgba(227, 238, 255, .95); }
.rt-card:nth-of-type(1) { background: #FFE9D2; } .rt-card:nth-of-type(2) { background: #E9E4FF; }
.rate-pill { background: #FFE9D2; border-color: #FFCB99; }
.calc-out { background: #F1EEFF; border-color: #E2DCF5; }
.svc-tab:hover { background: #ECE7FF; }
#svc-order:checked ~ .svc-tabs .t-order, #svc-ship:checked ~ .svc-tabs .t-ship, #svc-delivery:checked ~ .svc-tabs .t-delivery, #svc-transfer:checked ~ .svc-tabs .t-transfer { background: #E9E4FF; border-color: var(--m-bl); }
#svc-order:checked ~ .svc-tabs .t-order b, #svc-ship:checked ~ .svc-tabs .t-ship b, #svc-delivery:checked ~ .svc-tabs .t-delivery b, #svc-transfer:checked ~ .svc-tabs .t-transfer b { color: var(--m-bl); }
.faq details[open] { border-color: #C9BCF5; }
.st-pg a:not(.sb-btn), .ct-c a { color: var(--m-bl); }
.rt-v b, .rt-cny span, .calc-out .tot b { color: var(--m-or2); }
.ticks li::before, .steps .sn { background: linear-gradient(135deg, #FF7A00, #FF4F6D); }
.burger { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .4); }
.burger span { background: #fff; }
/* หลังล็อกอิน (ลูกค้า/หลังบ้าน): แถบแคปซูลหัวข้อที่เลือกเป็นม่วงครามไล่สี */
@media (min-width: 820px) {
  .snav a.on, .snav .dd > summary.on { background: linear-gradient(135deg, #3B19B8, #6A2BC8); color: #fff; }
  .snav a:hover, .snav .dd > summary:hover, .snav .dd[open] > summary { background: #ECE7FF; color: #3B19B8; }
  .snav a:hover .ico, .snav .dd > summary:hover .ico { color: #3B19B8; }
  .walletchip { background: #FFE9D2 !important; color: var(--m-or2) !important; }
  .sbar-top .badge-staff { background: #FFE9D2; border-color: #FFCB99; }
}
.tabs a.on, .tabs a.active { background: #E9E4FF; color: #3B19B8; }
@media (max-width: 819px) {
  .ab-back, .ab-bal { background: #E9E4FF; color: #3B19B8; }
  .btabs a.on { color: #3B19B8 !important; }
  .ab-cart i { background: var(--m-or); }
}
body.is-cust { --accent: #3B19B8; }

/* การ์ดชวนสมัคร (หน้าติดต่อ): เงาม่วงคราม */
.ct-cta::after { background: linear-gradient(0deg, rgba(27, 10, 112, .9), rgba(27, 10, 112, .15)); }