/* ═══════════════════════════════════════════
   METRO MANPOWER — POPUP / MODAL STYLES
   Reusable modal overlay used by all popups
   ═══════════════════════════════════════════ */
/* ═══════════════════════════════════════════
   RESUME MODAL
   ═══════════════════════════════════════════ */
.modal-ov{display:none;position:fixed;inset:0;z-index:2000;background:rgba(11,18,32,.50);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:24px}
.modal-ov.active{display:flex}
.modal-box{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--white);border-radius:20px;padding:36px 32px;box-shadow:0 28px 70px rgba(11,18,32,.18)}
.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--soft-bg);border:1px solid var(--line);border-radius:50%;color:var(--dark);cursor:pointer;transition:all .2s;font-family:var(--font)}
.modal-close:hover{background:var(--blue-light);color:var(--blue);border-color:rgba(11,32,182,.16)}
.modal-close svg{width:16px;height:16px}
.modal-box h3{font-size:clamp(22px,1.8vw,28px);font-weight:600;letter-spacing:-.04em;margin-bottom:6px;color:var(--dark)}
.modal-box>p{color:var(--body);font-size:14px;line-height:1.72;margin-bottom:24px}
@media(max-width:767px){.modal-box{padding:24px 20px;border-radius:16px}}
/* Popup tweaks */
.modal-box h3[data-enquiry-title]{margin-bottom:4px}
.modal-box p[data-enquiry-sub]{margin-bottom:20px}