/**
 * Seating Chart Concurrency Fixes — Styles
 *
 * Fix 4: Distinct visual treatment for seats in another user's cart.
 * Ensures the "in others cart" state is unmistakably different from
 * the "available" state, even if the admin hasn't configured a
 * contrasting color.
 *
 * @since 1.0.0
 */

/* ── Seats currently held by another buyer ── */
.tc_seat_in_others_cart {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: auto; /* keep clickable so our feedback tooltip fires */
    position: relative;
}

/* Diagonal stripe overlay to visually distinguish from available seats */
.tc_seat_in_others_cart::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 2px,
        rgba(0, 0, 0, 0.15) 2px,
        rgba(0, 0, 0, 0.15) 4px
    );
    border-radius: inherit;
    pointer-events: none;
}


/* ── Unavailable seat feedback tooltip ── */
.tcsc-seat-unavailable-tooltip {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(236, 18, 68, 0.95);
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    z-index: 999999;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: 400px;
    animation: tcsc-tooltip-in 0.3s ease;
}

@keyframes tcsc-tooltip-in {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}