/* ==========================================
   ULTRAKIT MAILCHIMP STYLER — Premium
   5 Layouts × 5 Cards × 5 Inputs × 5 Buttons
   ========================================== */

.ultrakit-mcs-wrapper {
    --mcs-accent: #ffe01b;
    --mcs-accent-text: #241c15;
    --mcs-title: #1a1a2e;
    --mcs-text: #4a4a5a;
    --mcs-input-bg: #ffffff;
    --mcs-border: #dcdce6;
    --mcs-input-text: #1a1a2e;
    --mcs-icon: #7a7a90;
    --mcs-radius: 10px;
    position: relative;
    display: flex;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    font-family: inherit;
}
.ultrakit-mcs-wrapper *, .ultrakit-mcs-wrapper *::before, .ultrakit-mcs-wrapper *::after { box-sizing: border-box; }
.ultrakit-mcs-placeholder { padding: 30px; text-align: center; color: #888; background: #f0f0f5; border: 2px dashed #ccc; border-radius: 10px; }

.ultrakit-mcs-body { flex: 1; min-width: 0; padding: 34px; display: flex; flex-direction: column; justify-content: center; }
.ultrakit-mcs-head { text-align: center; margin-bottom: 22px; }
.ultrakit-mcs-title { margin: 0 0 8px; font-size: 26px; font-weight: 800; line-height: 1.2; color: var(--mcs-title); }
.ultrakit-mcs-desc { margin: 0; font-size: 15px; line-height: 1.6; color: var(--mcs-text); }
.ultrakit-mcs-note { margin: 14px 0 0; font-size: 12px; text-align: center; color: var(--mcs-text); opacity: 0.7; }

/* ---------- Card styles ---------- */
.mcs-card-card     { background: #ffffff; border-radius: 20px; box-shadow: 0 12px 44px rgba(0,0,0,0.09); }
.mcs-card-dark     { --mcs-input-text: #ffffff; --mcs-icon: rgba(255,255,255,0.7); --mcs-title: #ffffff; --mcs-text: #c9c9d9; --mcs-input-bg: rgba(255,255,255,0.08); --mcs-border: rgba(255,255,255,0.2); background: #1a1a2e; border-radius: 20px; }
.mcs-card-gradient { --mcs-title: #ffffff; --mcs-text: rgba(255,255,255,0.85); --mcs-border: rgba(255,255,255,0.35); background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 50%, #fd79a8 100%); border-radius: 20px; }
.mcs-card-tinted   { background: #fff9d6; border-radius: 20px; }
.mcs-card-none     { background: transparent; }
.mcs-card-none .ultrakit-mcs-body { padding-left: 0; padding-right: 0; }

/* ---------- Layouts ---------- */
.mcs-layout-stacked .ultrakit-mcs-fields { display: flex; flex-direction: column; gap: 12px; }
.mcs-layout-stacked .ultrakit-mcs-btn { width: 100%; }

.mcs-layout-inline { max-width: 820px; }
.mcs-layout-inline .ultrakit-mcs-fields { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.mcs-layout-inline .ultrakit-mcs-field { flex: 1 1 180px; }
.mcs-layout-inline .ultrakit-mcs-btn { flex: 0 0 auto; }

.mcs-layout-split { max-width: 900px; }
.mcs-layout-split .ultrakit-mcs-media { flex: 0 0 42%; background-size: cover; background-position: center; min-height: 320px; }
.mcs-layout-split .ultrakit-mcs-fields { display: flex; flex-direction: column; gap: 12px; }
.mcs-layout-split .ultrakit-mcs-head { text-align: left; }
.mcs-layout-split .ultrakit-mcs-note { text-align: left; }
.mcs-layout-split .ultrakit-mcs-btn { width: 100%; }

.mcs-layout-banner { max-width: none; border-radius: 0 !important; }
.mcs-layout-banner .ultrakit-mcs-body { max-width: 900px; margin: 0 auto; padding: 56px 24px; }
.mcs-layout-banner .ultrakit-mcs-title { font-size: 34px; }
.mcs-layout-banner .ultrakit-mcs-fields { display: flex; flex-wrap: wrap; gap: 12px; }
.mcs-layout-banner .ultrakit-mcs-field { flex: 1 1 200px; }

.mcs-layout-minimal { max-width: 560px; }
.mcs-layout-minimal .ultrakit-mcs-body { padding: 10px 0; }
.mcs-layout-minimal .ultrakit-mcs-fields { display: flex; flex-wrap: wrap; gap: 10px; }
.mcs-layout-minimal .ultrakit-mcs-field { flex: 1 1 160px; }
.mcs-layout-minimal.mcs-card-card .ultrakit-mcs-body,
.mcs-layout-minimal.mcs-card-dark .ultrakit-mcs-body,
.mcs-layout-minimal.mcs-card-gradient .ultrakit-mcs-body,
.mcs-layout-minimal.mcs-card-tinted .ultrakit-mcs-body { padding: 18px; }

/* ---------- Fields ---------- */
.ultrakit-mcs-field { position: relative; display: block; margin: 0; }
.ultrakit-mcs-field-icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); display: inline-flex; color: var(--mcs-icon); pointer-events: none; z-index: 1; }
.ultrakit-mcs-field-icon svg { width: 18px !important; height: 18px !important; flex-shrink: 0; }

.ultrakit-mcs-wrapper input[type=email],
.ultrakit-mcs-wrapper input[type=text],
.ultrakit-mcs-wrapper .mc4wp-form input[type=email],
.ultrakit-mcs-wrapper .mc4wp-form input[type=text] {
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 13px 16px !important;
    background: var(--mcs-input-bg);
    color: var(--mcs-input-text);
    border: 1.5px solid var(--mcs-border);
    border-radius: var(--mcs-radius);
    font-size: 15px;
    line-height: 1.4;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    transition: all 0.25s ease;
}
.ultrakit-mcs-field .ultrakit-mcs-field-icon ~ input { padding-left: 44px !important; }
.mcs-card-card input::placeholder, .mcs-card-tinted input::placeholder, .mcs-card-none input::placeholder, .mcs-card-gradient input::placeholder { color: #9a9aac; }
.ultrakit-mcs-wrapper input:focus { border-color: var(--mcs-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--mcs-accent) 35%, transparent); }
.ultrakit-mcs-hp { position: absolute; left: -5000px; }

.mcs-in-filled input { --mcs-input-bg: #f0f0f7; border-color: transparent !important; }
.mcs-card-dark.mcs-in-filled input { background: rgba(255,255,255,0.12); }
.mcs-in-underline input { background: transparent !important; border-width: 0 0 2px 0 !important; border-radius: 0 !important; }
.mcs-in-pill input { border-radius: 50px !important; padding-left: 24px !important; }
.mcs-in-pill .ultrakit-mcs-field .ultrakit-mcs-field-icon ~ input { padding-left: 46px !important; }
.mcs-in-glass input { background: rgba(255,255,255,0.22) !important; border: 1px solid rgba(255,255,255,0.5) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #ffffff; }
.mcs-in-glass { --mcs-icon: rgba(255,255,255,0.9); }
.mcs-in-glass input::placeholder { color: rgba(255,255,255,0.8) !important; }

/* ---------- Button ---------- */
.ultrakit-mcs-btn,
.ultrakit-mcs-wrapper .mc4wp-form input[type=submit],
.ultrakit-mcs-wrapper .mc4wp-form button[type=submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 14px 30px !important;
    box-sizing: border-box;
    background: var(--mcs-accent);
    color: var(--mcs-accent-text) !important;
    border: 2px solid var(--mcs-accent);
    border-radius: var(--mcs-radius);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: none;
}
.ultrakit-mcs-btn-arrow { width: 18px !important; height: 18px !important; flex-shrink: 0; transition: transform 0.3s ease; }
.ultrakit-mcs-btn:hover .ultrakit-mcs-btn-arrow { transform: translateX(4px); }
.ultrakit-mcs-btn:hover, .ultrakit-mcs-wrapper .mc4wp-form input[type=submit]:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.18); }
.ultrakit-mcs-btn.is-loading { opacity: 0.7; pointer-events: none; }

.mcs-btn-gradient .ultrakit-mcs-btn { background: linear-gradient(135deg, var(--mcs-accent), #ff9f43); border-color: transparent; }
.mcs-btn-outline .ultrakit-mcs-btn { background: transparent; color: var(--mcs-title) !important; border-color: var(--mcs-accent); }
.mcs-btn-outline .ultrakit-mcs-btn:hover { background: var(--mcs-accent); color: var(--mcs-accent-text) !important; }
.mcs-btn-pill .ultrakit-mcs-btn { border-radius: 50px; padding-left: 36px !important; padding-right: 36px !important; }
.mcs-btn-dark .ultrakit-mcs-btn { background: #1a1a2e; border-color: #1a1a2e; color: #ffffff !important; }
.mcs-card-dark.mcs-btn-dark .ultrakit-mcs-btn { background: #ffffff; border-color: #ffffff; color: #1a1a2e !important; }

/* ---------- Messages ---------- */
.ultrakit-mcs-msg { display: none; margin-top: 14px; padding: 12px 16px; border-radius: 10px; font-size: 14px; font-weight: 600; text-align: center; }
.ultrakit-mcs-msg.is-success { display: block; background: #e6f9f0; color: #0a6b53; border: 1.5px solid #00b894; }
.ultrakit-mcs-msg.is-error { display: block; background: #ffeceb; color: #b3261e; border: 1.5px solid #e17055; }
.ultrakit-mcs-wrapper .mc4wp-response .mc4wp-alert { margin-top: 12px; padding: 12px 16px; border-radius: 10px; font-size: 14px; }

@media (max-width: 680px) {
    .mcs-layout-split { flex-direction: column; }
    .mcs-layout-split .ultrakit-mcs-media { flex: 0 0 200px; min-height: 200px; }
    .ultrakit-mcs-body { padding: 24px; }
    .mcs-layout-inline .ultrakit-mcs-btn { width: 100%; }
}