/* Mailchimp Newsletter — kabdalis2 design system.
   .kabdalis-mailchimp-newsletter is the JS-locked wrapper. view.js wraps the
   form in .mc + .b-card + .b-news-signup at runtime, injects .b-kicker,
   and composes .b-field/.b-input/.btn--primary primitives onto inputs/button.
   Theme block-patterns.css owns the .b-news-signup layout primitive — we
   only style widget-specific bits here. */

.mc{ display: flex; flex-direction: column; gap: 16px; padding: var(--card-pad); }
.mc--bare{ padding: 0; background: none; border: 0; box-shadow: none; }

.mc__head{ display: flex; flex-direction: column; gap: 4px; }
.mailchimp-newsletter-title{
    font-family: var(--font-display);
    font-weight: var(--display-w);
    letter-spacing: var(--display-ls);
    font-size: 1.3rem;
    line-height: 1.15;
    margin: 6px 0 0;
    color: var(--ink);
}
.mailchimp-newsletter-description{
    margin: 6px 0 0;
    color: var(--ink-soft);
    line-height: 1.55;
}

.mailchimp-newsletter-form{ display: flex; flex-direction: column; gap: 12px; }
.mailchimp-newsletter-fields{ display: flex; flex-direction: column; gap: 10px; }

/* Inline-layout when the block has data-layout="inline" */
.mc[data-layout="inline"] .mailchimp-newsletter-fields{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}
.mc[data-layout="inline"] .mailchimp-field-wrapper{ flex: 1 1 180px; }

/* Form message (success / error) — view.js sets text + modifier class */
.mailchimp-newsletter-message:empty{ display: none; }
.mailchimp-newsletter-message{
    padding: 11px 14px;
    border-radius: var(--radius-sm);
    font-size: .9rem;
    line-height: 1.45;
}
.mailchimp-newsletter-message-success,
.mailchimp-message-success{
    background: var(--ok-bg);
    color: var(--ok);
}
.mailchimp-newsletter-message-error,
.mailchimp-message-error{
    background: var(--no-bg);
    color: var(--no);
}

/* Submit alignment — primitive .btn.btn--primary handles all visuals */
.mailchimp-newsletter-submit,
.mailchimp-submit-btn{ align-self: flex-start; }