/* ส่วนที่ pjchat เพิ่ม/ปรับจาก style.v81.css (โหลดต่อจาก style.v81.css) — ใช้ตัวแปรสีชุดเดิมของ postjung */

/* แถบบนของ pjchat (inc/inc-top.php) — ไม่มี #topmenubar ของ postjung จึงสูงแค่แถบเดียว */
#topbarback { height:48px; }
#topbar { z-index:20; display:flex; align-items:center; gap:12px; box-sizing:border-box; height:44px; padding:0 10px; overflow-x:auto; white-space:nowrap; color:#fff; box-shadow:0 1px 4px rgba(0,0,0,.25); }
#topbar a { color:#fff; }
#topbar a:hover { color:#fdc1ef; }
#toplogo { display:flex; align-items:center; flex-shrink:0; width:auto; height:44px; margin:0; padding:0; }
#toplogo img { display:block; width:69px; height:40px; }
#topbar .xboards a, #topbar .xuser a { margin-right:12px; font-size:12pt; }
#topbar .xuser { margin-left:auto; }
#topbar .xlogin { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-right:0 !important; color:#fdc1ef; }
#topbar .xlogin:hover { color:#fff; }
#topbar .xlogin svg { width:32px; height:32px; }

/* หน้า my/ (เข้าสู่ระบบ สมัคร ลืมรหัส เปลี่ยนรหัส เปลี่ยนรูป) */
.memberbox { max-width:420px; margin:24px auto; padding:0 16px; }
.memberbox h1 { margin:16px 0; font-size:20pt; color:var(--textpink); }
.memberform label { display:block; margin:14px 0 4px 0; color:var(--text2); }
.memberform input[type=tel], .memberform input[type=text], .memberform input[type=password], .memberform input[type=file] { box-sizing:border-box; width:100%; padding:10px; border:1px solid var(--border); border-radius:5px; background-color:var(--bg); font-size:14pt; color:var(--text); }
.memberform input.bt { width:100%; margin-top:20px; border-color:var(--primary); background-color:var(--primary); color:var(--primarytext); }
.memberform input.bt:hover { background-color:var(--primarylite); color:var(--primarytext); }
.memberbox .xerror, .memberbox .xok { margin:10px 0; padding:10px; border-radius:5px; color:var(--text); }
.memberbox .xerror { border:1px solid var(--textred); background-color:var(--bgred); }
.memberbox .xok { border:1px solid var(--textgreen); background-color:var(--bggreen); }
.memberbox .xlinks { display:flex; justify-content:space-between; gap:10px; margin-top:16px; }
.memberbox .xlinks a { color:var(--linkpj); }

@media (max-width:650px) {
	#topbarback { height:48px; }
	#topbar .xboards a, #topbar .xuser a { margin-right:8px; font-size:11pt; }
}

/* เมนูแชท (inc-menu.php) — ไอคอนข้อมูลของฉันตอนยังไม่ล็อกอิน */
#chatmenu svg.xicon.xguest { color:#888; }

/* รูปโปรไฟล์บนแถบบน (ล็อกอินแล้ว) → เมนูสมาชิก topusermenu.v01.js (.topusermenu z-index 21 ใน style.v81.css อยู่เหนือ #topbar z-index 20) */
#topbar .xavatar { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-right:0 !important; }
#topbar .xavatar img { width:34px; height:34px; border-radius:50%; object-fit:cover; background-color:rgba(255,255,255,.25); box-shadow:0 0 0 2px rgba(255,255,255,.7); }
#topbar .xavatar:hover img { box-shadow:0 0 0 2px #fdc1ef; }

/* ปุ่มสลับโหมดสว่าง/มืด บนแถบบน (inc/inc-top.php) — cookie theme=dark|light, ไม่มี cookie = สว่าง; inc-head.php ใส่ class dark ที่ <html> */
#topbar .xtheme { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-right:0 !important; padding:0; border:0; background:none; color:#fdc1ef; cursor:pointer; }
#topbar .xtheme:hover { color:#fff; }
#topbar .xtheme svg { width:26px; height:26px; }
#topbar .xtheme .xsun, :root.dark #topbar .xtheme .xmoon { display:none; }
:root.dark #topbar .xtheme .xsun { display:block; }

/* โหมดมืด: สีที่ CSS ของแต่ละหน้าเขียนตายตัว (ไม่ได้ใช้ตัวแปร) */
:root.dark #chatmenu svg.xicon.xguest { color:#777; }
/* index.v38.css — รายการประกาศ */
:root.dark .spsh { color:#8aa4dc; }
:root.dark .spsh .xx .xi { background-color:#444; }
:root.dark #listbox .xm { background-color:#2c5a7e; }
:root.dark #listbox .xm:hover { background-color:#356a93; }
:root.dark #listbox .xw, :root.dark #listbox .xt { background-color:#7a3a71; }
:root.dark #listbox .xw:hover, :root.dark #listbox .xt:hover { background-color:#8c4482; }
:root.dark #listbox .xlink { color:#eee; }
:root.dark #listbox .xm .xinfo, :root.dark #listbox .xw .xinfo, :root.dark #listbox .xt .xinfo { color:#ddd; }
:root.dark #listbox .xoffline { background-color:#555; }
:root.dark #listbox .xnotpass .xmsg { color:var(--text3); }
:root.dark #listbox .xmsglabel { background-color:var(--bg4); color:var(--text); }
:root.dark #listbox .xmsglabel.yellow { background-color:var(--bgyellow); color:#ee6; }
:root.dark #listbox .xmsglabel.red { background-color:var(--bgred); color:#fcc; }
:root.dark #listbox .xitemlabel { background-color:var(--bg2); color:var(--text2); }
:root.dark #listbox .xinfo { color:var(--text2); }
:root.dark #listbox .xbt { color:#bbb; }
:root.dark #listbox .xbt:hover { color:var(--texthl); }
/* chat.v18.css */
:root.dark #panelbox .xlistbox .xonline { border-color:var(--bg); }
/* post-wait.v01.css */
:root.dark .spbox .xlink { background-color:var(--bg2); color:var(--text3); }
:root.dark .spbox .xlink:hover { background-color:var(--bg3); color:var(--texthl); }
/* cheat-check.v01.css */
:root.dark .spres { box-shadow:none; background-color:var(--bg2); color:#f99; }