/* ธีมเว็บร้าน (การ์ด 121 · 20 ต.ค. 69) · บอสเลือก: ☀️ สว่าง = DocuPass · 🌙 มืด = Everhome (สลับใน js/theme.js)
   ค่าใน :root ของ site.css = ธีม "vfx" เดิม (สำรอง ใช้เมื่อ JS ไม่ทำงาน) */

/* Everhome (บอสขอ 20 ต.ค. 69 · ยกโทเคน Money\CashFree\css\style.css): หน้าน้ำตาลเข้ม · การ์ดกระดาษเก่า กรอบหนา เงาทึบใต้การ์ด */
:root[data-theme="everhome"] {
  --bg: #2b2116;
  --panel: #e8d6a8;
  --line: #3a2a16;
  --text: #f2e7cd;
  --muted: #c9b48a;
  --accent: #4a3a20;
  --accent2: #d7a84a;
  --on-accent: #f2e7cd;
  --hero: linear-gradient(180deg, #3a2c1b 0%, #2b2116 100%);
  --font: Prompt, "Leelawadee UI", system-ui, sans-serif;
  --card-ink: #4a3a20;
  --card-mute: #7a6a4a;
  --card-line: #3a2a16;
  --card-shadow: #2a1e10;
  --tag-bg: #c0392b;
  --tag-text: #f2e7cd;
}

/* DocuPass (บอสขอ 20 ต.ค. 69 · ยกโทเคน _templates\theme_docupass\css\docupass_theme.css ฝั่งสว่าง · ⛔ Luxe ดำทอง บอสไม่ชอบ) */
:root[data-theme="docupass"] {
  --bg: #fdfcf8;
  --panel: #ffffff;
  --line: #ede1c5;
  --text: #2c2416;
  --muted: #a8987a;
  --accent: #8a6d2b;
  --accent2: #b8934a;
  --on-accent: #ffffff;
  --hero: linear-gradient(135deg, #faf5e6 0%, #fdfcf8 100%);
  --font: Mitr, "Segoe UI", sans-serif;
  --card-line: #ede1c5;
  --card-shadow: rgba(138, 109, 43, .25);
  --tag-bg: #faf5e6;
  --tag-text: #8a6d2b;
}

/* ---------- การ์ดแบบ Everhome (data-card="everhome") · ตัวหนังสือในการ์ดสีหมึกน้ำตาล ---------- */
:root[data-card="everhome"] .card {
  border: 3px solid var(--card-line); border-radius: 5px; color: var(--card-ink);
  box-shadow: 0 6px 0 var(--card-shadow), 0 10px 30px #000b;
}
:root[data-card="everhome"] .card img { border-bottom: 3px solid var(--card-line); }
:root[data-card="everhome"] .card .meta { color: var(--card-mute); }
:root[data-card="everhome"] .card .price { background: var(--tag-bg); color: var(--tag-text); padding: 1px 8px; border-radius: 4px; }
:root[data-card="everhome"] .btn { border-radius: 4px; border: 2px solid var(--card-line); box-shadow: 0 2px 0 var(--card-shadow); }
:root[data-card="everhome"] .btn.alt { background: #f7eed8; color: var(--card-ink); }
:root[data-card="everhome"] .btn:active { transform: translateY(2px); box-shadow: none; }
:root[data-card="everhome"] .links a, :root[data-card="everhome"] .chip { border-radius: 4px; border: 2px solid var(--card-line); background: var(--panel); color: var(--card-ink); }
:root[data-card="everhome"] .chip[aria-selected="true"] { background: var(--accent); color: var(--on-accent); }
/* กล่องชุดรวม = การ์ดกระดาษเหมือนการ์ดสินค้า · ปุ่มบนพื้นหน้า (ไม่ใช่บนการ์ด) = ทอง ให้เห็นชัดบนพื้นน้ำตาลเข้ม */
:root[data-card="everhome"] .featured { color: var(--card-ink); border: 3px solid var(--card-line); border-radius: 5px; box-shadow: 0 6px 0 var(--card-shadow), 0 10px 30px #000b; }
:root[data-card="everhome"] .featured .kicker { color: #8a4a12; }
:root[data-card="everhome"] .page-cta .btn.main, :root[data-card="everhome"] .follow .btn.main { background: var(--accent2); color: #2b2116; }
:root[data-card="everhome"] .product .meta { color: var(--muted); }
@media (max-width: 560px) {
  :root[data-card="everhome"] .card img { border-bottom: 0; }
  :root[data-card="everhome"] .card .thumb { border-right: 3px solid var(--card-line); }
}

/* ---------- การ์ดแบบ DocuPass (data-card="docupass") · มุมมน เงานุ่มสีทอง ปุ่มไล่สีทอง ---------- */
:root[data-card="docupass"] .card { border: 1px solid var(--card-line); border-radius: 12px; box-shadow: 0 2px 10px rgba(138, 109, 43, .08); transition: box-shadow .15s; }
:root[data-card="docupass"] .card:hover { box-shadow: 0 4px 20px var(--card-shadow); }
:root[data-card="docupass"] .card .price { background: var(--tag-bg); color: var(--tag-text); padding: 1px 10px; border-radius: 20px; }
:root[data-card="docupass"] .btn { border-radius: 9px; }
:root[data-card="docupass"] .btn.main { background: linear-gradient(135deg, #8a6d2b, #5a4020); }
:root[data-card="docupass"] .chip, :root[data-card="docupass"] .links a { border-radius: 20px; }
/* ปุ่มหมวด: กรอบทองเข้มขึ้นให้เห็นว่ากดได้ (บอส 20 ต.ค. 69) */
:root[data-card="docupass"] .chip { border-color: #d4b97a; color: #6b5a35; }
:root[data-card="docupass"] .chip:hover { background: #faf5e6; border-color: #b8934a; color: #5a4020; }
:root[data-card="docupass"] .chip[aria-selected="true"] { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
:root[data-card="docupass"] .top { border-bottom: 3px solid #d4af37; }

/* ---------- ปุ่มสลับสว่าง/มืด (มุมขวาบน) ---------- */
.mode-btn {
  position: fixed; top: 12px; right: 12px; z-index: 50;
  width: 42px; height: 42px; border-radius: 50%;
  display: grid; place-items: center; cursor: pointer;
  font-size: 20px; line-height: 1;
  background: var(--panel); border: 2px solid var(--card-line, var(--line));
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.mode-btn:hover { transform: scale(1.06); }