/* Inline so text-decoration from a wrapping element (e.g. <s>, <a>) propagates
   to the price text. Only inline-block while loading, when we need width/height
   for the skeleton. */
.fc-price {
    display: inline;
}

.fc-price--loading {
    display: inline-block;
    width: 70px;
    height: 1em;
    border-radius: 4px;
    vertical-align: -0.15em;
    background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 37%, #e0e0e0 63%);
    background-size: 400% 100%;
    animation: fc-price-shimmer 1.4s ease infinite;
}

.fc-price--loading[data-price-key="currency"] {
    width: 40px;
}

@keyframes fc-price-shimmer {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

/* MercadoPago trust badge ([mp_secure_badge] shortcode).
   Hidden by default; the localizer script adds .fc-mp-badge--visible
   only for AR visitors. Colors replace the former inline styles. */
.fc-mp-badge {
    display: none;
}

.fc-mp-badge--visible {
    display: inline;
}

/* Neutralize the browser's default <mark> highlight and use the brand blue,
   matching the previous inline "background: transparent; color: #3483fa". */
.fc-mp-badge mark {
    background-color: transparent;
    color: #3483fa;
}