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

 Project     : Signature Spreads and Treats by Di
 Version     : 1.0.0
 Author      : JB

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

/* CUSTOM ORDER INTRODUCTION */

.custom-orders-page
.custom-orders-intro-image img {
    transition:
        transform 1100ms
        var(--motion-ease-emphasized);
}

.custom-orders-page
.custom-orders-intro-note {
    transition:
        transform var(--motion-duration-normal)
            var(--motion-ease-emphasized),
        box-shadow var(--motion-duration-normal)
            var(--motion-ease-standard);
}

.custom-orders-page
.custom-orders-intro-promise-icon {
    transition:
        background-color var(--motion-duration-fast)
            var(--motion-ease-standard),
        color var(--motion-duration-fast)
            var(--motion-ease-standard),
        transform var(--motion-duration-normal)
            var(--motion-ease-emphasized);
}

@media (hover: hover) {

    .custom-orders-page
    .custom-orders-intro-visual:hover
    .custom-orders-intro-image img {
        transform: scale(1.025);
    }

    .custom-orders-page
    .custom-orders-intro-visual:hover
    .custom-orders-intro-note {
        transform: translateY(-4px);
        box-shadow:
            0 24px 50px rgba(75, 46, 30, 0.16);
    }

    .custom-orders-page
    .custom-orders-intro-promise:hover
    .custom-orders-intro-promise-icon {
        background-color: var(--color-primary);
        color: var(--color-warm-white);
        transform: translateY(-3px);
    }
}

/* PROCESS INTERACTIONS */

.custom-orders-page
.custom-orders-process-number {
    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) {

    .custom-orders-page
    .custom-orders-process-step:hover
    .custom-orders-process-number {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
        color: var(--color-warm-white);
        transform: translateY(-3px);
    }
}

/* FORM INTERACTIONS */

.custom-orders-page .custom-orders-upload {
    transition:
        border-color var(--motion-duration-fast)
            var(--motion-ease-standard),
        background-color var(--motion-duration-fast)
            var(--motion-ease-standard),
        box-shadow var(--motion-duration-fast)
            var(--motion-ease-standard);
}

.custom-orders-page .custom-orders-upload:hover,
.custom-orders-page .custom-orders-upload:focus-within {
    border-color: var(--color-primary);
    background-color: rgba(182, 106, 34, 0.06);
    box-shadow:
        0 0 0 4px rgba(182, 106, 34, 0.08);
}

.custom-orders-page .custom-orders-submit {
    transition:
        transform var(--motion-duration-fast)
            var(--motion-ease-standard),
        box-shadow var(--motion-duration-fast)
            var(--motion-ease-standard);
}

.custom-orders-page .custom-orders-submit:hover,
.custom-orders-page .custom-orders-submit:focus-visible {
    transform: translateY(-2px);
    box-shadow:
        0 14px 30px rgba(182, 106, 34, 0.24);
}

.custom-orders-page .custom-orders-submit:active {
    transform: translateY(0);
}

/* REDUCED MOTION */

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

    .custom-orders-page
    .custom-orders-intro-image img,

    .custom-orders-page
    .custom-orders-intro-note,

    .custom-orders-page
    .custom-orders-intro-promise-icon,

    .custom-orders-page
    .custom-orders-process-number,

    .custom-orders-page
    .custom-orders-upload,

    .custom-orders-page
    .custom-orders-submit {
        transition: none;
    }

    .custom-orders-page
    .custom-orders-intro-visual:hover
    .custom-orders-intro-image img,

    .custom-orders-page
    .custom-orders-intro-visual:hover
    .custom-orders-intro-note,

    .custom-orders-page
    .custom-orders-intro-promise:hover
    .custom-orders-intro-promise-icon,

    .custom-orders-page
    .custom-orders-process-step:hover
    .custom-orders-process-number,

    .custom-orders-page
    .custom-orders-submit:hover {
        transform: none;
    }
}

/* BEFORE YOU SEND — INTERACTIONS */

.custom-orders-page
.custom-orders-before-send-item {
    transition:
        padding-left var(--motion-duration-normal)
        var(--motion-ease-emphasized);
}

.custom-orders-page
.custom-orders-before-send-number {
    transition:
        color var(--motion-duration-fast)
        var(--motion-ease-standard);
}

@media (hover: hover) {

    .custom-orders-page
    .custom-orders-before-send-item:hover {
        padding-left: 0.35rem;
    }

    .custom-orders-page
    .custom-orders-before-send-item:hover
    .custom-orders-before-send-number {
        color: var(--color-primary-dark);
    }

}

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

    .custom-orders-page
    .custom-orders-before-send-item,

    .custom-orders-page
    .custom-orders-before-send-number {
        transition: none;
    }

    .custom-orders-page
    .custom-orders-before-send-item:hover {
        padding-left: 0;
    }
}