/* ===== ไอคอนเส้นแทนอิโมจิ (ม็อกอัพ iconmock · แบบ Mega Menu) =====
   ใช้สีตามธีมคนดู (--vp/--vtint/--vbd) ไม่ใช้ --pri (สีธีมร้าน) · ชมพู/ฟ้าเปลี่ยนตาม data-theme อัตโนมัติ */

/* เส้นบางลงเล็กน้อยเฉพาะไอคอนชุดใหม่ (ของเดิมเส้น 2 ไม่แตะ) */
svg.i.lu{stroke-width:1.75}

/* ---------- เมนู ☰ / dropdown ผู้ใช้ ---------- */
.mn-list{padding:6px 10px 8px}
.mn-cap{font:600 11px/1 Prompt,sans-serif;letter-spacing:.04em;color:var(--vtx3);padding:12px 12px 6px}
.mn-i{gap:12px;padding:8px 10px;border-radius:14px;font-size:14px;color:var(--vink);transition:background .15s}
.mn-tile{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;
  background:#fff;color:var(--vp);box-shadow:inset 0 0 0 1px var(--vbd)}
.mn-tile svg.i{width:19px;height:19px}
.mn-tx{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.mn-tx b{font:600 14px Prompt,sans-serif;color:var(--vink)}
.mn-tx small{font-size:11.5px;color:var(--vtx2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-ar{margin-left:auto;color:var(--vtx3);display:flex}
.mn-ar svg.i{width:16px;height:16px}
.mn-i:hover,.mn-i:focus-visible{background:var(--vtint)}
.mn-i:hover .mn-tile{background:var(--vtint2);box-shadow:none}
/* หน้าที่อยู่ = พิลจางสีธีม + ไอคอนทึบ */
.mn-i.on{background:var(--vtint)}
.mn-i.on .mn-tile{background:var(--vbtn);color:#fff;box-shadow:0 4px 10px rgba(var(--vrgb),.28)}
.mn-i.on .mn-tx b{color:var(--vdeep)}
.mn-adm .mn-tile{color:#2457b8}
.mn-out .mn-tile{color:#d8485a;box-shadow:inset 0 0 0 1px #f3c9cf}
.mn-out .mn-tx b{color:#d8485a}
.mn-out:hover{background:#fdeef0}
.mn-x{font-size:0}
.mn-x svg.i{width:20px;height:20px}
.mn-view svg.i{width:15px;height:15px}
.mn-theme{gap:12px;padding:8px 10px}
.mn-theme .mn-tile{width:36px;height:36px}
.mn-theme .mn-tl{font:600 14px Prompt,sans-serif}

/* ---------- หัวเว็บ: กระดิ่ง · ปุ่มผู้ใช้ ▾ · ลิงก์ VIP / เขียนรีวิว ---------- */
.ib.bell svg.i{width:20px;height:20px;color:var(--vttl)}
.dnav a svg.i,.dnav .dn-cta svg.i{width:17px;height:17px;vertical-align:-3px;margin-right:4px}
.dnav-me i svg.i{width:18px;height:18px;color:#fff}
.dnav-me small{display:flex}
.dnav-me small svg.i{width:15px;height:15px}
.ptl svg.i{width:17px;height:17px;vertical-align:-3px;color:var(--vp)}

/* ---------- ปุ่มบนหน้าร้าน ---------- */
.acts3 .btn svg.i{width:18px;height:18px}
.act-chat svg.i{width:20px;height:20px}

/* ---------- แท็บร้านตกแต่ง ---------- */
.dk-tab{display:flex;align-items:center;justify-content:center;gap:6px}
.dk-tab svg.i{width:17px;height:17px}
.dk-tab.dk-on{color:var(--vp)}
.dk-admin svg.i{width:16px;height:16px;vertical-align:-3px;color:var(--vp)}

/* ---------- ปุ่มหลังบ้าน (dashboard) = ไอคอนในช่องมน ---------- */
.decorlinks .btn{gap:10px;justify-content:flex-start}
.decorlinks .btn svg.i{width:30px;height:30px;padding:6px;border-radius:10px;background:var(--vtint);color:var(--vp)}

/* ---------- ป้าย VIP (ทอง) ---------- */
.vip-badge svg.i{width:13px;height:13px;vertical-align:-2px;stroke-width:2;color:#c98a00}

/* ---------- คอม ≥1024: dropdown ผู้ใช้ ▾ = เมกะเมนู 2 คอลัมน์ (แบบรูปอ้างอิง) ---------- */
@media (min-width:1024px){
  .mn-draw{width:600px}
  .mn-list{display:grid;grid-template-columns:1fr 1fr;column-gap:6px;row-gap:2px}
  .mn-cap,.mn-sep{grid-column:1/-1}
  .mn-i .mn-ar{display:none}
}
.decorlinks .btn{text-align:left}