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

 Project     : Signature Spreads and Treats by Di
 File        : creations-animations.css
 Version     : 1.0.0
 Author      : JB
 Purpose     : Creations Page

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

/* Products */

.creations-page
.creations-product[data-reveal="fade"] {
    opacity: 0;
    transform: translateY(0);
    transition:
        opacity 1400ms
            cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--motion-duration-normal)
            var(--motion-ease-emphasized);
}

.creations-page
.creations-product[data-reveal="fade"].is-revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Product Card Interactions */

/* Card Lift */

.creations-page
.creations-product[data-reveal="fade"].is-revealed:hover {
    transform: translateY(-6px);
}

/* Product Image */

.creations-page
.creations-product:hover
.creations-product-media {
    box-shadow:
        0 26px 56px rgba(75, 46, 30, 0.14);
}

.creations-page
.creations-product:hover
.creations-product-media::after {
    opacity: 1;
}

.creations-page
.creations-product:hover
.creations-product-media img,
.creations-page
.creations-product-media:focus-visible
img {
    transform: scale(1.035);
}

/* Product Title */

.creations-page
.creations-product-content h3 a {
    transition:
        color var(--motion-duration-fast)
        var(--motion-ease-standard);
}

/* Details Arrow */

.creations-page
.creations-product-details span {
    transition:
        transform var(--motion-duration-fast)
        var(--motion-ease-standard);
}

.creations-page
.creations-product-details:hover span,
.creations-page
.creations-product-details:focus-visible span {
    transform: translateX(4px);
}

/* Product Button */

.creations-page
.creations-add-to-cart {
    transition:
        color var(--motion-duration-fast)
            var(--motion-ease-standard),
        background-color var(--motion-duration-fast)
            var(--motion-ease-standard),
        border-color var(--motion-duration-fast)
            var(--motion-ease-standard),
        box-shadow var(--motion-duration-fast)
            var(--motion-ease-standard),
        transform var(--motion-duration-fast)
            var(--motion-ease-standard);
}

.creations-page
.creations-add-to-cart:hover,
.creations-page
.creations-add-to-cart:focus-visible {
    box-shadow:
        0 12px 26px rgba(182, 106, 34, 0.24);
    transform: translateY(-2px);
}

.creations-page
.creations-add-to-cart:active {
    box-shadow: none;
    transform: translateY(0);
}

/* Pagination Interactions */

.creations-page
.creations-pagination-page:hover,
.creations-page
.creations-pagination-page:focus-visible,
.creations-page
.creations-pagination-control:hover,
.creations-page
.creations-pagination-control:focus-visible {
    transform: translateY(-2px);
}

.creations-page
.creations-pagination-page:active,
.creations-page
.creations-pagination-control:active {
    transform: translateY(0);
}

/* Touch Device Protection */

@media (hover: none) {

    .creations-page
    .creations-product[data-reveal="fade"].is-revealed:hover {
        transform: none;
    }

    .creations-page
    .creations-product:hover
    .creations-product-media img {
        transform: none;
    }

    .creations-page
    .creations-product:hover
    .creations-product-media::after {
        opacity: 0;
    }

    .creations-page
    .creations-add-to-cart:hover {
        box-shadow: none;
        transform: none;
    }
	
}