.mao-button-wrap{margin-top:10px;box-sizing:border-box}.mao-button-wrap.mao-width-full{width:100%}.mao-button-wrap.mao-width-full .mao-open{width:100%}.mao-button-wrap.mao-width-auto{width:auto}.mao-align-left{text-align:left}.mao-align-center{text-align:center}.mao-align-right{text-align:right}.mao-open.mao-custom-style{background:var(--mao-bg)!important;color:var(--mao-color)!important;border-width:var(--mao-border-width)!important;border-style:var(--mao-border-style)!important;border-color:var(--mao-border)!important;border-radius:var(--mao-radius)!important;font-family:var(--mao-font-family)!important;font-size:var(--mao-font-size)!important;font-weight:var(--mao-font-weight)!important;letter-spacing:var(--mao-letter-spacing)!important;text-transform:var(--mao-text-transform)!important;padding:var(--mao-padding-y) var(--mao-padding-x)!important;transition:background .18s ease,color .18s ease,border-color .18s ease}.mao-open.mao-custom-style:hover,.mao-open.mao-custom-style:focus{background:var(--mao-hover-bg)!important;color:var(--mao-hover-color)!important}.mao-open.mao-match-theme{transition:filter .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.mao-open.mao-match-theme:not(.mao-theme-native):hover{filter:brightness(.94)}.mao-modal{display:none;position:fixed;inset:0;z-index:999999}.mao-modal.is-open{display:block}.mao-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.mao-dialog{position:relative;max-width:500px;margin:8vh auto;background:#fff;border-radius:12px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.28);z-index:2}.mao-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.mao-product-name{font-weight:700;font-size:1.08em;margin-bottom:4px}.mao-asking{margin-bottom:18px}.mao-dialog label{display:block;font-weight:600;margin:13px 0 5px}.mao-dialog input,.mao-dialog textarea{width:100%;box-sizing:border-box}.mao-money{display:flex;align-items:center;border:1px solid #aaa;border-radius:4px;overflow:hidden}.mao-money span{padding:0 10px}.mao-money input{border:0!important;box-shadow:none!important}.mao-dialog button[type=submit]{width:100%;margin-top:18px}.mao-response{margin-top:12px;font-weight:600}.mao-modal small{font-weight:400}@media(max-width:600px){.mao-dialog{margin:4vh 16px;padding:24px}.mao-button-wrap{width:100%}.mao-open{width:100%}}

/* v0.3.0 Offer window customisation */
.mao-backdrop{background:var(--mao-modal-overlay,rgba(0,0,0,.55))}
.mao-dialog{max-width:var(--mao-modal-width,500px);background:var(--mao-modal-bg,#fff);color:var(--mao-modal-text,#222);border-radius:var(--mao-modal-radius,12px);padding:var(--mao-modal-padding,28px);box-shadow:var(--mao-modal-shadow,0 20px 70px rgba(0,0,0,.28));box-sizing:border-box}
.mao-dialog #mao-title{color:var(--mao-modal-title,#222);font-size:var(--mao-modal-title-size,24px);margin-top:0;padding-right:52px}
.mao-close{left:auto!important;right:16px!important;top:16px!important;bottom:auto!important;margin:0!important;transform:none!important;float:none!important;width:calc(var(--mao-modal-close-size,20px) + (var(--mao-modal-close-padding,8px) * 2))!important;height:calc(var(--mao-modal-close-size,20px) + (var(--mao-modal-close-padding,8px) * 2))!important;min-width:calc(var(--mao-modal-close-size,20px) + (var(--mao-modal-close-padding,8px) * 2))!important;min-height:calc(var(--mao-modal-close-size,20px) + (var(--mao-modal-close-padding,8px) * 2))!important;max-width:calc(var(--mao-modal-close-size,20px) + (var(--mao-modal-close-padding,8px) * 2))!important;max-height:calc(var(--mao-modal-close-size,20px) + (var(--mao-modal-close-padding,8px) * 2))!important;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:var(--mao-modal-close-radius,50%)!important;background:var(--mao-modal-close-bg,#f6f7f7)!important;color:var(--mao-modal-close,#222)!important;font-size:var(--mao-modal-close-size,20px)!important;line-height:1!important;padding:0!important;z-index:3;box-shadow:none!important}
.mao-close:hover,.mao-close:focus{filter:brightness(.95)}
.mao-dialog label{color:var(--mao-modal-label,#222)}
.mao-dialog input:not([type=hidden]),.mao-dialog textarea{background:var(--mao-modal-field-bg,#fff)!important;border:1px solid var(--mao-modal-field-border,#8c8f94)!important;border-radius:var(--mao-modal-field-radius,4px)!important;color:var(--mao-modal-field-text,#222)!important;min-height:var(--mao-modal-field-height,42px);padding:8px 10px!important}
.mao-dialog textarea{height:var(--mao-modal-textarea-height,120px);resize:vertical}
.mao-dialog input:not([type=hidden]):focus,.mao-dialog textarea:focus,.mao-money:focus-within{border-color:var(--mao-modal-field-focus,#2271b1)!important;box-shadow:0 0 0 1px var(--mao-modal-field-focus,#2271b1)!important;outline:0}
.mao-money{background:var(--mao-modal-field-bg,#fff);border-color:var(--mao-modal-field-border,#8c8f94)!important;border-radius:var(--mao-modal-field-radius,4px)!important;min-height:var(--mao-modal-field-height,42px)}
.mao-money input{min-height:calc(var(--mao-modal-field-height,42px) - 2px)!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;color:var(--mao-modal-field-text,#222)!important}.mao-money input:focus{border:0!important;box-shadow:none!important;outline:0!important}
.mao-dialog button[type=submit].mao-submit-custom{background:var(--mao-modal-submit-bg,#2271b1)!important;color:var(--mao-modal-submit-color,#fff)!important;border-color:var(--mao-modal-submit-border,#2271b1)!important;border-width:var(--mao-modal-submit-border-width,1px)!important;border-style:var(--mao-modal-submit-border-style,solid)!important;border-radius:var(--mao-modal-submit-radius,4px)!important}
.mao-dialog button[type=submit].mao-submit-custom:hover,.mao-dialog button[type=submit].mao-submit-custom:focus{background:var(--mao-modal-submit-hover-bg,#135e96)!important;color:var(--mao-modal-submit-hover-color,#fff)!important;border-color:var(--mao-modal-submit-hover-border,#135e96)!important}
@media(max-width:600px){.mao-dialog{max-width:calc(100% - 32px);padding:calc(var(--mao-modal-padding,28px) * .8)}}


/* v0.3.2 modal field and close-position fixes */
.mao-modal .mao-dialog > button.mao-close[data-mao-close]{position:absolute!important;inset:16px 16px auto auto!important;inset-inline-start:auto!important;inset-inline-end:16px!important;left:auto!important;right:16px!important;top:16px!important;bottom:auto!important;margin:0!important;margin-inline:0!important;translate:none!important;transform:none!important;float:none!important;z-index:10!important}
.mao-money{position:relative!important;display:flex!important;align-items:stretch!important;padding:0!important;overflow:hidden!important}
.mao-money .mao-currency-prefix{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;padding:0 6px 0 10px!important;color:var(--mao-modal-currency,#383838)!important;background:transparent!important;border:0!important;box-shadow:none!important}
.mao-money input[name=amount]{flex:1 1 auto!important;width:100%!important;min-width:0!important;text-align:left!important;margin:0!important;padding:8px 10px 8px 0!important;border:0!important;border-left:0!important;border-right:0!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;color:var(--mao-modal-field-text,#222)!important}
.mao-money input[name=amount]:focus{border:0!important;box-shadow:none!important;outline:0!important}
.mao-dialog input::placeholder,.mao-dialog textarea::placeholder{color:var(--mao-modal-placeholder,#757575)!important;opacity:1!important}
.mao-dialog input::-webkit-input-placeholder,.mao-dialog textarea::-webkit-input-placeholder{color:var(--mao-modal-placeholder,#757575)!important;opacity:1!important}

/* v0.5.0 customer response modal */
.mao-response-actions{display:flex;flex-direction:column;gap:16px}
.mao-response-actions>.button{width:100%;text-align:center}
.mao-response-counter{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(127,127,127,.22)}
.mao-response-result{display:none;margin-top:16px;padding:12px 14px;border-radius:6px}
.mao-response-result.is-working,.mao-response-result.is-success,.mao-response-result.is-error{display:block}
.mao-response-result.is-working{background:#f6f7f7;color:#50575e}
.mao-response-result.is-success{background:#edfaef;color:#116329}
.mao-response-result.is-error{background:#fbeaea;color:#8a2424}
.mao-response-result p{margin:0 0 10px}

/* v0.5.2 - response modal uses the same DealSmith Offer Window styling */
.mao-dialog .mao-modal-title{
    color:var(--mao-modal-title,#222)!important;
    font-size:var(--mao-modal-title-size,24px)!important;
    margin-top:0!important;
    padding-right:52px!important;
}
.mao-response-dialog{
    max-width:var(--mao-modal-width,500px)!important;
    background:var(--mao-modal-bg,#fff)!important;
    color:var(--mao-modal-text,#222)!important;
    border-radius:var(--mao-modal-radius,12px)!important;
    padding:var(--mao-modal-padding,28px)!important;
    box-shadow:var(--mao-modal-shadow,0 20px 70px rgba(0,0,0,.28))!important;
}
.mao-response-dialog .mao-product-name,
.mao-response-dialog .mao-asking{
    color:var(--mao-modal-text,#222)!important;
}
.mao-response-dialog label{
    color:var(--mao-modal-label,#222)!important;
}
.mao-response-dialog .mao-money{
    background:var(--mao-modal-field-bg,#fff)!important;
    border-color:var(--mao-modal-field-border,#8c8f94)!important;
    border-radius:var(--mao-modal-field-radius,4px)!important;
    min-height:var(--mao-modal-field-height,42px)!important;
}
.mao-response-dialog .mao-money input{
    background:transparent!important;
    color:var(--mao-modal-field-text,#222)!important;
}
.mao-response-dialog .mao-money input::placeholder{
    color:var(--mao-modal-placeholder,#757575)!important;
    opacity:1!important;
}
.mao-response-dialog .mao-currency-prefix{
    color:var(--mao-modal-currency,#383838)!important;
}
.mao-response-dialog .mao-money:focus-within{
    border-color:var(--mao-modal-field-focus,#2271b1)!important;
    box-shadow:0 0 0 1px var(--mao-modal-field-focus,#2271b1)!important;
}
.mao-response-dialog .mao-submit-custom{
    width:100%!important;
    background:var(--mao-modal-submit-bg,#2271b1)!important;
    color:var(--mao-modal-submit-color,#fff)!important;
    border-color:var(--mao-modal-submit-border,#2271b1)!important;
    border-width:var(--mao-modal-submit-border-width,1px)!important;
    border-style:var(--mao-modal-submit-border-style,solid)!important;
    border-radius:var(--mao-modal-submit-radius,4px)!important;
}
.mao-response-dialog .mao-submit-custom:hover,
.mao-response-dialog .mao-submit-custom:focus{
    background:var(--mao-modal-submit-hover-bg,#135e96)!important;
    color:var(--mao-modal-submit-hover-color,#fff)!important;
    border-color:var(--mao-modal-submit-hover-border,#135e96)!important;
}
.mao-modal .mao-dialog > button.mao-close[data-mao-response-close]{
    position:absolute!important;
    inset:16px 16px auto auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:16px!important;
    left:auto!important;
    right:16px!important;
    top:16px!important;
    bottom:auto!important;
    margin:0!important;
    margin-inline:0!important;
    translate:none!important;
    transform:none!important;
    float:none!important;
    z-index:10!important;
}

/* v0.5.4 keep accepted counter-offer price text aligned with button contrast */
.mao-response-dialog [data-mao-response-action="accept"],
.mao-response-dialog [data-mao-response-action="accept"] *{
    color:inherit!important;
}

/* v0.5.5 terminal counter-offer state */
.mao-response-closed-message{
    margin-top:12px;
    padding:16px 18px;
    border-radius:var(--mao-modal-field-radius,4px);
    background:rgba(127,127,127,.10);
    color:var(--mao-modal-text,#222);
    line-height:1.5;
}
