/* แถบแจ้งหน้าสำรองของภาษาที่ยังไม่แปลหน้านั้น (ใช้กับหน้าใต้ /<รหัสภาษา>/ เท่านั้น) */
/* ทำไมติดล่างจอ: ส่วนหัวของเว็บเป็น fixed ซ้อนบนสุด แถบในกระแสปกติจะถูกบัง */

.locale-notice {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 55;
  max-width: 720px;
  margin: 0 auto;
  padding: 10px 14px;
  border: 1px solid var(--line, #d7d7d7);
  border-radius: 12px;
  background: #fff;
  color: var(--ink, #111);
  font: 500 14px/1.5 var(--f, system-ui, sans-serif);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.locale-notice p { margin: 0; }

.locale-notice a {
  color: var(--brand-dark, #7d4485);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ไม่ให้แถบบังบรรทัดท้ายสุดของท้ายหน้า */
body:has(.locale-notice:not([hidden])) { padding-bottom: 72px; }

/* มือถือ: เมนูล่างลอยอยู่ที่ก้นจอ (สูงราว 72px + safe area) ยกแถบขึ้นเหนือเมนู */
@media (max-width: 768px) {
  .locale-notice {
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
    font-size: 13px;
  }

  body:has(.locale-notice:not([hidden])) { padding-bottom: 140px; }
}