/* =========================================================
   PREVENTA - Quick Contact Popup
   Individual CSS for the floating enquiry popup
   ========================================================= */

.quick-contact-form {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 90px;
    width: 370px;
    max-width: calc(100vw - 30px);
    padding: 25px;
    background: #fff;
    box-sizing: border-box;
    z-index: 10001;
    box-shadow: 0 8px 35px rgba(0,0,0,.20);
    border-radius: 2px;
}

.quick-contact-form.is-open {
    display: block;
    animation: preventaPopupIn .25s ease;
}

.popup-form-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.20);
    z-index: 10000;
}

.popup-form-overlay.is-open {
    display: block;
}

.drop-msg {
    cursor: pointer;
}

@keyframes preventaPopupIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 600px) {
    .quick-contact-form {
        right: 15px;
        bottom: 80px;
        width: calc(100vw - 30px);
        max-width: none;
        padding: 20px;
    }
}


/* Final responsive popup rules. Kept here as well as in about.css so the
   popup remains safe if this component stylesheet is loaded independently. */
html.preventa-popup-open,body.preventa-popup-open{overflow:hidden!important}
.quick-contact-form{
  left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;width:min(440px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;z-index:2147483001!important;
  border:2px solid #ee3533!important;border-radius:14px!important;
}
.popup-form-overlay{z-index:2147483000!important;width:100vw!important;height:100dvh!important}
.quick-contact-form .quick_form input,.quick-contact-form .quick_form textarea{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
.preventa-popup-close{
  position:absolute!important;right:10px!important;top:9px!important;width:36px!important;height:36px!important;
  border:0!important;border-radius:50%!important;background:#f3f3f3!important;color:#333!important;
  font-size:27px!important;line-height:34px!important;cursor:pointer!important;
}
@media(max-width:600px){
  .quick-contact-form{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:16px!important}
}
@media(max-width:380px){
  .quick-contact-form{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:calc(100dvh - 12px)!important;padding:13px!important}
}