/* The Subscribe element (wp-mailchimp-sync). Colours and fonts come from the theme or the widget's Style tab. */
.wp-mc-subscribe { display: flex; flex-direction: column; gap: 10px; max-width: 520px; }
.wp-mc-subscribe__heading { margin: 0; }
.wp-mc-subscribe__fields { display: flex; flex-wrap: wrap; gap: 8px; }
.wp-mc-subscribe__fields input { flex: 1 1 180px; min-width: 0; padding: 10px 12px; border: 1px solid #c4c4c4; border-radius: 4px; font: inherit; }
/* With labels above: the label's box takes the row's share; its input keeps its own height (a column, so a flex
   basis would be a height). */
.wp-mc-subscribe__field { flex: 1 1 180px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.wp-mc-subscribe__fields .wp-mc-subscribe__field input { flex: none; }
.wp-mc-subscribe__consent { display: flex; gap: 8px; align-items: flex-start; font-size: .9em; line-height: 1.4; cursor: pointer; }
.wp-mc-subscribe__consent input { margin-top: .2em; flex: none; }
.wp-mc-subscribe__button { align-self: flex-start; padding: 10px 24px; border: 1px solid currentColor; border-radius: 4px; font: inherit; cursor: pointer; }
.wp-mc-subscribe__button:disabled { opacity: .5; cursor: not-allowed; }
.wp-mc-subscribe__human { display: flex; } /* the check at the start edge, also right-to-left */
.wp-mc-subscribe__message { margin: 0; font-size: .95em; }
.wp-mc-subscribe__message.is-error { color: #b32d2e; }
.wp-mc-subscribe.is-done .wp-mc-subscribe__fields,
.wp-mc-subscribe.is-done .wp-mc-subscribe__consent,
.wp-mc-subscribe.is-done .wp-mc-consent-statement,
.wp-mc-subscribe.is-done .wp-mc-subscribe__human,
.wp-mc-subscribe.is-done .wp-mc-subscribe__button { display: none; }