.mtc-minimum-purchase {
  display: grid;
  gap: var(--mtc-space-2, 8px);
  padding: var(--mtc-space-3, 12px);
  margin: 0 0 var(--mtc-space-3, 12px);
  border: 1px solid var(--mtc-color-border-subtle);
  border-radius: var(--mtc-radius-md);
  background: var(--mtc-color-surface);
  color: var(--mtc-color-text);
}

.widget_shopping_cart_content .mtc-minimum-purchase
{
    display: none !important;
}
.mtc-minimum-purchase--mini-cart,
.mtc-minimum-purchase--fragment {
  margin: var(--mtc-space-3, 12px) 0;
}

.mtc-minimum-purchase__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mtc-space-2, 8px);
}

.mtc-minimum-purchase__label {
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
}

.mtc-minimum-purchase__amount {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--mtc-color-text-soft);
  white-space: nowrap;
}

.mtc-minimum-purchase__track {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8px;
  border-radius: var(--mtc-radius-pill);
  background: var(--mtc-color-border-subtle);
}

.mtc-minimum-purchase__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--mtc-color-danger);
  transition: width 180ms ease;
}

.mtc-minimum-purchase__message {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.35;
  color: var(--mtc-color-text-soft);
}


/*
|--------------------------------------------------------------------------
| Segundo nivel — Envío gratis
|--------------------------------------------------------------------------
*/

.mtc-minimum-purchase--level-free_shipping.is-pending {
    border-color:
        color-mix(
            in srgb,
            var(
                --mtc-color-buy,
                var(--mtc-color-primary)
            ) 28%,
            var(--mtc-color-border-subtle)
        );

    background:
        color-mix(
            in srgb,
            var(
                --mtc-color-buy,
                var(--mtc-color-primary)
            ) 7%,
            var(--mtc-color-surface)
        );
}

.mtc-minimum-purchase--level-free_shipping.is-pending
.mtc-minimum-purchase__fill {
    background:
        var(
            --mtc-color-buy,
            var(--mtc-color-primary)
        );
}

.mtc-minimum-purchase--level-free_shipping.is-pending
.mtc-minimum-purchase__label {
    color:
        var(
            --mtc-color-buy,
            var(--mtc-color-primary)
        );
}

.mtc-minimum-purchase--level-free_shipping.is-pending
.mtc-minimum-purchase__message {
    color: var(--mtc-color-text);
}

.mtc-minimum-purchase.is-complete {
  border-color: var(--mtc-color-success-soft);
  background: var(--mtc-color-success-subtle);
}

.mtc-minimum-purchase.is-complete .mtc-minimum-purchase__fill {
  background: var(--mtc-color-success);
}

.mtc-minimum-purchase.is-complete .mtc-minimum-purchase__message {
  color: var(--mtc-color-success);
}

.woocommerce-cart .mtc-minimum-purchase {
  margin-bottom: var(--mtc-space-4, 16px);
}

.widget_shopping_cart_content .mtc-minimum-purchase {
  padding: var(--mtc-space-3, 12px);
}

/*
|--------------------------------------------------------------------------
| Matec Cart Discount Summary
|--------------------------------------------------------------------------
*/

.mtc-discounts-row > th {
    padding: 8px 0 !important;
    border: 0;
    text-align: left;
}

