/* Exit intent pop-up in Jolly's #xi design (_includes/exit-intent-popup.html).
   The SDK builds the backdrop ([data-exit-intent="overlay"]), the fixed, centred panel
   ([data-exit-intent="popup"]) and the close button ([data-exit-intent="close"]) with inline
   styles; the template supplies .xi-dialog, whose look comes from css/jolly/components.css.
   !important is used only where an SDK inline style has to give way. */

.exit-intent-overlay { background-color:rgba(29,25,22,.62)!important; }
.exit-intent-template-popup { width:min(760px, calc(100vw - 32px)); max-width:none!important; max-height:calc(100vh - 32px)!important; border-radius:16px; }
.exit-intent-template-popup .xi-dialog { width:100%; font-family:var(--font-body); color:var(--color-text-primary); }
.exit-intent-template-popup .xi-c p, .exit-intent-template-popup .xi-c h3 { margin:0; }
.exit-intent-template-popup .xi-amt { font-size:40px; }
.exit-intent-template-popup .xi-cta { width:100%; }
.exit-intent-template-popup .xi-cta:focus-visible, .exit-intent-template-popup .xi-no:focus-visible, .exit-intent-template-popup .exit-intent-close:focus-visible { outline:2px solid var(--color-brand-primary); outline-offset:2px; }

.exit-intent-template-popup .exit-intent-close {
  top:12px!important; right:12px!important; width:40px!important; height:40px!important;
  border-radius:50%!important; background:var(--color-background-brand-tint)!important;
  color:var(--color-text-primary)!important; font-size:26px!important; line-height:40px!important;
}
.exit-intent-template-popup .exit-intent-close:hover { background:var(--color-border-default)!important; }

@media (max-width:640px) {
  .exit-intent-template-popup .xi-amt { font-size:32px; }
}