/* นกฮูกส่งข่าวบนหน้าแรก (2026-09-24) — คู่กับ owl-news.js ใช้รูป owl-courier-friendly-v1.png
   z-index ต่ำกว่าแผงแต่งห้อง (#ftl-panel 120) และซ่อนตอนกำลังแต่งห้อง */
.owl-news {
  position: fixed; right: 22px; bottom: 22px; z-index: 90; display: flex; align-items: flex-end; gap: 4px;
  pointer-events: none; font-family: 'Noto Sans Thai', sans-serif;
}
.owl-news[hidden], body.ftl-editing .owl-news, body:not([data-page=home]) .owl-news { display: none !important; }

.owl-news__bird {
  pointer-events: auto; width: 150px; flex-shrink: 0; border: 0; padding: 0; background: none; cursor: pointer;
  animation: owl-news-arrive 1.4s cubic-bezier(.18,.7,.25,1) both;
}
.owl-news__bird span { display: block; animation: owl-news-hover 4.5s ease-in-out 1.4s infinite; }
.owl-news__bird img {
  display: block; width: 100%; height: auto; filter: drop-shadow(0 12px 9px #0008);
  animation: owl-news-tilt 6s ease-in-out 1.4s infinite; transform-origin: 50% 60%;
}
.owl-news__bird:focus-visible { outline: 2px solid #e9c07a; outline-offset: 4px; border-radius: 50%; }

.owl-news__letter {
  pointer-events: auto; position: relative; width: min(290px, calc(100vw - 190px)); margin-bottom: 34px;
  padding: 12px 14px 12px; border-radius: 14px; cursor: pointer; text-align: left; color: #e6efef; font: inherit;
  background: linear-gradient(160deg, rgba(233,192,122,.14), transparent 45%), #0b1a23f2;
  border: 1px solid #a1c6cc55; box-shadow: 0 18px 40px #0009;
  animation: owl-news-letter .5s ease-out 1.1s both;
}
.owl-news__letter::after {
  content: ''; position: absolute; right: -7px; bottom: 26px; width: 12px; height: 12px; transform: rotate(45deg);
  background: #0f1f28; border-right: 1px solid #a1c6cc55; border-top: 1px solid #a1c6cc55;
}
.owl-news__kicker { display: flex; align-items: center; gap: 7px; font-size: 11px; color: #e9c07a; letter-spacing: .04em; }
.owl-news__seal {
  width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
  background: radial-gradient(circle at 40% 35%, #c24848, #8e2626); box-shadow: inset 0 -2px 3px #0006;
}
.owl-news__seal.is-post { background: radial-gradient(circle at 40% 35%, #3f8f84, #245a52); }
.owl-news__title { display: block; margin: 6px 0 4px; font: 600 14.5px/1.5 'Noto Serif Thai', serif; color: #f1dbb3; }
.owl-news__sub { display: block; font-size: 12px; color: #afbec3; line-height: 1.5; }
.owl-news__cta { display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 700; color: #8fd2c2; }
.owl-news__more { display: block; margin-top: 4px; font-size: 11px; color: #7d9298; }
.owl-news__close {
  pointer-events: auto; position: absolute; z-index: 2; top: -14px; right: 146px; width: 32px; height: 32px; border-radius: 50%;
  border: 1px solid #a1c6cc55; background: #0b1a23f2; color: #e6efef; font-size: 13px; cursor: pointer;
}

@keyframes owl-news-arrive { from { opacity: 0; transform: translate(120px, -80px) scale(.5) rotate(14deg); } to { opacity: 1; transform: none; } }
@keyframes owl-news-hover { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes owl-news-tilt { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
@keyframes owl-news-letter { from { opacity: 0; transform: translateX(16px) scale(.96); } to { opacity: 1; transform: none; } }

/* ── เกาะเหนือการ์ด "ข่าวสำคัญวันนี้" (ตำแหน่ง left/width/bottom มาจาก owl-news.js) ── */
.owl-news:not(.has-letter) .owl-news__letter,
.owl-news:not(.has-letter) .owl-news__close { display: none; }
.owl-news.is-perched { justify-content: flex-end; gap: 0; }
.owl-news.is-perched .owl-news__bird { width: 96px; margin-bottom: -6px; }
.owl-news.is-perched:not(.has-letter) .owl-news__bird { width: 84px; animation: owl-news-perch 1.2s ease-out both; }
.owl-news.is-perched .owl-news__letter { width: auto; flex: 1; min-width: 0; margin-bottom: 8px; padding: 10px 12px; }
.owl-news.is-perched .owl-news__title {
  font-size: 13.5px; margin: 5px 0 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.owl-news.is-perched .owl-news__sub { font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.owl-news.is-perched .owl-news__cta { margin-top: 5px; }
.owl-news.is-perched .owl-news__close { right: auto; left: -8px; top: -12px; }
@keyframes owl-news-perch { from { opacity: 0; transform: translateY(-24px) scale(.85); } to { opacity: 1; transform: none; } }

/* ปุ่มเปิดห้องอ่านข่าวในการ์ด "ข่าวสำคัญวันนี้" */
.owl-news-room-btn {
  display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; margin: 10px 12px 2px;
  border-radius: 12px; border: 1px solid #e9c07a66; color: #e9c07a; background: rgba(233,192,122,.08);
  font-size: 12.5px; font-weight: 700; text-decoration: none;
}
.owl-news-room-btn:hover { background: rgba(233,192,122,.16); }

@media (max-width: 1023px) {
  .owl-news { right: 10px; left: 10px; bottom: calc(76px + env(safe-area-inset-bottom)); justify-content: flex-end; }
  .owl-news__bird { width: 104px; }
  .owl-news__letter { width: auto; flex: 1; margin-bottom: 22px; }
  .owl-news__close { right: 104px; }
}
@media (prefers-reduced-motion: reduce) {
  .owl-news__bird, .owl-news__bird span, .owl-news__bird img, .owl-news__letter { animation: none !important; }
}