/* popup.css — 替换 elementor-pro/assets/css/conditionals/popup.min.css（995 B）
 *
 * 弹窗**打开之后**的模态样式。150 个页面加载它。
 *
 * 🔴 **它不是"打开弹窗的那个东西"** —— 打开的逻辑住在 `elements-handlers.min.js`
 *    （`#elementor-action:…popup:open` 的注册方），那是另一件事、另一个 43,922 B。
 *    此前有过一次误读：以为换掉这 995 B 就等于处理了弹窗，而**主转化入口
 *    「Apply Now」的打开路径一个字节都没动**。
 *
 * ⚠️ **我一度把它和 `conditionals/dialog.min.css` 混成一件事，那是错的。**
 *    这张表**真的出现在 150 个页面的 `<link>` 里**（`id="e-popup-css"`），
 *    静态扫描面够得着；**按需加载的是 `dialog.min.css`** ——
 *    后者由 JS 在弹窗第一次打开那一刻才拼 URL 去取，不出现在任何标记里，
 *    由 `assets-gate` 第四条判据（从 JS 里派生 `conditionals/<名字>`）守着。
 *    ⇒ 两张表同在 `conditionals/` 目录下，**而加载方式完全不同**；
 *      目录名不是判据，`<link>` 在不在才是。
 *
 * 逐条作用：
 *   ① 弹窗模板本体在页面里默认隐藏（只有编辑器里才显示）。
 *   ② 外层容器 `pointer-events:none` —— 点击穿透到遮罩，由遮罩负责关闭；
 *      内容层再单独 `pointer-events:all` 收回来（见 dialog-widget-content）。
 *      **这一对是承重的**：只写一半会得到"点弹窗外面关不掉"或"弹窗自己点不动"。
 *   ③ 隐藏 dialog 库自带的标题栏/按钮栏/关闭键 —— 本站的弹窗自带设计。
 *   ④ 内容框：白底、无圆角无投影、宽度自适应，`overflow:visible` 让内部
 *      绝对定位的装饰元素能溢出。
 *   ⑤ 消息区固定 640px 宽、纵向可滚 —— 那是弹窗里那张申请表单的容器。 */

[data-elementor-type="popup"] .elementor-section-wrap:not(:empty) + #elementor-add-new-section,
[data-elementor-type="popup"]:not(.elementor-edit-area) {
  display: none;
}

.elementor-popup-modal.dialog-type-lightbox {
  background-color: transparent;
  display: flex;
  pointer-events: none;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}

.elementor-popup-modal .dialog-buttons-wrapper,
.elementor-popup-modal .dialog-header {
  display: none;
}

.elementor-popup-modal .dialog-close-button {
  display: none;
  inset-inline-end: 20px;
  margin-top: 0;
  opacity: 1;
  pointer-events: all;
  top: 20px;
  z-index: 9999;
}

.elementor-popup-modal .dialog-close-button svg {
  fill: #1f2124;
  height: 1em;
  width: 1em;
}

.elementor-popup-modal .dialog-widget-content {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  max-height: 100%;
  max-width: 100%;
  overflow: visible;
  pointer-events: all;
  width: auto;
}

.elementor-popup-modal .dialog-message {
  display: flex;
  max-height: 100vh;
  max-width: 100vw;
  overflow: auto;
  padding: 0;
  width: 640px;
}

.elementor-popup-modal .elementor {
  width: 100%;
}