/* ——————————————————————————————
   Black Ribbon (Top-Right Corner)
   Author: Tamaki S.
   Purpose: แสดงโบว์ดำไว้อาลัยมุมขวาบนของหน้าเว็บ
—————————————————————————————— */

/* ตัวแปรขนาดและตำแหน่งโบว์ */
:root {
  --bow-size: 120px;   /* ปรับขนาดโบว์ */
  --bow-offset: 16px;  /* ระยะห่างจากขอบ */
}

/* แสดงโบว์เป็นตกแต่ง ไม่บังการคลิก */
body::after {
  content: "";
  position: fixed;
  top: var(--bow-offset);
  right: var(--bow-offset);
  width: var(--bow-size);
  height: var(--bow-size);
  background: url("https://storage.googleapis.com/media.nconnect.co.th/Black-bow.png")
              no-repeat center / contain;
  z-index: 9999;
  pointer-events: none; /* ให้คลิกสิ่งที่อยู่ข้างใต้ได้ */
}

/* สำหรับตอนล็อกอินที่มีแถบ Admin Bar ของ WordPress */
body.admin-bar::after {
  top: calc(var(--bow-offset) + 32px);
}

/* ปรับตำแหน่งเมื่อหน้าจอมีความกว้างต่ำกว่า 782px (แท็บเล็ต) */
@media (max-width: 782px) {
  body.admin-bar::after {
    top: calc(var(--bow-offset) + 46px);
  }
}

/* ปรับขนาดและระยะห่างของโบว์บนหน้าจอมือถือ */
@media (max-width: 480px) {
  :root {
    --bow-size: 80px;
    --bow-offset: 10px;
  }
}