/* ================================================================
   Bangkok99 — Dark Mode v1 (โซนดีไซน์ใหม่)
   ใช้งาน: html[data-theme="dark"] — ปุ่มสลับอยู่ใน header (จำค่าใน localStorage,
   เริ่มต้นตาม prefers-color-scheme ของเครื่อง) · โหลดหลัง theme.css/zone.css
   ================================================================ */
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;
  --b99-surface:#0B1220; --b99-white:#141C2E;
  --b99-text:#E7EBF3; --b99-text2:#A9B3C6; --b99-muted:#808B9E;
  --b99-border:#243049; --b99-soft:#17233E; --b99-soft-border:#2B3B60;
  --b99-shadow:0 1px 2px rgba(0,0,0,.45); --b99-shadow-md:0 10px 24px rgba(0,0,0,.55);
}
html[data-theme="dark"] body.b99{background:var(--b99-surface);color:var(--b99-text)}
html[data-theme="dark"] .b99 h1,html[data-theme="dark"] .b99 h2,html[data-theme="dark"] .b99 h3,html[data-theme="dark"] .b99 h4{color:var(--b99-text)}
/* ---------- header ---------- */
html[data-theme="dark"] .b99-header{background:#0E1526;border-bottom-color:var(--b99-border)}
html[data-theme="dark"] .b99-logo-img{background:#fff;border-radius:10px;padding:3px 8px}
html[data-theme="dark"] .mz-nav a{color:#B9C3D6 !important}
html[data-theme="dark"] .mz-nav a.active{color:#8FB0FF !important}
html[data-theme="dark"] .b99-theme-toggle{color:#C9D1E0;border-color:var(--b99-border)}
html[data-theme="dark"] .b99-theme-toggle:hover{border-color:#8FB0FF;color:#8FB0FF}
/* ---------- links ---------- */
html[data-theme="dark"] .b99 a:not(.b99-btn):not(.mz-more):not(.mz-sbtn){color:#8FB0FF}
html[data-theme="dark"] .mz-more{color:#B9C3D6 !important}
html[data-theme="dark"] .mz-more:hover{color:#8FB0FF !important}
html[data-theme="dark"] .b99-more{color:#8FB0FF !important}
html[data-theme="dark"] .mz-crumbs a{color:#B9C3D6 !important}
html[data-theme="dark"] .mz-crumbs a:hover{color:#8FB0FF !important}
html[data-theme="dark"] .b99-footer a{color:#DCE2EE !important}
html[data-theme="dark"] .b99-fnote a{color:#C7CFE0 !important}
/* ---------- buttons / hero / search / cards ---------- */
html[data-theme="dark"] .b99-btn-secondary{background:#1A2438;color:#DCE2EE;border-color:var(--b99-border)}
html[data-theme="dark"] .b99-btn-secondary:hover{border-color:#8FB0FF;color:#8FB0FF}
html[data-theme="dark"] .b99 a.b99-btn-secondary{color:#DCE2EE;background:#1A2438;border-color:var(--b99-border)}
html[data-theme="dark"] .b99-hero{background:linear-gradient(180deg,#101A30 0%,var(--b99-surface) 100%);border-bottom-color:var(--b99-border)}
html[data-theme="dark"] .b99-badge{background:#17233E;border-color:#2B3B60;color:#8FB0FF}
html[data-theme="dark"] .b99-hero .lead{color:var(--b99-text2)}
html[data-theme="dark"] .b99-search{background:#121A2C;border-color:var(--b99-border)}
html[data-theme="dark"] .b99-card{background:#141C2E;border-color:var(--b99-border)}
html[data-theme="dark"] .b99-card-media{background:linear-gradient(135deg,#1B2539,#131B2D);color:#5C6880}
html[data-theme="dark"] .b99-card-title{color:var(--b99-text)}
html[data-theme="dark"] .b99-card-sub{color:var(--b99-muted)}
html[data-theme="dark"] .b99-chip{color:#6FD3E8}
html[data-theme="dark"] .b99-band{background:#17233E;border-color:#2B3B60}
html[data-theme="dark"] .b99-band p{color:var(--b99-text2)}
html[data-theme="dark"] .b99-empty{color:var(--b99-muted)}
html[data-theme="dark"] .b99-footer{background:#0E1526;border-top:1px solid var(--b99-border)}
html[data-theme="dark"] .b99-fcols{border-bottom-color:rgba(255,255,255,.10)}
/* ---------- mz components ---------- */
html[data-theme="dark"] .mz-panel,
html[data-theme="dark"] .mz-auth-card,
html[data-theme="dark"] .mz-filter,
html[data-theme="dark"] .mz-stat,
html[data-theme="dark"] .mz-item,
html[data-theme="dark"] .wz-type,
html[data-theme="dark"] .wz-preview,
html[data-theme="dark"] .mz-subtabs,
html[data-theme="dark"] .mz-memnav,
html[data-theme="dark"] .mz-check,
html[data-theme="dark"] .mz-radio-card,
html[data-theme="dark"] .tl-chips a,
html[data-theme="dark"] .pr-card{background:#141C2E;border-color:var(--b99-border)}
html[data-theme="dark"] .mz-empty-card{background:#111A2B;border-color:#2B3B60;color:var(--b99-muted)}
html[data-theme="dark"] .mz-crumbs{color:var(--b99-muted)}
html[data-theme="dark"] .mz-crumbs .sep{color:#54617A}
html[data-theme="dark"] .mz-hint{color:var(--b99-muted)}
html[data-theme="dark"] .mz-tag{background:#17233E;border-color:#2B3B60;color:#8FB0FF}
html[data-theme="dark"] .mz-tag.alt{background:#1A2438;border-color:#243049;color:#B9C3D6}
html[data-theme="dark"] .mz-adslot{background:#111A2B;border-color:#2B3B60}
html[data-theme="dark"] .mz-share a,html[data-theme="dark"] .mz-share button{background:#1A2438;border-color:var(--b99-border);color:#B9C3D6}
html[data-theme="dark"] .mz-share a:hover,html[data-theme="dark"] .mz-share button:hover{border-color:#8FB0FF;color:#8FB0FF}
html[data-theme="dark"] .mz-subtabs a,html[data-theme="dark"] .mz-memnav a{color:var(--b99-text2)}
html[data-theme="dark"] .mz-subtabs a:hover,html[data-theme="dark"] .mz-memnav a:hover{background:#17233E;color:#8FB0FF}
html[data-theme="dark"] .mz-subtabs a.active,html[data-theme="dark"] .mz-memnav a.active{background:#17233E;color:#8FB0FF}
html[data-theme="dark"] .mz-subtabs a.right{color:var(--b99-muted)}
html[data-theme="dark"] .mz-wzsteps span{background:#141C2E;border-color:var(--b99-border);color:#A9B3C6}
html[data-theme="dark"] .mz-wzsteps span.active{background:#17233E;border-color:#2B3B60;color:#8FB0FF}
html[data-theme="dark"] .mz-item-title,html[data-theme="dark"] .mz-stat .num,html[data-theme="dark"] .pr-name,html[data-theme="dark"] .pr-price,html[data-theme="dark"] .wz-preview .t,html[data-theme="dark"] .tl-card-price,html[data-theme="dark"] .mz-count b{color:var(--b99-text)}
html[data-theme="dark"] .mz-item-meta,html[data-theme="dark"] .mz-head-status,html[data-theme="dark"] .b99-file,html[data-theme="dark"] .mz-pager .info,html[data-theme="dark"] .mz-count{color:var(--b99-text2)}
html[data-theme="dark"] .mz-item-actions,html[data-theme="dark"] .mz-leadform{border-top-color:#1E2A42}
html[data-theme="dark"] .mz-item-note{background:#3A1A1E;border-color:#8B2E36;color:#F97066}
html[data-theme="dark"] .mz-auth-icon{background:#17233E}
html[data-theme="dark"] .mz-doc p,html[data-theme="dark"] .mz-doc ol li{color:#C9D1E0}
html[data-theme="dark"] .doc-foot{color:var(--b99-muted);border-top-color:#1E2A42}
html[data-theme="dark"] .tl-chips a{color:#A9B3C6}
html[data-theme="dark"] .tl-chips a:hover{border-color:#8FB0FF;color:#8FB0FF}
html[data-theme="dark"] .tl-chips a.active{background:#17233E;border-color:#2B3B60;color:#8FB0FF}
html[data-theme="dark"] .tl-card-meta{color:#98A2B3}
html[data-theme="dark"] .pr-terms{color:#98A2B3;border-bottom-color:#1E2A42}
html[data-theme="dark"] .pr-feats li{color:#C9D1E0}
html[data-theme="dark"] .pr-feats svg{color:#4ADE80}
html[data-theme="dark"] .mz-mobilebar{background:#0E1526;border-top-color:var(--b99-border);box-shadow:0 -4px 14px rgba(0,0,0,.5)}
html[data-theme="dark"] .mz-auth-foot{border-top-color:#1E2A42}
html[data-theme="dark"] .mz-field label{color:#C9D1E0}
/* inputs */
html[data-theme="dark"] .b99-select,html[data-theme="dark"] .b99-input{background:#121A2C;color:var(--b99-text);border-color:var(--b99-border)}
html[data-theme="dark"] .b99-select:focus,html[data-theme="dark"] .b99-input:focus{border-color:#8FB0FF;box-shadow:0 0 0 3px rgba(143,176,255,.22)}
html[data-theme="dark"] select.b99-select option{background:#121A2C;color:var(--b99-text)}
/* inline-style patches (หน้าที่มี style="...สี..." ตรง ๆ) */
html[data-theme="dark"] [style*="color:#475467"]{color:#A9B3C6 !important}
html[data-theme="dark"] [style*="color:#667085"]{color:#98A2B3 !important}
html[data-theme="dark"] [style*="color:#98A2B3"]{color:#808B9E !important}
html[data-theme="dark"] [style*="color:#1D2939"]{color:#C9D1E0 !important}
html[data-theme="dark"] [style*="color:#0B1736"]{color:#E7EBF3 !important}
html[data-theme="dark"] [style*="background:#FFF"]{background:#141C2E !important}
html[data-theme="dark"] [style*="background:#fff"]{background:#141C2E !important}
html[data-theme="dark"] [style*="border:1px solid #E4E7EC"]{border-color:#243049 !important}
html[data-theme="dark"] [style*="border:solid 1px #E4E7EC"]{border-color:#243049 !important}

/* ---- เพิ่มเติม: ครอบคลุมคลาสที่เหลือ (หน้า detail/ฟอร์ม/ตาราง) ---- */
html[data-theme="dark"] .mz-page-head p{color:var(--b99-text2)}
html[data-theme="dark"] .mz-reset{color:var(--b99-text2)}
html[data-theme="dark"] .mz-info th,html[data-theme="dark"] .mz-info td{border-bottom-color:#1E2A42}
html[data-theme="dark"] .mz-body-text{color:#C9D1E0}
html[data-theme="dark"] .mz-crow{color:#C9D1E0;border-bottom-color:#1E2A42}
html[data-theme="dark"] .mz-crow svg{color:#6FD3E8}
html[data-theme="dark"] .mz-contact .mz-card-sub{color:var(--b99-muted)}
html[data-theme="dark"] .mz-auth-sub{color:var(--b99-text2)}
html[data-theme="dark"] .mz-checkline{color:#C9D1E0}

/* ---- เลือกแพ็กเกจ (หน้าสมัคร) โหมดมืด ---- */
html[data-theme="dark"] .pkg-card .pkg-price{color:var(--b99-text)}
html[data-theme="dark"] .pkg-card .pkg-alt{color:var(--b99-muted)}
html[data-theme="dark"] .mz-radio-card:has(input:checked){border-color:#8FB0FF;box-shadow:0 0 0 3px rgba(143,176,255,.18)}

/* ---- ชื่อการ์ด (แพ็กเกจ/วิซาร์ด) ในโหมดมืด ---- */
html[data-theme="dark"] .mz-radio-card b,html[data-theme="dark"] .wz-type b{color:var(--b99-text)}

/* ---- หัวข้อย่อยโซนหน้าแรก โหมดมืด ---- */
html[data-theme="dark"] .b99-subhead{color:var(--b99-text)}
html[data-theme="dark"] .b99-subnote{color:var(--b99-muted)}