/* ===========================================================================
 * assets/css/theme-accent.css
 * ---------------------------------------------------------------------------
 * เขตงาน: แชทธีม (ตั้งใหม่ 21 ส.ค. 2026) — schema/86
 *
 * [ตรวจแล้ว 22 ส.ค. 2026 — grep ก่อนสร้าง] --gold ถูกใช้อยู่ 415 จุด
 * ใน 26 ไฟล์ CSS ทั่วเว็บ (ปุ่ม/เส้นขอบ/สไลเดอร์/ลิงก์ ฯลฯ) มันคือสีโครงสร้าง
 * หลักของทั้งเว็บ ไม่ใช่ตัวแปร "สีเน้น" ที่แยกออกมาต่างหาก
 *
 * ไฟล์นี้จึงประกาศตัวแปรใหม่ --theme-accent แยกขาดจาก --gold โดยสิ้นเชิง
 * ค่าเริ่มต้น = เท่ากับ --gold พอดี (แปลว่าไม่มีธีมพิเศษ = หน้าตาเหมือนเดิม
 * ทุกประการ) ค่าจริงของแต่ละซีซั่นมาจาก <style> เล็ก ๆ ที่ layout-head.php
 * พิมพ์เพิ่มต่อท้ายไฟล์นี้ (ดูคอมเมนต์ในไฟล์นั้น)
 *
 * โหลดทีหลังสุดเสมอ (คล้าย brand.css) แต่ตัวไฟล์นี้เอง "ไม่ทับ" อะไรของเดิม
 * เลย — มีผลแค่ตรงจุดที่ประกาศไว้ด้านล่างเท่านั้น ตามที่ตกลงไว้ว่าธีมเปลี่ยน
 * ได้แค่ "สีเน้น" ไม่ใช่ทั้งเว็บ
 * =========================================================================== */

:root {
  --theme-accent: var(--gold, #d4af37);
}

/* ---------------------------------------------------------------------------
   จุดที่ตั้งใจเปิดให้ธีมมีผล — เพิ่ม selector ใหม่ที่นี่เมื่อมีช่องธีมเพิ่ม
   ห้ามเพิ่ม selector ที่ไปทับของเดิมทั้งเว็บ (เช่น a, button, .btn ทั่วไป)
   --------------------------------------------------------------------------- */

/* แบนเนอร์หัวเว็บของธีม (ช่อง banner) */
.theme-banner {
  border-color: var(--theme-accent);
}
.theme-banner__title {
  color: var(--theme-accent);
}

/* ตราฝ่ายแบบ SVG ของธีม (ช่อง faction_badge) — ให้ตัว SVG อ่านค่าจาก
   currentColor แล้วผูก color ตรงนี้ เพื่อสลับสีได้โดยไม่ต้องแก้ไฟล์ SVG เอง */
.theme-faction-badge {
  color: var(--theme-accent);
}
/* [เพิ่ม 25 ส.ค. 2026 — บั๊กจริงที่แชท Profile เจอ] เดิมไฟล์นี้กำหนดแค่ color
   ไม่ได้คุมขนาดลูก SVG/รูปข้างใน — SVG ที่ไม่มี width/height ของตัวเอง
   เบราว์เซอร์จะกางเต็มขนาดปริยาย ทะลุกรอบ span ที่ครอบอยู่ (เจอจริงบนมือถือ
   ในหน้าโปรไฟล์ กลายเป็นดาวยักษ์เต็มจอ) ย้ายมาตรฐานนี้เข้าไฟล์กลางแทนที่จะ
   ให้ทุกหน้าต้องแก้ซ้ำเอง — แชท Profile แก้เฉพาะหน้าตัวเองไปก่อนพร้อมทิ้งโน้ต
   ให้ถอดออกได้เมื่อย้ายมาไว้ที่นี่ (ควรแจ้งให้แชท Profile ถอดโค้ดซ้ำในหน้า
   ตัวเองออก เพราะซ้ำกับกฎนี้แล้ว) */
.theme-faction-badge {
  flex: none;
}
.theme-faction-badge > svg,
.theme-faction-badge > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

/* ไอคอนพิเศษของธีม (ช่อง icon) */
.theme-icon {
  color: var(--theme-accent);
  fill: var(--theme-accent);
}

/* คำประกาศประจำองก์ — ข้อความสั้น ๆ ที่มาจาก content_json ของธีม */
.theme-announcement {
  border-left: 3px solid var(--theme-accent);
}