/* =================================================
   VOQUEZNA / BlinkRx $0 Savings Pop-Up — v1.2.0
   Markup: includes/blinkrx-popup.php
   .voq-pop rules follow the agency snippet (VOQ_PALA_popup_package.zip)
   so future revisions from them can be diffed in. .voq-modal / .voq-close
   are ours (the snippet expected a popup builder to supply them).
   Brand: Navy #153858 | Cyan #00A0D1 | Button blue #2860AA | Green #2CB34A | Panel #EFF2F6
   ================================================= */

/* -- Modal shell --
   Selectors are prefixed with .voq-modal where the theme's global a/button
   styles were leaking in (bordered X, stretched buttons on staging). */
.voq-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px}
.voq-modal[hidden]{display:none}
.voq-modal__backdrop{position:absolute;inset:0;background:rgba(10,25,45,.6)}
html.voq-modal-open,html.voq-modal-open body{overflow:hidden}

.voq-pop .voq-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.voq-modal .voq-pop .voq-close{position:absolute;top:16px;right:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:4px;background:none;box-shadow:none;color:#153858;cursor:pointer}
.voq-pop .voq-close:hover{color:#2860AA}
.voq-pop a:focus-visible,.voq-pop button:focus-visible{outline:3px solid #00A0D1;outline-offset:3px}
.voq-pop:focus{outline:none}

/* -- Card (agency snippet) -- */
.voq-pop{position:relative;box-sizing:border-box;width:100%;max-width:866px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;margin:0 auto;background:#fff;color:#333;font-family:'proxima-nova','Proxima Nova','ProximaNovaRegular',Arial,sans-serif;border-radius:16px;text-align:left;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.voq-pop *{box-sizing:border-box}
.voq-pop .voq-strip{height:6px;background:linear-gradient(90deg,#2CB34A,#00A0D1)}
.voq-pop .voq-inner{padding:26px 48px 20px}
.voq-pop .voq-logo{display:block;height:46px;width:auto;margin:0 0 22px}
.voq-pop .voq-row{display:flex;gap:32px;align-items:stretch}
.voq-pop .voq-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.voq-pop .voq-h{margin:0;padding:0;font-family:'Montserrat',sans-serif;font-size:26px;line-height:1.25;text-transform:uppercase;letter-spacing:.01em}
.voq-pop .voq-h1{display:block;font-weight:500;color:#153858}
.voq-pop .voq-h2{display:block;font-weight:800;color:#00A0D1}
.voq-pop .voq-rule{width:64px;height:4px;background:#00A0D1}
.voq-pop .voq-body{margin:0;font-size:18px;line-height:1.5;color:#1E1E1E}
.voq-pop .voq-body strong{font-weight:700}
.voq-pop .voq-body sup{font-size:.6em}
.voq-modal .voq-pop .voq-btns{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:6px}
.voq-modal .voq-pop .voq-btn{display:inline-flex;flex:0 0 auto;width:auto;max-width:100%;align-items:center;justify-content:center;height:50px;margin:0;padding:0 26px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;text-decoration:none;border:2px solid #2860AA;transition:background-color .2s,color .2s,border-color .2s}
.voq-pop .voq-btn-primary{background:#2860AA;color:#fff}
.voq-pop .voq-btn-primary:hover,.voq-pop .voq-btn-primary:focus{background:#153858;border-color:#153858;color:#fff;text-decoration:none}
.voq-pop .voq-btn-secondary{background:#fff;color:#2860AA}
.voq-pop .voq-btn-secondary:hover,.voq-pop .voq-btn-secondary:focus{color:#153858;border-color:#153858;text-decoration:none}
.voq-pop .voq-offer{width:230px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}
.voq-pop .voq-zero{display:flex;flex-direction:column;align-items:center;padding-top:6px}
.voq-pop .voq-zero-num{font-family:'Montserrat',sans-serif;font-weight:800;font-size:136px;line-height:.95;color:#00A0D1;letter-spacing:-.02em}
.voq-pop .voq-zero-label{line-height:1.3;font-family:'Montserrat',sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#153858;}
.voq-pop .voq-partner{background:#EFF2F6;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}
.voq-pop .voq-partner > div{text-align:center;}
.voq-pop .voq-partner-label{line-height:1.3;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#153858;text-align: center;}
.voq-pop .voq-blink{display: block; width: 132px; height: auto; margin: 8px auto 0;}
.voq-pop .voq-foot{margin-top:22px;padding-top:14px;border-top:1px solid #ccc}
.voq-pop .voq-fine{margin:0 0 6px;font-size:12.5px;line-height:1.45;color:#4A4A4A}
.voq-pop .voq-fine a{color:#2860AA;text-decoration:underline}
.voq-pop .voq-end{margin:0;font-size:10px;line-height:1.4;color:#4A4A4A}

@media (max-width:640px){
.voq-modal{padding:12px}
.voq-pop{max-width:350px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
.voq-modal .voq-pop .voq-close{top:12px;right:8px}
.voq-pop .voq-inner{padding:20px 24px 16px}
.voq-pop .voq-logo{height:38px;margin-bottom:16px}
.voq-pop .voq-row{flex-direction:column-reverse;gap:16px}
.voq-pop .voq-offer{width:auto}
.voq-pop .voq-zero{flex-direction:row;align-items:center;gap:14px;padding-top:0}
.voq-pop .voq-zero-num{font-size:76px}
.voq-pop .voq-zero-label{text-align:center;font-size:13px}
.voq-pop .voq-partner{flex-direction:row;justify-content:flex-start;gap:14px;padding:14px 16px}
.voq-pop .voq-partner-label{text-align:left;font-weight:600}
.voq-pop .voq-blink{width:110px}
.voq-pop .voq-h{font-size:16px;line-height:1.28}
.voq-pop .voq-body{font-size:16.5px}
.voq-pop .voq-copy{gap:8px;}
.voq-pop .voq-end{font-size: 8.65px;}
.voq-modal .voq-pop .voq-btns{align-items:stretch}
.voq-modal .voq-pop .voq-btn{display:flex;width:100%;padding:0 24px;white-space:normal;letter-spacing:.04em}
}

@media (prefers-reduced-motion:no-preference){
.voq-modal:not([hidden]) .voq-pop{animation:voq-pop-in .25s ease-out}
@keyframes voq-pop-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
