/* ThaïGuide — push.css */

#tg-push-banner {
  position: fixed;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 32px);
  max-width: 460px;
  z-index: 9999;
  transition: top .35s cubic-bezier(.34,1.56,.64,1);
  pointer-events: none;
}
#tg-push-banner.tg-pb--in {
  top: max(16px, env(safe-area-inset-top, 16px));
  pointer-events: all;
}
.tg-pb-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #1e3a5f, #0f2744);
  border: 1.5px solid rgba(255,165,0,.4);
  border-radius: 16px;
  padding: 13px 15px;
  box-shadow: 0 8px 32px rgba(0,0,0,.4);
}
.tg-pb-icon {
  font-size: 1.5rem;
  flex-shrink: 0;
  animation: tg-pb-flame 1.4s ease-in-out infinite;
}
@keyframes tg-pb-flame {
  0%,100% { transform: rotate(-4deg) scale(1); }
  50%      { transform: rotate(4deg) scale(1.12); }
}
.tg-pb-text { flex: 1; font-size: .82rem; color: rgba(255,255,255,.88); line-height: 1.4; }
.tg-pb-text strong { color: #fff; }
.tg-pb-btn {
  background: linear-gradient(135deg,#ff6b00,#e05500);
  border: none; border-radius: 10px; color: #fff;
  font-size: .78rem; font-weight: 800; padding: 8px 13px;
  cursor: pointer; white-space: nowrap; flex-shrink: 0;
}
.tg-pb-close {
  background: none; border: none; color: rgba(255,255,255,.4);
  font-size: 1rem; cursor: pointer; padding: 4px; flex-shrink: 0;
  transition: color .15s;
}
.tg-pb-close:hover { color: rgba(255,255,255,.8); }