/**
 * MOD:- AJAX BIDDING - UX IMPROVEMENTS
 * loaded by the layout when the ajax-bidding and ajax-bidding-ux addons are enabled
 */

/* live auction lot controls (auction manager) only on the live auction page: hidden on listing cards of browse,
   search, category and store pages. css, so it also applies after the listing updates poller redraws a countdown. */
.listing-card .btn-lot-start-manually,
.listing-card .btn-lot-close-manually,
.listing-card .btn-lot-reopen {
    display: none;
}

#lots-in-auction .listing-card .btn-lot-start-manually,
#lots-in-auction .listing-card .btn-lot-close-manually,
#lots-in-auction .listing-card .btn-lot-reopen {
    display: inline-block;
}

/* out of sync warning (no listing updates for a while), with a refresh page button */
.ajax-bidding-sync-warning {
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2001;
    width: calc(100% - 2rem);
    max-width: 36rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
}

/* short highlight when a price changes (another bid) */
.ajax-bidding-price-changed {
    animation: ajax-bidding-price-flash 1.5s ease-out;
}

@keyframes ajax-bidding-price-flash {
    0% {
        background-color: #ffe58a;
    }
    100% {
        background-color: transparent;
    }
}