/**
 * UNOSKREATIVOS — TICKET FINAL
 * Archivo: /modules/order/ticket-whatsapp.css
 * Versión: 1.0.0
 */

.multi-ticket{
    overflow:hidden;
}

.multi-ticket-products{
    position:relative;
    z-index:2;
}

.uk-ticket-product{
    display:grid !important;
    grid-template-columns:34px 68px minmax(0,1fr) auto;
    align-items:center;
    gap:14px !important;
    padding:14px 0 !important;
    border-bottom:1px solid #1b1b1b !important;
}

.uk-ticket-product__number{
    color:var(--accent,#ccff00);
    font-size:10px;
    font-weight:950;
    letter-spacing:.7px;
}

.uk-ticket-product__thumb{
    width:68px;
    height:68px;
    overflow:hidden;
    border:1px solid #2b2b2b;
    border-radius:10px;
    background:#101010;
}

.uk-ticket-product__thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.uk-ticket-product__info{
    min-width:0;
}

.uk-ticket-product__name{
    display:block;
    color:#fff;
    font-size:13px;
    line-height:1.3;
    font-weight:900;
    overflow-wrap:anywhere;
}

.uk-ticket-product__service{
    display:block;
    margin-top:4px;
    color:#777;
    font-size:9px;
    line-height:1.35;
}

.uk-ticket-product__meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 7px;
    margin-top:7px;
}

.uk-ticket-product__meta span{
    padding:5px 8px;
    border:1px solid #282828;
    border-radius:999px;
    background:#0a0a0a;
    color:#aaa;
    font-size:8px;
    line-height:1.2;
}

.uk-ticket-product__summary{
    min-width:92px;
    text-align:right;
}

.uk-ticket-product__qty{
    display:block;
    color:var(--accent,#ccff00);
    font-size:13px;
}

.uk-ticket-product__subtotal{
    display:block;
    margin-top:4px;
    color:#8b8b8b;
    font-size:9px;
    white-space:nowrap;
}

.uk-ticket-status-note{
    color:#d8c674 !important;
}

.uk-whatsapp-unconfigured{
    opacity:.65;
    cursor:not-allowed !important;
}

#mwTicketTotal{
    color:var(--accent,#ccff00);
    line-height:1.4;
}

@media(max-width:760px){
    .uk-ticket-product{
        grid-template-columns:28px 58px minmax(0,1fr) !important;
        align-items:start;
        gap:10px !important;
    }

    .uk-ticket-product__thumb{
        width:58px;
        height:58px;
    }

    .uk-ticket-product__summary{
        grid-column:3;
        min-width:0;
        display:flex;
        align-items:center;
        gap:10px;
        text-align:left;
    }

    .uk-ticket-product__subtotal{
        margin-top:0;
    }
}

@media(max-width:480px){
    .multi-ticket{
        padding:18px !important;
    }

    .multi-ticket-id{
        font-size:1.45rem !important;
        overflow-wrap:anywhere;
    }

    .uk-ticket-product{
        grid-template-columns:24px 52px minmax(0,1fr) !important;
        gap:8px !important;
    }

    .uk-ticket-product__thumb{
        width:52px;
        height:52px;
    }

    .uk-ticket-product__name{
        font-size:11px;
    }

    .uk-ticket-product__meta span{
        font-size:7.5px;
        padding:4px 6px;
    }

    .uk-ticket-product__summary{
        grid-column:2 / -1;
        justify-content:flex-end;
    }
}