/**
 * hmqtydiscount · Tabla de descuentos por cantidad (diseño Hakuna)
 * Tokens HKFinal con fallback. Oculta la tabla del módulo plqd (la sustituimos).
 */

/* ===== Ocultar las tablas de descuento que sustituimos =====
   - plqd (mantenemos sus OTRAS funciones; solo ocultamos su tabla)
   - la tabla nativa del tema (.product-discounts), por si en producción
     se desinstala plqd y reapareciera. Así esta es la única fuente. */
.plqd_table_section,
.plqd_matrix_dropdown,
.product-discounts.js-product-discounts { display: none !important; }

/* ===== Cabecera ===== */
.hmqd { margin: 16px 0 0; }
.hmqd-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.hmqd-eyebrow {
    font-family: var(--hk-font-sans, "Inter", sans-serif);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--hk-ink-3, #9A8780);
}
.hmqd-hint {
    font-family: var(--hk-font-sans, "Inter", sans-serif);
    font-size: 12px;
    color: var(--hk-ink-2, #6B5852);
}

/* ===== Tabla ===== */
.hmqd-table {
    width: 100%;
    border: 1px solid var(--hk-line, #EBDDD0);
    border-radius: 12px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: #fff;
}
.hmqd-table thead th {
    padding: 10px 14px;
    background: var(--hk-paper, #F5EAE2);
    border: 0;
    border-bottom: 1px solid var(--hk-line, #EBDDD0);
    font-family: var(--hk-font-sans, "Inter", sans-serif);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--hk-ink-3, #9A8780);
    text-align: left;
    vertical-align: middle;
}
.hmqd-table tbody td {
    padding: 11px 14px;
    border: 0;
    border-bottom: 1px solid var(--hk-line-soft, #F3E7DC);
    font-family: var(--hk-font-sans, "Inter", sans-serif);
    font-size: 13.5px;
    color: var(--hk-ink-2, #6B5852);
    vertical-align: middle;
}
.hmqd-table tbody tr:last-child td { border-bottom: 0; }

/* col 1 (unidades) · Fraunces */
.hmqd-c-qty {
    font-family: var(--hk-font-serif, "Fraunces", serif);
    font-size: 15px;
    color: var(--hk-ink, #3A2C28);
}
/* col 3 (precio/ud) · burdeos italic */
.hmqd-table tbody td.hmqd-c-unit {
    font-family: var(--hk-font-serif, "Fraunces", serif);
    font-style: italic;
    color: var(--hk-accent, #8A4A4A);
}
/* col 4 (total) · alineado a la derecha, tinta */
.hmqd-table thead th.hmqd-c-total,
.hmqd-table tbody td.hmqd-c-total {
    text-align: right;
}
.hmqd-table tbody td.hmqd-c-total { color: var(--hk-ink, #3A2C28); }

/* pastilla de ahorro (sage) */
.hmqd-pill {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(164, 181, 156, .22);
    color: var(--hk-sage-dk, #6F8568);
    font-size: 12px;
    font-weight: 600;
}
.hmqd-dash { color: var(--hk-ink-3, #9A8780); }

/* fila activa según la cantidad actual · resalte BURDEOS (selección) */
.hmqd-row.is-active td { background: rgba(138, 74, 74, .09); }
.hmqd-row.is-active td.hmqd-c-qty {
    box-shadow: inset 3px 0 0 var(--hk-accent, #8A4A4A);
    font-weight: 600;
}