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

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

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

/* PRODUCT IMAGE */

.cart-page .cart-item-image img {
    transition:
        transform 900ms
            var(--motion-ease-emphasized);
}

@media (hover: hover) {

    .cart-page .cart-item:hover .cart-item-image img {
        transform: scale(1.025);
    }

}

.cart-page .cart-item-read-more {
    transition:
        color var(--motion-duration-fast)
            var(--motion-ease-standard);
}

@media (hover: hover) {

    .cart-page .cart-item-read-more:hover,
    .cart-page .cart-item-read-more:focus-visible {
        color: var(--color-primary);
    }

}

/* QUANTITY CONTROLS */

.cart-page .cart-quantity-button {
    transition:
        background-color var(--motion-duration-fast)
            var(--motion-ease-standard),
        color var(--motion-duration-fast)
            var(--motion-ease-standard);
}

@media (hover: hover) {

    .cart-page .cart-quantity-button:hover,
    .cart-page .cart-quantity-button:focus-visible {
        background-color: rgba(182, 106, 34, 0.1);
        color: var(--color-primary-dark);
    }

}

/* REMOVE BUTTON */

.cart-page .cart-remove-button {
    transition:
        color var(--motion-duration-fast)
            var(--motion-ease-standard);
}


@media (hover: hover) {

    .cart-page .cart-remove-button:hover,
    .cart-page .cart-remove-button:focus-visible {
        color: var(--color-primary-dark);
    }

}

/* SUMMARY ICON */

.cart-page .cart-summary-pickup-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) {

    .cart-page .cart-summary-pickup:hover
    .cart-summary-pickup-icon {
        border-color: var(--color-primary);

        background-color: var(--color-primary);
        color: #ffffff;

        transform: translateY(-3px);
    }

}

/* REMOVE TRANSITION */

.cart-page .cart-item.is-removing {
    opacity: 0;

    transform: translateY(-10px) scale(0.99);

    transition:
        opacity var(--motion-duration-normal)
            var(--motion-ease-standard),
        transform var(--motion-duration-normal)
            var(--motion-ease-emphasized);
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .cart-page .cart-item-image img,
    .cart-page .cart-item-read-more,
    .cart-page .cart-quantity-button,
    .cart-page .cart-remove-button,
    .cart-page .cart-summary-pickup-icon,
    .cart-page .cart-item.is-removing {
        transition: none;
        animation: none;
    }

    .cart-page .cart-item:hover .cart-item-image img,
    .cart-page .cart-summary-pickup:hover
    .cart-summary-pickup-icon {
        transform: none;
    }

}