/* ============================================================
   asiae — CSS CUSTOM của BizMaC (KHÔNG phải của layout team).
   Nạp SAU toàn bộ assets/ nên đè được library.min.css.

   Vì sao nằm ngoài assets/: thư mục `assets/` là dữ liệu team layout
   bàn giao, CẤM sửa/thêm file (An chốt 2026-07-16) — đụng vào đó thì
   lần bàn giao sau là mất trắng hoặc phải merge tay. File này trước
   ở assets/css/custom.css, đã chuyển ra đây.

   Lý do tồn tại: UIKit compiled (library.min.css) THIẾU luật .pub-popup-*
   dùng bởi baseline _PublicBannerPopup + _PublicThankYouModal.
   TODO layout team: back-port khối này vào SCSS nguồn (UIKit) rồi
   biên dịch lại library.min.css; khi đó có thể bỏ file này.
   ============================================================ */

/* ── Modal/popup công khai: overlay + card (Cảm ơn, banner popup) ── */
.pub-popup-mask {
  position: fixed;
  inset: 0;
  z-index: 1090;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(15, 17, 15, .55);
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .28s ease, visibility .28s ease;
}
.pub-popup-mask.is-open { opacity: 1; visibility: visible; }

.pub-popup-box {
  position: relative;
  width: min(440px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  background: #fff;
  border-radius: 18px;
  padding: 44px 36px 36px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
  transform: translateY(18px) scale(.97);
  transition: transform .3s cubic-bezier(.2, .8, .25, 1);
}
.pub-popup-mask.is-open .pub-popup-box { transform: none; }

.pub-popup-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  color: var(--as-ink2, #8a8f8a);
  cursor: pointer;
  border-radius: 50%;
  transition: background .2s ease, color .2s ease;
}
.pub-popup-close:hover { background: rgba(0, 0, 0, .06); color: var(--as-ink, #1a1c1a); }

/* Icon check lớn, màu accent (đè cỡ nhỏ của .bmc-headline__eyebrow khi mượn class màu). */
.pub-popup-box .fa-circle-check {
  display: inline-block;
  font-size: 58px;
  line-height: 1;
  color: var(--as-accent, #18a854);
  letter-spacing: normal;
}

@media (prefers-reduced-motion: reduce) {
  .pub-popup-mask, .pub-popup-box { transition: none; }
  .pub-popup-box { transform: none; }
}