.mtc-discounts {
    --mtc-discounts-visible-items: 5;
    --mtc-discounts-item-height: 52px;

    display: block;
    width: 100%;
    margin: 0;

    overflow: hidden;

    border: 1px solid
        var(
            --mtc-color-border-subtle,
            rgba(0, 0, 0, 0.12)
        );

    border-radius:
        var(--mtc-radius-md, 12px);

    background:
        var(--mtc-color-surface, #fff);

    color:
        var(--mtc-color-text);
}

/*
 * El summary permanece visible con el total aunque
 * el detalle esté cerrado.
 */
.mtc-discounts__summary {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        26px;
    align-items: center;
    gap: var(--mtc-space-3, 12px);

    min-height: 52px;
    padding:
        10px
        var(--mtc-space-4, 16px);

    color:
        var(--mtc-color-heading);

    cursor: pointer;
    list-style: none;
    user-select: none;
}

.mtc-discounts__summary::-webkit-details-marker {
    display: none;
}

.mtc-discounts__summary::marker {
    display: none;
    content: "";
}

.mtc-discounts__heading {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.mtc-discounts__title {
    color:
        var(--mtc-color-heading);

    font-size:
        var(--mtc-font-size-sm, 0.875rem);

    font-weight:
        var(--mtc-font-weight-black, 900);

    line-height: 1.15;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mtc-discounts__count {
    overflow: hidden;

    color:
        var(--mtc-color-text-soft);

    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.mtc-discounts__total {
    color:
        var(--mtc-color-success);

    font-size:
        var(--mtc-font-size-sm, 0.875rem);

    font-weight:
        var(--mtc-font-weight-black, 900);

    line-height: 1;
    white-space: nowrap;
}

.mtc-discounts__total
.woocommerce-Price-amount,
.mtc-discounts__item-amount
.woocommerce-Price-amount {
    color: inherit;
    font: inherit;
}

.mtc-discounts__indicator {
    position: relative;

    display: inline-grid;
    place-items: center;

    width: 26px;
    height: 26px;

    border-radius:
        var(--mtc-radius-pill, 999px);

    background:
        var(--mtc-color-success-subtle);

    color:
        var(--mtc-color-success);
}

.mtc-discounts__indicator::before,
.mtc-discounts__indicator::after {
    content: "";

    position: absolute;

    width: 10px;
    height: 2px;

    border-radius:
        var(--mtc-radius-pill, 999px);

    background: currentColor;

    transition:
        transform
        var(--mtc-transition-fast, 180ms ease);
}

.mtc-discounts__indicator::after {
    transform: rotate(90deg);
}

.mtc-discounts[open]
.mtc-discounts__indicator::after {
    transform: rotate(0deg);
}

.mtc-discounts__body {
    padding:
        0
        var(--mtc-space-4, 16px)
        var(--mtc-space-3, 12px);

    border-top: 1px solid
        var(
            --mtc-color-border-subtle,
            rgba(0, 0, 0, 0.1)
        );

    background:
        var(
            --mtc-color-surface-muted,
            var(--mtc-color-surface)
        );
}

/*
 * Hasta cinco descuentos visibles.
 *
 * Con seis o más, el detalle conserva todos los items
 * y habilita scroll vertical.
 */
.mtc-discounts__list {
    display: grid;
    gap: var(--mtc-space-2, 8px);

    max-height:
        calc(
            (
                var(--mtc-discounts-item-height)
                * var(--mtc-discounts-visible-items)
            )
            + (
                var(--mtc-space-2, 8px)
                * 4
            )
        );

    padding:
        var(--mtc-space-3, 12px)
        4px
        0
        0;

    margin: 0;

    overflow-x: hidden;
    overflow-y: auto;

    overscroll-behavior: contain;
    scrollbar-gutter: stable;

    list-style: none;
}

.mtc-discounts__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mtc-space-3, 12px);

    min-height:
        var(--mtc-discounts-item-height);

    padding:
        var(--mtc-space-2, 8px)
        0;

    color:
        var(--mtc-color-text);

    font-size:
        var(--mtc-font-size-sm, 0.875rem);

    line-height: 1.3;
}

.mtc-discounts__item
+ .mtc-discounts__item {
    border-top: 1px solid
        var(
            --mtc-color-border-subtle,
            rgba(0, 0, 0, 0.08)
        );
}

.mtc-discounts__item-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.mtc-discounts__item-label {
    overflow-wrap: anywhere;

    color:
        var(--mtc-color-heading);

    font-weight:
        var(--mtc-font-weight-bold, 700);
}

.mtc-discounts__item-description {
    overflow: hidden;

    color:
        var(--mtc-color-text-soft);

    font-size: 0.75rem;
    font-weight: 500;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.mtc-discounts__item-amount {
    flex: 0 0 auto;

    color:
        var(--mtc-color-success);

    font-weight:
        var(--mtc-font-weight-black, 900);

    white-space: nowrap;
}

/*
|--------------------------------------------------------------------------
| Scrollbar
|--------------------------------------------------------------------------
*/

.mtc-discounts__list {
    scrollbar-width: thin;

    scrollbar-color:
        var(--mtc-color-border-strong)
        transparent;
}

.mtc-discounts__list::-webkit-scrollbar {
    width: 6px;
}

.mtc-discounts__list::-webkit-scrollbar-track {
    background: transparent;
}

.mtc-discounts__list::-webkit-scrollbar-thumb {
    border-radius:
        var(--mtc-radius-pill, 999px);

    background:
        var(
            --mtc-color-border-strong,
            rgba(0, 0, 0, 0.22)
        );
}

/*
 * Los cupones siguen siendo calculados por WooCommerce,
 * pero dentro de los widgets Matec se muestran en el
 * resumen unificado para evitar duplicación visual.
 */
.mtc-checkout__review
tr.cart-discount,
.mtc-cart-summary
tr.cart-discount {
    display: none;
}

@media (max-width: 520px) {
    .mtc-discounts__summary {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            24px;

        gap: var(--mtc-space-2, 8px);

        padding:
            10px
            var(--mtc-space-3, 12px);
    }

    .mtc-discounts__body {
        padding:
            0
            var(--mtc-space-3, 12px)
            var(--mtc-space-3, 12px);
    }

    .mtc-discounts__count {
        display: none;
    }

    .mtc-discounts__item {
        font-size: 0.82rem;
    }
}

/*
|--------------------------------------------------------------------------
| Scrollbar
|--------------------------------------------------------------------------
*/

.mtc-discounts__list {
    scrollbar-width: thin;

    scrollbar-color:
        var(--mtc-color-border-strong)
        transparent;
}

.mtc-discounts__list::-webkit-scrollbar {
    width: 6px;
}

.mtc-discounts__list::-webkit-scrollbar-track {
    background: transparent;
}

.mtc-discounts__list::-webkit-scrollbar-thumb {
    border-radius:
        var(--mtc-radius-pill, 999px);

    background:
        var(
            --mtc-color-border-strong,
            rgba(0, 0, 0, 0.22)
        );
}

/*
 * Los cupones siguen siendo calculados por WooCommerce,
 * pero dentro de los widgets Matec se muestran en el
 * resumen unificado para evitar duplicación visual.
 */
.mtc-checkout__review
tr.cart-discount,
.mtc-cart-summary
tr.cart-discount {
    display: none;
}

@media (max-width: 520px) {
    .mtc-discounts__summary {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            24px;

        gap: var(--mtc-space-2, 8px);

        padding:
            10px
            var(--mtc-space-3, 12px);
    }

    .mtc-discounts__body {
        padding:
            0
            var(--mtc-space-3, 12px)
            var(--mtc-space-3, 12px);
    }

    .mtc-discounts__count {
        display: none;
    }

    .mtc-discounts__item {
        font-size: 0.82rem;
    }
}


/*
|--------------------------------------------------------------------------
| Discount Summary — visual tuning
|--------------------------------------------------------------------------
*/

.mtc-discounts {
    --mtc-discounts-accent: var(--mtc-color-sale, var(--mtc-color-success));
    --mtc-discounts-accent-soft:
        color-mix(
            in srgb,
            var(--mtc-discounts-accent) 12%,
            transparent
        );
    --mtc-discounts-accent-soft-strong:
        color-mix(
            in srgb,
            var(--mtc-discounts-accent) 18%,
            transparent
        );
}

/*
 * Mejor integración visual general
 */
.mtc-discounts-row > th {
    text-align: left;
}

.mtc-discounts {
    border-color:
        var(--mtc-color-border-subtle, rgba(0, 0, 0, 0.12));

    background:
        var(--mtc-color-surface, #fff);

    box-shadow: none;
}

.mtc-discounts__summary {
    align-items: center;
    text-align: left;
}

.mtc-discounts__heading {
    justify-items: start;
    align-items: start;
    text-align: left;
}

.mtc-discounts__title,
.mtc-discounts__count,
.mtc-discounts__item-copy,
.mtc-discounts__item-label,
.mtc-discounts__item-description {
    text-align: left;
}

.mtc-discounts__title {
    color: var(--mtc-color-heading);
    letter-spacing: 0.03em;
}

.mtc-discounts__count {
    color: var(--mtc-color-text-soft);
}

/*
 * Color comercial de descuentos
 */
.mtc-discounts__total,
.mtc-discounts__item-amount {
    color: var(--mtc-discounts-accent);
}

.mtc-discounts__indicator {
    background: var(--mtc-discounts-accent-soft);
    color: var(--mtc-discounts-accent);
}

.mtc-discounts__body {
    background:
        color-mix(
            in srgb,
            var(--mtc-color-surface, #fff) 92%,
            var(--mtc-discounts-accent) 8%
        );
}

.mtc-discounts__item-label {
    color: var(--mtc-color-heading);
}

.mtc-discounts__item-description {
    color: var(--mtc-color-text-soft);
}

/*
 * Item hover muy sutil para que se vea más integrado
 */
.mtc-discounts__item {
    align-items: center;
}

.mtc-discounts__item:hover {
    background:
        color-mix(
            in srgb,
            var(--mtc-discounts-accent) 4%,
            transparent
        );
}

/*
 * Un poco más de coherencia con el resumen
 */
.mtc-discounts__summary:hover {
    background:
        color-mix(
            in srgb,
            var(--mtc-discounts-accent) 4%,
            transparent
        );
}

/*
 * Ajustes mobile
 */
@media (max-width: 520px) {
    .mtc-discounts__summary {
        text-align: left;
    }

    .mtc-discounts__heading {
        text-align: left;
    }

    .mtc-discounts__item-copy {
        text-align: left;
    }
}

/* MATEC HEADER CART CHECKOUT PARITY — START */

/*
|--------------------------------------------------------------------------
| Header cart footer — misma familia visual que checkout
|--------------------------------------------------------------------------
*/

.mtc-cart-panel-footer[data-mtc-cart-footer] {
    display: grid;
    gap: 14px;

    max-height: min(64vh, 650px);
    padding: 18px 24px 22px;

    overflow-x: hidden;
    overflow-y: auto;

    border-top: 1px solid
        var(--mtc-color-border-subtle);

    background:
        var(--mtc-color-surface);
}

/*
|--------------------------------------------------------------------------
| Compra mínima / envío gratis
|--------------------------------------------------------------------------
*/

.mtc-cart-panel-footer__milestone {
    min-width: 0;
}

.mtc-cart-panel-footer__milestone
.mtc-minimum-purchase {
    margin: 0;

    border-radius:
        var(--mtc-radius-md, 12px);

    box-shadow: none;
}

.mtc-cart-panel-footer__milestone--empty
.mtc-minimum-purchase {
    display: grid;

    border-color:
        color-mix(
            in srgb,
            var(--mtc-color-primary) 18%,
            var(--mtc-color-border-subtle)
        );

    background:
        color-mix(
            in srgb,
            var(--mtc-color-primary) 5%,
            var(--mtc-color-surface)
        );
}

/*
|--------------------------------------------------------------------------
| Totals
|--------------------------------------------------------------------------
*/

.mtc-cart-panel-footer__totals {
    display: grid;
    gap: 10px;
}

.mtc-cart-panel-footer__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;

    min-height: 30px;

    color:
        var(--mtc-color-text);

    font-size:
        var(--mtc-font-size-sm, 0.875rem);

    line-height: 1.25;
}

.mtc-cart-panel-footer__row > span {
    min-width: 0;

    color:
        var(--mtc-color-heading);

    font-weight:
        var(--mtc-font-weight-bold, 700);

    text-align: left;
}

.mtc-cart-panel-footer__row > strong {
    flex: 0 0 auto;
    margin-left: auto;

    color:
        var(--mtc-color-heading);

    font-size: 16px;
    font-weight:
        var(--mtc-font-weight-black, 900);

    white-space: nowrap;
}

.mtc-cart-panel-footer__row--subtotal {
    padding:
        2px 0
        10px;

    border-bottom: 1px solid
        var(--mtc-color-border-subtle);
}

.mtc-cart-panel-footer__row--total {
    margin-top: 0;
    padding-top: 14px;

    border-top: 1px solid
        var(--mtc-color-border-subtle);
}

.mtc-cart-panel-footer__row--total > span,
.mtc-cart-panel-footer__row--total > strong {
    font-size: 18px;
    font-weight:
        var(--mtc-font-weight-black, 900);
}

/*
|--------------------------------------------------------------------------
| Descuentos — reutiliza exactamente el componente del checkout
|--------------------------------------------------------------------------
*/

.mtc-cart-panel-footer
.mtc-discounts--header-cart {
    --mtc-discounts-accent:
        var(
            --mtc-color-sale,
            var(--mtc-color-danger)
        );

    --mtc-discounts-visible-items: 4;
    --mtc-discounts-item-height: 52px;

    width: 100%;
    margin: 0;

    border-color:
        color-mix(
            in srgb,
            var(--mtc-discounts-accent) 18%,
            var(--mtc-color-border-subtle)
        );

    border-radius:
        var(--mtc-radius-md, 12px);

    background:
        var(--mtc-color-surface);

    box-shadow: none;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__summary {
    grid-template-columns:
        minmax(0, 1fr)
        auto
        26px;

    min-height: 58px;
    padding:
        10px
        12px;

    text-align: left;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__heading {
    justify-items: start;
    align-items: start;

    text-align: left;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__title {
    color:
        var(--mtc-color-heading);

    font-size: 14px;
    font-weight:
        var(--mtc-font-weight-black, 900);

    letter-spacing: 0.035em;
    text-align: left;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__count {
    color:
        var(--mtc-color-text-soft);

    font-size: 12px;
    font-weight: 600;

    text-align: left;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__total {
    color:
        var(--mtc-discounts-accent);

    font-size: 15px;
    font-weight:
        var(--mtc-font-weight-black, 900);
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__indicator {
    background:
        color-mix(
            in srgb,
            var(--mtc-discounts-accent) 11%,
            transparent
        );

    color:
        var(--mtc-discounts-accent);
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__body {
    padding:
        0
        12px
        10px;

    border-top-color:
        color-mix(
            in srgb,
            var(--mtc-discounts-accent) 14%,
            var(--mtc-color-border-subtle)
        );

    background:
        color-mix(
            in srgb,
            var(--mtc-discounts-accent) 8%,
            var(--mtc-color-surface)
        );
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__list {
    gap: 0;

    padding:
        8px 0 0;

    scrollbar-width: thin;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__item {
    min-height: 52px;
    padding: 8px 4px;

    font-size: 13px;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__item-copy {
    justify-items: start;

    text-align: left;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__item-label {
    color:
        var(--mtc-color-heading);

    font-size: 13px;
    font-weight:
        var(--mtc-font-weight-bold, 700);

    text-align: left;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__item-description {
    color:
        var(--mtc-color-text-soft);

    font-size: 12px;

    text-align: left;
}

.mtc-cart-panel-footer
.mtc-discounts--header-cart
.mtc-discounts__item-amount {
    color:
        var(--mtc-discounts-accent);

    font-size: 13px;
    font-weight:
        var(--mtc-font-weight-black, 900);
}

/*
|--------------------------------------------------------------------------
| Empty state
|--------------------------------------------------------------------------
*/

.mtc-cart-panel-footer__empty {
    display: grid;
    gap: 14px;

    text-align: left;
}

.mtc-cart-panel-footer__empty-copy {
    display: grid;
    gap: 4px;

    padding:
        2px 0
        4px;

    text-align: left;
}

.mtc-cart-panel-footer__empty-copy strong {
    color:
        var(--mtc-color-heading);

    font-size: 15px;
    font-weight:
        var(--mtc-font-weight-black, 900);
}

.mtc-cart-panel-footer__empty-copy p {
    margin: 0;

    color:
        var(--mtc-color-text-soft);

    font-size: 13px;
    line-height: 1.4;
}

/*
|--------------------------------------------------------------------------
| Actions
|--------------------------------------------------------------------------
*/

.mtc-cart-panel-footer__actions {
    display: grid;
    gap: 10px;

    margin-top: 2px;
}

.mtc-cart-panel-footer__actions
.mtc-button,
.mtc-cart-panel-footer__empty
.mtc-button {
    min-height: 48px;

    border-radius:
        var(--mtc-radius-pill, 999px);
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 520px) {
    .mtc-cart-panel-footer[data-mtc-cart-footer] {
        gap: 12px;

        max-height: 68vh;
        padding: 16px 18px 20px;
    }

    .mtc-cart-panel-footer
    .mtc-discounts--header-cart {
        --mtc-discounts-visible-items: 3;
    }

    .mtc-cart-panel-footer
    .mtc-discounts--header-cart
    .mtc-discounts__summary {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            24px;

        gap: 8px;
        min-height: 54px;
        padding: 9px 10px;
    }

    .mtc-cart-panel-footer
    .mtc-discounts--header-cart
    .mtc-discounts__body {
        padding:
            0
            10px
            10px;
    }

    .mtc-cart-panel-footer__row--total > span,
    .mtc-cart-panel-footer__row--total > strong {
        font-size: 17px;
    }
}

/* MATEC HEADER CART CHECKOUT PARITY — END */
