/**
 * Cart Override Styles — Guru4Pets
 * Corrige conflictos de display: flex en el carrito
 * Fecha: 11-05-2026
 */

/* Tabla del carrito */
.shop_table.cart {
    width: 100%;
    border-collapse: collapse;
}

/* Items del carrito - IMPORTANTE: override de -ms-flexbox */
.shop_table.cart .cart_item {
    display: table-row !important;  /* Override explícito */
    border-bottom: 1px solid #eee;
}

/* Celdas del carrito */
.shop_table.cart td {
    display: table-cell !important;
    padding: 12px;
    vertical-align: middle;
    text-align: center;
}

/* Columna de producto (alineado a la izquierda) */
.shop_table.cart td.product-name {
    text-align: left;
}

/* Columna de precio */
.shop_table.cart td.product-price {
    text-align: center;
    min-width: 100px;
}

/* Columna de cantidad */
.shop_table.cart td.product-quantity {
    text-align: center;
    min-width: 120px;
}

/* Columna de subtotal */
.shop_table.cart td.product-subtotal {
    text-align: right;
    min-width: 100px;
    font-weight: bold;
}

/* Inputs de cantidad */
.shop_table input[type="number"] {
    max-width: 60px;
    text-align: center;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

/* Botones de cantidad (+ y -) */
.quantity button {
    padding: 5px 10px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 3px;
}

.quantity button:hover {
    background: #efefef;
}

/* Header de la tabla */
.shop_table thead th {
    display: table-cell !important;
    padding: 12px;
    text-align: center;
    border-bottom: 2px solid #ddd;
    font-weight: bold;
    background: #fafafa;
}

.shop_table thead th.product-name {
    text-align: left;
}

.shop_table thead th.product-price {
    text-align: center;
}

.shop_table thead th.product-quantity {
    text-align: center;
}

.shop_table thead th.product-subtotal {
    text-align: right;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .shop_table.cart {
        font-size: 14px;
    }

    .shop_table.cart td {
        padding: 8px;
    }

    .shop_table input[type="number"] {
        max-width: 50px;
        font-size: 14px;
    }
}