/**
 * Estilos del bloque de addons que el offer-card inyecta en el resumen de
 * compra del child theme (shortcode cnt_resumen_compra).
 *
 * Carga: cuando hay al menos un campo cnt_offer_card en la página (mismo
 * field_types enqueue que el resto de assets del offer-card).
 *
 * Usamos flexbox + !important defensivo porque gf_stylespro u otras reglas
 * globales fuerzan `display: block` a los <span> dentro de .ginput_container,
 * rompiendo la alineación horizontal de label + importe.
 */
.cnt_oc_resumen_addons ul {
    list-style: none !important;
    padding: 5px 0 !important;
    margin: 0 !important;
}
.cnt_oc_resumen_addons li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 10px !important;
    margin: 2px 0 !important;
    font-size: 16px;
}
.cnt_oc_resumen_addons .cnt_oc_addon_label {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
}
.cnt_oc_resumen_addons .cnt_oc_addon_amount {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: 700;
    margin: 0 !important;
}
.cnt_oc_resumen_addons .cnt_oc_addon_amount--discount {
    color: #167d3d;   /* verde discreto para descuentos */
}
