/* Stripe credit card field — outlined box */
.StripeElement {
    display: block;
    width: 100%;
    max-width: 480px;          /* stops MM/YY + CVC drifting to the far right */
    padding: 12px 14px;        /* gives the field real height */
    margin: 8px 0 24px;        /* space below the label, gap before the buttons */
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    transition: border-color .15s ease, box-shadow .15s ease;
}

/* Highlight when the user clicks into it */
.StripeElement--focus {
    border-color: #1a3a6b;     /* swap to match your navy buttons */
    box-shadow: 0 0 0 3px rgba(26, 58, 107, .15);
}

/* Red outline on a bad card */
.StripeElement--invalid {
    border-color: #dc3545;
}

/* A little air above the Back / Process Registration buttons */
#card-element + #card-errors,
.eb-registration-form .form-actions,
.eb-registration-form .control-group:last-of-type {
    margin-top: 16px;
}