/*
 * Dynamic price skeletons (.price-section[data-price-for]) on city and IBE
 * location cards. While the /api/prices request is in flight, a circular
 * lottie spinner spans the pricing field; it is replaced by the real price
 * (or the editor-maintained fallback price) once the request settles.
 */

.price-section.is-loading {
    min-width: 140px;
}

.price-section.is-loading .loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.price-section.is-loading .lottie-loading-spinner {
    display: inline-block;
    width: 44px;
    height: 44px;
}

.price-section.is-loading .lottie-loading-spinner div {
    height: 100%;
    width: auto;
}

.price-section.is-loading .lottie-loading-spinner svg {
    height: 100% !important;
    width: auto !important;
}

/*
 * "LOADING" label next to the spinner — currently disabled in CityNew.html.
.price-section.is-loading .loader-text {
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #000;
}
*/