/* ═══════════════════════════════════════════════════════════════════════
   UDM CHECKOUT PAGE STYLES
   ═══════════════════════════════════════════════════════════════════════ */

.udm-checkout {
    padding: 140px 0 80px;
    min-height: 100vh;
}
.udm-checkout__header {
    text-align: center;
    margin-bottom: 48px;
}
.udm-checkout__header h1 { margin: 0 0 8px 0; }
.udm-checkout__header p { color: var(--udm-text-secondary); margin: 0; }

.udm-checkout__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    max-width: 980px;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .udm-checkout__grid { grid-template-columns: 1fr; }
}

/* ─── Left column ──────────────────────────────────────────────────────── */
.udm-checkout__left { display: flex; flex-direction: column; gap: 24px; }

.udm-checkout__plan-card {
    border: 1px solid var(--udm-border-bright);
    background: linear-gradient(135deg, #0F2218 0%, #111A14 100%);
}
.udm-checkout__price {
    font-size: 36px;
    font-weight: 800;
    color: var(--udm-text-primary);
    margin: 14px 0 20px 0;
}
.udm-checkout__period {
    font-size: 16px;
    color: var(--udm-text-muted);
    font-weight: 500;
}
.udm-checkout__features {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
.udm-checkout__features li {
    padding: 8px 0;
    color: var(--udm-text-secondary);
    font-size: 14px;
    border-bottom: 1px solid var(--udm-border-card);
}
.udm-checkout__features li:last-child { border-bottom: none; }
.udm-checkout__toggle {
    margin-top: 16px;
    display: inline-flex !important;
}
.udm-checkout__toggle .udm-pricing-toggle__btn { padding: 8px 16px; font-size: 13px; }

.udm-checkout__next-steps h3 { margin: 0 0 14px 0; }
.udm-checkout__next-steps ol {
    margin: 0;
    padding-left: 22px;
    color: var(--udm-text-secondary);
    font-size: 14px;
    line-height: 1.8;
}
.udm-checkout__next-steps li { padding: 4px 0; }

.udm-checkout__trust {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.udm-checkout__trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--udm-text-secondary);
    font-size: 13px;
    padding: 10px 14px;
    background: var(--udm-bg-card);
    border: 1px solid var(--udm-border-card);
    border-radius: var(--udm-radius-sm);
}
.udm-checkout__trust-item svg { color: var(--udm-green); flex-shrink: 0; }

/* ─── Right column ─────────────────────────────────────────────────────── */
.udm-checkout__form-card { padding: 32px; }

.udm-checkout__guest-notice,
.udm-checkout__logged-in {
    padding: 14px 16px;
    border-radius: var(--udm-radius-sm);
    margin-bottom: 22px;
    font-size: 14px;
}
.udm-checkout__guest-notice {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.30);
    color: #FBBF24;
}
.udm-checkout__guest-notice p { margin: 0 0 6px 0; }
.udm-checkout__guest-notice p:last-child { margin: 0; }
.udm-checkout__guest-notice a { color: #FBBF24; text-decoration: underline; }
.udm-checkout__logged-in {
    background: rgba(34, 197, 94, 0.06);
    border: 1px solid rgba(34, 197, 94, 0.20);
    color: var(--udm-text-secondary);
}
.udm-checkout__logged-in p { margin: 0; }
.udm-checkout__logged-in strong { color: var(--udm-text-primary); }

#udm-checkout-submit {
    position: relative;
    margin-top: 6px;
}
.udm-checkout__submit-spinner { display: inline-block; margin-left: 6px; }
#udm-checkout-submit.is-loading .udm-checkout__submit-text { opacity: 0.7; }
#udm-checkout-submit.is-loading .udm-checkout__submit-spinner {
    animation: udm-spin 1s linear infinite;
    display: inline-block;
}
@keyframes udm-spin { to { transform: rotate(360deg); } }

.udm-checkout__micro {
    font-size: 13px;
    color: var(--udm-text-muted);
    text-align: center;
    margin: 14px 0 0 0;
}

.udm-checkout__error {
    background: rgba(239, 68, 68, 0.10);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #FCA5A5;
    padding: 12px 16px;
    border-radius: var(--udm-radius-sm);
    font-size: 14px;
    margin-top: 16px;
}