/* Checkout card form (vina-stripe override in st-vina-stripe/views/stripe_creative.php): labelled number / expiry / CVC fields. */
.tst-card-field {
    margin-bottom: 16px;
}
.tst-card-field label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #1a2b48;
}
.tst-card-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.tst-card-row .tst-card-field {
    margin-bottom: 0;
}
/* Overrides vina-stripe's .StripeElement box (40px, grey, shadow); the Stripe iframe is centred vertically. */
.tst-card-form .tst-card-input {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 48px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #c8d1dc;
    border-radius: 6px;
    box-shadow: none;
    transition: border-color .15s;
}
.tst-card-form .tst-card-input > div {
    flex: 1;
}
/* No focus highlight (site-wide rule, Deniz 10-25): same border as idle. */
.tst-card-form .tst-card-input.StripeElement--focus {
    border-color: #c8d1dc;
    box-shadow: none;
}
.tst-card-form .tst-card-input.StripeElement--invalid {
    border-color: #fa755a;
}