/* ==========================================================================
   WUFU — Popup Đặt bàn (dùng chung mọi trang)
   Do CNTT bổ sung. Mô hình giống caovuong: mở popup, nạp iframe form đặt bàn
   dùng chung của tập đoàn khi đã bật; khi chưa bật thì hiện thẻ hotline/Zalo.
   Dùng biến token của WUFU nếu có, kèm giá trị dự phòng để chạy ở mọi trang.
   ========================================================================== */
.wfbook-modal{
  position:fixed;inset:0;z-index:200;display:none;
  background:rgba(20,28,22,.55);
  padding:1rem;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}
.wfbook-modal.is-open{display:block}
body.wfbook-lock{overflow:hidden}

.wfbook-box{
  position:relative;margin:auto;display:flex;flex-direction:column;
  width:min(100% - 2rem, 48rem);
  max-height:min(92vh,54rem);height:min(92vh,54rem);
  top:50%;transform:translateY(-50%);
  background:var(--bg, #fff);color:var(--ink, #1c241e);
  border-radius:16px;overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.wfbook-head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem 1.1rem;border-bottom:1px solid var(--line-2, #e6e9e2);
  background:var(--green, #0f7b56);color:#fff;flex:none;
}
.wfbook-head b{font-size:1rem;font-weight:700;letter-spacing:.01em}
.wfbook-close{
  border:0;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;
  width:34px;height:34px;border-radius:999px;font-size:1.25rem;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:background-color .15s;
}
.wfbook-close:hover{background:rgba(255,255,255,.3)}

.wfbook-body{flex:1;min-height:0;display:flex;flex-direction:column}
.wfbook-body iframe{flex:1;width:100%;height:100%;border:0;display:block}

/* Thẻ dự phòng khi form iframe chưa bật */
.wfbook-card{
  flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.1rem;
  padding:clamp(1.4rem,4vw,2.6rem);text-align:center;
}
.wfbook-card h3{font-size:clamp(1.2rem,3vw,1.6rem);margin:0;color:var(--ink,#1c241e)}
.wfbook-card p{margin:0;color:var(--muted, #5b6560);line-height:1.6;font-size:.98rem}
.wfbook-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:.4rem}
.wfbook-actions a{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.72rem 1.25rem;border-radius:999px;font-weight:700;
  text-decoration:none;font-size:.95rem;transition:filter .15s,background-color .15s;
}
.wfbook-actions .wfbook-call{background:var(--red, #c0392b);color:#fff}
.wfbook-actions .wfbook-call:hover{filter:brightness(1.06)}
.wfbook-actions .wfbook-zalo{background:var(--green, #0f7b56);color:#fff}
.wfbook-actions .wfbook-zalo:hover{filter:brightness(1.06)}
.wfbook-note{font-size:.82rem;color:var(--muted,#5b6560)}

@media (max-width:600px){
  .wfbook-modal{padding:0}
  .wfbook-box{width:100%;height:100%;max-height:100%;border-radius:0;top:0;transform:none}
}

@media (prefers-reduced-motion:reduce){
  .wfbook-box{transition:none}
}