/*
 * V6.1 Agent 1 — Reservation card status pill + grid alignment fixes.
 * Suzie punch-list 2026-05-04 (F2 + F3).
 *
 * Cascade: priority 40, after v6-hero-darker (39) and animations-v6 (37).
 * Override-only sheet; design-system-v6 + heroes-v5 untouched.
 */

/* F2 — Live status pill */
.latoxica-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--latoxica-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.2;
}

.latoxica-status__dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.latoxica-status.is-open .latoxica-status__dot {
    background: #2ECC71;
    box-shadow: 0 0 8px rgba(46, 204, 113, 0.5);
}

.latoxica-status.is-closed .latoxica-status__dot {
    background: var(--latoxica-pink, #EC2C91);
    box-shadow: 0 0 8px rgba(236, 44, 145, 0.4);
}

/* F3 — Pin both reservation cards to the same baseline so the
   Saint-Hubert card does not stretch to match Saint-Laurent's extra
   address-note height. */
.latoxica-reservation-grid {
    align-items: start;
}

/* F3 — Address-note style tweak when it now sits below the widget
   (Saint-Laurent only). Keep the visual weight subtle so the card
   reads: address -> phone -> status -> widget -> note -> CTA. */
.latoxica-reservation-card__widget + .latoxica-reservation-card__address-note {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    opacity: 0.85;
}