/**
 * PayPal Card Fields (ACDC) Styles
 */

.shopware-payments-card-field {
    display: block;
    height: $input-height;

    --paypal-card-field-font-family: var(--bs-body-font-family);
    --paypal-card-field-font-size: var(--bs-body-font-size);
    --paypal-card-field-line-height: var(--bs-body-line-height);

    --paypal-card-field-padding: $input-padding-y $input-padding-x;
    --paypal-card-field-border: var(--bs-border-width) solid var(--bs-border-color);
    --paypal-card-field-border-radius: var(--bs-border-radius, 0.375rem);
    --paypal-card-field-color: $input-color;
    --paypal-card-field-color-placeholder: $input-placeholder-color;

    --paypal-card-field-invalid-color: var(--bs-form-invalid-color);
    /* prettier-ignore */
    --paypal-card-field-invalid-border: var(--bs-border-width, 1px) solid var(--bs-form-invalid-border-color, #dc3545);

    /* prettier-ignore */
    --paypal-card-field-focus-box-shadow: 0 0 0 calc(var(--bs-focus-ring-width) / 2) var(--bs-body-bg), 0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color);

    &.is-invalid {
        border: var(--paypal-card-field-invalid-border);
    }
}