/**
 * @fileoverview Purchase Summary and Shopping Cart Styles
 * 
 * This file contains CSS styles for purchase summaries, shopping carts,
 * and related components that are 100% identical across all files.
 * 
 * Used by: carrito.php, producto.php, and related templates
 */

/* Purchase Summary Styles - 100% IDENTICAL across all files */
th {
    padding: 10px !important;
    text-align: center;
}

#resumen-compra {
    margin-bottom: 40px;
}

.producto-resumen .img-resumen {
    display: inline-block;
    box-sizing: border-box;
    width: 20%;
    float: left;
    padding: 10px;
}

.producto-resumen .img-resumen img {
    width: 100%;
}

.producto-resumen .desc-resumen {
    box-sizing: border-box;
    display: inline-block;
    width: 80%;
    float: right;
    padding-top: 10px;
    padding-left: 10px;
}

.precio-t-resumen {
    width: 15%;
    vertical-align: middle;
    text-align: right;
}

.precio-cant-resumen,
.descuento-por-resumen {
    vertical-align: middle;
    align-items: right;
}

.total-resumen h4,
.total-resumen h5 {
    margin-bottom: 0;
}

.descuento-resumen .precio-t-resumen.precio-descuento {
    color: var(--secthemecolor);
}

.descuento-por-resumen {
    color: var(--secthemecolor);
}

/* Mobile Responsive for Purchase Summary */
@media (max-width: 900px) {
    #resumen-compra {
        padding: 10px;
    }

    #descripcion-producto {
        padding: 10px;
    }

    #verResumen {
        font-size: 1.2rem;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 10px;
    }

    #resumen-compra .producto-resumen .img-resumen {
        display: none;
    }

    #resumen-compra .producto-resumen .desc-resumen {
        width: 100%;
    }
}