/* Wrapper around the reCAPTCHA widget injected by views/js/injector.js.
   The Google widget itself is a fixed-size iframe (304x78 normal, 164x144 compact)
   so we mostly just need to give it breathing room and keep it centered. */

.m4p-recaptcha-wrap {
    display: flex;
    justify-content: center;
    margin: 14px 0 4px;
}

/* The widget container — leave its inline styles alone so Google can size it. */
.m4p-recaptcha-wrap > div {
    line-height: 0;
}

/* Inline message box (success / error after subscribe). */
.m4p-newsletter-msg {
    margin-top: 10px;
    text-align: center;
}

.m4p-newsletter-msg .alert {
    display: inline-block;
    margin: 0;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    line-height: 1.4;
}

/* Tight side spacing on mobile so the 304px widget doesn't overflow narrow popups
   and footers — Google's compact mode is rendered via JS on screens < 360px. */
@media (max-width: 360px) {
    .m4p-recaptcha-wrap {
        margin: 12px 0 4px;
    }
}