/*
==========================================================================

 PROJECT     : SIGNATURE SPREADS AND TREATS BY DI
 VERSION     : 1.0.0
 AUTHOR      : JB

===========================================================================
*/

.checkout-page .checkout-field input,
.checkout-page .checkout-field select,
.checkout-page .checkout-field textarea {
    transition:
        border-color var(--motion-duration-fast) var(--motion-ease-standard),
        box-shadow var(--motion-duration-fast) var(--motion-ease-standard),
        background-color var(--motion-duration-fast) var(--motion-ease-standard);
}

.checkout-page .checkout-field input:focus,
.checkout-page .checkout-field select:focus,
.checkout-page .checkout-field textarea:focus {
    border-color: rgba(182, 106, 34, 0.62);
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(182, 106, 34, 0.08);
}

.checkout-page .checkout-edit-cart span,
.checkout-page .checkout-place-order span,
.checkout-page .checkout-mobile-submit span {
    transition: transform var(--motion-duration-fast) var(--motion-ease-standard);
}

.checkout-page .checkout-no-payment-icon {
    transition:
        background-color var(--motion-duration-fast) var(--motion-ease-standard),
        color var(--motion-duration-fast) var(--motion-ease-standard),
        border-color var(--motion-duration-fast) var(--motion-ease-standard),
        transform var(--motion-duration-normal) var(--motion-ease-emphasized);
}

@media (hover: hover) {
    .checkout-page .checkout-edit-cart:hover span,
    .checkout-page .checkout-edit-cart:focus-visible span { transform: translateX(-3px); }

    .checkout-page .checkout-place-order:hover span,
    .checkout-page .checkout-place-order:focus-visible span,
    .checkout-page .checkout-mobile-submit:hover span,
    .checkout-page .checkout-mobile-submit:focus-visible span { transform: translateX(3px); }

    .checkout-page .checkout-no-payment:hover .checkout-no-payment-icon {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
        color: #ffffff;
        transform: translateY(-3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .checkout-page .checkout-field input,
    .checkout-page .checkout-field select,
    .checkout-page .checkout-field textarea,
    .checkout-page .checkout-edit-cart span,
    .checkout-page .checkout-place-order span,
    .checkout-page .checkout-mobile-submit span,
    .checkout-page .checkout-no-payment-icon { transition: none; }
}