/* Exit popup, Ask Aaron, mobile action bar (inc/engage.php). Brand: Civic Trust. */
.op-eng-fab{position:fixed;right:20px;bottom:20px;z-index:9000;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid rgba(244,242,236,.35);background:#0E4F4A;color:#F4F2EC;font:700 14px/1 'Manrope',system-ui,sans-serif;cursor:pointer;box-shadow:0 14px 34px -14px rgba(0,0,0,.6)}
.op-eng-fab span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#E2A33C;color:#2a1c12;font-size:13px}
.op-eng-fab:hover,.op-eng-fab:focus-visible{outline:3px solid #E2A33C;outline-offset:2px}
.op-eng-dlg{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;background:rgba(6,33,31,.62)}
.op-eng-dlg[hidden]{display:none}
.op-eng-box{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#F4F2EC;color:#16221F;border-radius:20px;padding:28px 26px 24px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);font-family:'Manrope',system-ui,sans-serif}
.op-eng-box h2{font-size:22px;line-height:1.2;font-weight:700;margin:0 0 8px;color:#16221F}
.op-eng-box h2:focus,.op-eng-box h3:focus{outline:none}
.op-eng-sub,.op-eng-done p{font-size:14px;color:#4a5550;margin:0 0 16px;line-height:1.5}
.op-eng-k{font:700 11px/1 'Space Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#8C5B12;margin:0 0 10px}
.op-eng-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;background:transparent;font-size:26px;line-height:1;color:#16221F;cursor:pointer;border-radius:50%}
.op-eng-x:hover,.op-eng-x:focus-visible{background:rgba(14,79,74,.1);outline:2px solid #0E4F4A}
.op-ask-form label{display:block;font-size:13px;font-weight:700;color:#16221F;margin:0 0 12px}
.op-eng-opt{font-weight:400;color:#4a5550}
.op-ask-form input,.op-ask-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid rgba(22,34,31,.28);border-radius:10px;background:#fff;font:15px/1.4 'Manrope',system-ui,sans-serif;color:#16221F}
.op-ask-form input:focus,.op-ask-form textarea:focus{outline:3px solid rgba(226,163,60,.6);border-color:#0E4F4A}
.op-eng-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.op-eng-err{color:#9b2c12;font-size:13.5px;font-weight:600;margin:0 0 10px}
.op-eng-btn{width:100%;padding:14px;border:0;border-radius:999px;background:#E2A33C;color:#2a1c12;font:800 15px/1 'Manrope',system-ui,sans-serif;cursor:pointer}
.op-eng-btn:focus-visible,.op-eng-no:focus-visible,.op-eng-offer:focus-visible{outline:3px solid #0E4F4A;outline-offset:2px}
.op-eng-done h3{font-size:19px;margin:6px 0 8px;color:#0E4F4A}
.op-eng-offers{display:grid;gap:12px;margin:16px 0 14px}
.op-eng-offer{display:block;padding:16px 18px;border:1px solid rgba(14,79,74,.25);border-radius:14px;background:#fff;text-decoration:none;color:#16221F}
.op-eng-offer:hover{border-color:#E2A33C}
.op-eng-offer b{display:block;font-size:15.5px;color:#0E4F4A;margin-bottom:4px}
.op-eng-offer span{display:block;font-size:14px;color:#4a5550;line-height:1.45}
.op-eng-no{display:block;margin:0 auto;border:0;background:transparent;color:#4a5550;font:600 13.5px 'Manrope',system-ui,sans-serif;text-decoration:underline;cursor:pointer;padding:8px}
.op-eng-bar{display:none}
@media (max-width:700px){
  .op-eng-fab{display:none}
  .op-eng-bar{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:flex;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(6,33,31,.96);border-top:1px solid rgba(244,242,236,.15);transform:translateY(110%);transition:transform .25s}
  .op-eng-bar.is-on{transform:none}
  .op-eng-bar a,.op-eng-bar button{flex:1;display:grid;place-items:center;min-height:46px;border-radius:999px;font:800 14px/1 'Manrope',system-ui,sans-serif;text-decoration:none;cursor:pointer}
  .op-eng-bar-a{background:#E2A33C;color:#2a1c12}
  .op-eng-bar-b{background:transparent;color:#F4F2EC;border:1px solid rgba(244,242,236,.45)}
  html.op-eng-bar-on body{padding-bottom:72px}
}
@media (prefers-reduced-motion:reduce){.op-eng-bar{transition:none}}
html.op-eng-open{overflow:hidden}
