/* Event Ticket Checkout — order-bump (v1.2.0)
   Present enough to be noticed in the cart/checkout right sidebar, still tasteful:
   a faint tinted card with a thin accent edge, not a loud CTA box. */

.yio-ett-row td { padding: 0 !important; border: 0 !important; background: transparent !important; }
.yio-ett-wrap { margin: 12px 0; }

.yio-ett {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    padding: 11px 12px;
    border: 1px solid rgba(127,127,127,.22);
    border-left: 3px solid #d98a2b;            /* warm ticket accent edge */
    border-radius: 8px;
    background: rgba(217,138,43,.07);          /* very faint tint, theme-agnostic */
    font-size: 12.5px;
    line-height: 1.35;
    color: inherit;
}

.yio-ett__art {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    box-shadow: 0 0 0 1px rgba(217,138,43,.25);
}

.yio-ett__body { flex: 1 1 auto; min-width: 0; }

.yio-ett__tag {
    display: inline-block;
    font-size: 9.5px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 700;
    padding: 2px 7px;
    margin-right: 4px;
    border-radius: 999px;
    background: #d98a2b;                        /* filled chip — reads clearly */
    color: #1b1b1b;
    vertical-align: middle;
}

.yio-ett__title { font-weight: 600; }
.yio-ett__meta { display: block; color: rgba(127,127,127,.95); margin-top: 2px; font-size: 11.5px; }

/* Quiet outline button, slightly more present than a text link */
.yio-ett__btn {
    flex: 0 0 auto;
    appearance: none;
    cursor: pointer;
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 6px;
    color: inherit;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 11px;
    white-space: nowrap;
    opacity: .9;
    transition: opacity .15s ease, background .15s ease;
}
.yio-ett__btn:hover { opacity: 1; background: rgba(217,138,43,.14); }
.yio-ett__btn:disabled,
.yio-ett__btn.is-loading { opacity: .4; cursor: default; }
.yio-ett__price { margin-left: 4px; opacity: .85; font-weight: 500; }

.yio-ett__err { flex-basis: 100%; color: #b00020; font-size: 11.5px; margin-top: 5px; }

.yio-ett--added {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 12px 0;
    padding: 10px 12px;
    border: 1px solid rgba(26,127,55,.35);
    border-left: 3px solid #1a7f37;
    border-radius: 8px;
    background: rgba(26,127,55,.07);
    font-size: 12.5px;
    color: #1a7f37;
}
.yio-ett__check { font-weight: 700; }