/* ==========================================================
   Blueprint WooCommerce bridge
   ========================================================== */

.hero-price .amount,
.hero-price ins,
.hero-price del {
    font: inherit;
}

.hero-price del {
    margin-right: .55rem;
    color: var(--color-text-light);
    opacity: .62;
    text-decoration-thickness: 1.5px;
}

.hero-price ins {
    color: var(--color-text);
    text-decoration: none;
}

[data-purchase-add-to-cart],
[data-blueprint-add-to-cart] {
    position: relative;
}

[data-purchase-add-to-cart].is-loading,
[data-blueprint-add-to-cart].is-loading {
    cursor: wait;
    opacity: .78;
}

[data-purchase-add-to-cart].is-loading::after,
[data-blueprint-add-to-cart].is-loading::after {
    width: 16px;
    height: 16px;
    margin-left: .7rem;

    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: currentColor;
    border-radius: 50%;

    content: "";
    animation:
        blueprintCommerceSpin
        .7s linear infinite;
}

[data-purchase-add-to-cart].is-added,
[data-blueprint-add-to-cart].is-added {
    filter: saturate(.85);
}

.final-purchase__status.is-loading {
    color: var(--color-text-light);
}

.final-purchase__status.is-success {
    color: #60724f;
}

.final-purchase__status.is-error {
    color: #a33e35;
}

.final-purchase__status a {
    color: inherit;
    font-weight: var(--fw-bold);
}

@keyframes blueprintCommerceSpin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-purchase-add-to-cart].is-loading::after,
    [data-blueprint-add-to-cart].is-loading::after {
        animation-duration: 1.4s;
    }
}