/* Calendar-enabled boat cards: static feature label, not a date-availability claim. */
.hpt-charter-card .hpt-card__live,
.compact-boat-card .hpt-card__live {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 9px;
    border: 0;
    border-radius: 5px;
    background: rgba(9, 35, 53, .84);
    color: #fff;
    font: 600 11px/1.2 Manrope, Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    pointer-events: none;
}


.hpt-card__live-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #62df78;
}
/* Keep existing promotional flags clear of the badge on narrow cards. */
@media (max-width: 1100px) {
    body.home-test-page .hpt-charter-card:has(.hpt-card__live) .hpt-card__flag {
        top: 48px;
    }
}

/* Fleet listings: prices stay left, calendar capability stays right. */
.compact-boat-card .hpt-card__live { left: auto; right: 14px; }
@media (max-width: 480px) {
 .compact-boat-card .hpt-card__live { font-size: 9px; gap: 4px; padding: 6px; }
}

/* Casa listing: availability belongs with the boat name. */
body.casa-de-campo-yacht-charters-page .cdc-card-info .hpt-card__live {
 position: static; margin: 0 0 6px; vertical-align: top;
}
body.casa-de-campo-yacht-charters-page .cdc-fleet-card:has(.hpt-card__live) .cdc-photo-prev, body.casa-de-campo-yacht-charters-page .cdc-fleet-card:has(.hpt-card__live) .cdc-photo-next { top: 30%; }
body.casa-de-campo-yacht-charters-page .cdc-fleet-card { height: 330px !important; }
/* Keep Saona's longer full-day price wording clear on narrow cards. */
.saona-live-cards .compact-card-image { container-type: inline-size; }
@container (max-width: 360px) {
 .saona-live-cards .compact-card-image:has(.hpt-card__live) .price-pill { padding: 7px 9px; font-size: 9px; }
 .saona-live-cards .compact-card-image:has(.hpt-card__live) .price-pill strong { display: block; margin-top: 2px; }
 .saona-live-cards .compact-card-image .hpt-card__live { font-size: 9px; padding: 6px; gap: 4px; }
}