/* Presentation adapter for native MailPoet forms, inline and popup. Content stays in MailPoet. */
.mailpoet_form{font-family:var(--wp--preset--font-family--body)!important;font-size:var(--wp--preset--font-size--interface)!important}
.mailpoet_form .mailpoet-has-font{font-family:inherit!important}
.mailpoet_form .mailpoet-heading{font-family:var(--wp--preset--font-family--heading)!important;font-size:var(--wp--preset--font-size--card)!important;font-weight:400!important;line-height:1.25!important}
.mailpoet_form :is(.mailpoet_form_paragraph,.mailpoet_paragraph){font-family:var(--wp--preset--font-family--body)!important;line-height:1.6!important}
.mailpoet_form :is(input,select,textarea,button){font-family:var(--wp--preset--font-family--body)!important;font-size:var(--wp--preset--font-size--interface)!important}
.mailpoet_form .mailpoet_text{min-height:48px;padding:11px 12px!important;border:1px solid #89969e!important;border-radius:2px!important;color:var(--cs-ink)!important;background:white!important}
.mailpoet_form .mailpoet_text::placeholder{color:var(--cs-muted)!important;opacity:1}
.mailpoet_form .mailpoet_submit{width:100%!important;min-height:48px;padding:12px 18px!important;border:1px solid var(--cs-gold)!important;border-radius:2px!important;background:var(--cs-gold)!important;color:var(--cs-ink)!important;font-weight:600!important;line-height:1.5!important;cursor:pointer}
.mailpoet_form .mailpoet_submit:hover{background:#ffe078!important}
.mailpoet_form .mailpoet_submit:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.mailpoet_form .mailpoet_message .mailpoet_validate_success{padding:12px;background:var(--cs-paper);color:var(--cs-ink)!important}
.mailpoet_form :is(.mailpoet_validate_error,.parsley-errors-list){padding:8px;background:var(--cs-paper);color:#92221d!important}
/* The inline card already supplies its own editable heading and introduction. */
.cs-newsletter-signup form.mailpoet_form>.mailpoet-heading,.cs-newsletter-signup form.mailpoet_form>.mailpoet_form_paragraph:first-of-type{display:none}
.cs-newsletter-signup div.mailpoet_form{width:100%!important;max-width:none!important;padding:0!important;background:transparent!important}
.cs-newsletter-signup form.mailpoet_form{padding:0!important}
.cs-newsletter-signup .mailpoet_form :is(.mailpoet_form_paragraph,.mailpoet_form_paragraph span,label){color:var(--cs-ink)!important}
.cs-newsletter-signup .mailpoet_form a{color:var(--wp--preset--color--link)!important}
div.mailpoet_form_popup{width:min(540px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow:auto}
@media(prefers-reduced-motion:reduce){.mailpoet_form_popup,.mailpoet_form_popup_overlay{animation:none!important;transition:none!important}}

/* Keep the submit action visible when it fits, rather than limiting phones to a 40% sheet. */
.mailpoet_form input.mailpoet_form_close_icon{width:44px!important;height:44px!important;min-width:44px;min-height:44px;box-sizing:border-box;padding:12px!important;border:1px solid #d8ded9;border-radius:3px;background:var(--cs-paper)}
div.mailpoet_form_popup .mailpoet-heading{padding-inline:32px!important}

div.mailpoet_form_popup .mailpoet_form_paragraph a{color:white!important;text-decoration:underline;text-underline-offset:3px}

/* Keep the native centred popup inside short landscape viewports. */
@media(max-height:600px){div.mailpoet_form_popup{top:16px!important;bottom:auto!important;margin-block:0!important}}