/* ================================================
   APPSUR Volume Discounts v13
================================================ */

#apvd-discount-table {
    all: initial !important;
    display: block !important;
    position: static !important;
    margin: 20px 0 0 !important;
    width: 100% !important;
    font-family: "Montserrat",-apple-system,sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    color: #1a1a1a !important;
    box-sizing: border-box !important;
}
#apvd-discount-table * {
    box-sizing: border-box !important;
    font-family: "Montserrat",-apple-system,sans-serif !important;
    line-height: 1.4 !important;
}
/* Elementos que usan Bai Jamjuree */
#apvd-discount-table .apvd-price-now,
#apvd-discount-table .apvd-price-now .woocommerce-Price-amount,
#apvd-discount-table .apvd-price-now bdi,
#apvd-discount-table .apvd-total-price,
#apvd-discount-table .apvd-var-lbl-name,
#apvd-discount-table .apvd-label,
#apvd-discount-table .apvd-discounts-toggle__label {
    font-family: "Bai Jamjuree",sans-serif !important;
}

/* Card */
#apvd-discount-table .apvd-card {
    display: block !important;
    border: 1.5px solid #e8e3de !important;
    border-radius: 14px !important;
    background: #fff !important;
    width: 100% !important;
    max-width: 480px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    position: static !important;
}

/* Divisor */
#apvd-discount-table .apvd-line {
    display: block !important;
    height: 1px !important;
    background: #f2ede9 !important;
    margin: 0 !important; border: none !important; padding: 0 !important;
}

/* Filas */
#apvd-discount-table .apvd-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px !important;
    gap: 12px !important;
    background: #fff !important;
    border: none !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
}
#apvd-discount-table .apvd-label {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #9a9288 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin: 0 !important; padding: 0 !important;
}
#apvd-discount-table .apvd-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
}

/* ── Variaciones ─────────────────────────────── */
#apvd-discount-table .apvd-vars-outer {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

#apvd-discount-table .apvd-var-group {
    display: block !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid #f2ede9 !important;
    background: #fff !important;
    margin: 0 !important;
}
#apvd-discount-table .apvd-var-group:last-of-type { border-bottom: none !important; }

/* Label del atributo */
#apvd-discount-table .apvd-var-lbl-row {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    margin-bottom: 9px !important;
}
#apvd-discount-table .apvd-var-lbl-name {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.9px !important;
    text-transform: uppercase !important;
    color: #9a9288 !important;
    margin: 0 !important; padding: 0 !important;
}
#apvd-discount-table .apvd-var-lbl-sep { font-size: 10px !important; color: #c0bbb5 !important; }
#apvd-discount-table .apvd-var-lbl-val {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

/* Pills */
#apvd-discount-table .apvd-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#apvd-discount-table .apvd-pill {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 0 12px !important;
    border: 1.5px solid #ddd9d4 !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-family: "Montserrat",sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    user-select: none !important;
    transition: border-color .14s, background .14s, color .14s !important;
    flex: 0 0 auto !important;
}
#apvd-discount-table .apvd-pill:hover:not(.is-off) {
    border-color: #1a1a1a !important;
}
#apvd-discount-table .apvd-pill.is-on {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #fff !important;
    font-weight: 600 !important;
}
#apvd-discount-table .apvd-pill.is-off {
    opacity: .35 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Botón limpiar */
#apvd-discount-table .apvd-clear-row {
    padding: 8px 18px 12px !important;
    background: #fff !important;
    border-bottom: 1px solid #f2ede9 !important;
}
#apvd-discount-table .apvd-clear-btn {
    all: unset !important;
    font-size: 10px !important;
    color: #b0aaa4 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    font-family: "Montserrat",sans-serif !important;
    transition: color .12s !important;
}
#apvd-discount-table .apvd-clear-btn:hover { color: #D01918 !important; }

/* ── Tooltip de descuentos ───────────────────── */
#apvd-discount-table .apvd-discounts-toggle {
    display: flex !important;
    align-items: center !important;
    padding: 10px 18px !important;
    cursor: pointer !important;
    background: #faf9f8 !important;
    border: none !important;
    margin: 0 !important;
    user-select: none !important;
    transition: background .14s !important;
}
#apvd-discount-table .apvd-discounts-toggle:hover { background: #f5f2ef !important; }

#apvd-discount-table .apvd-discounts-toggle__label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6e6256 !important;
    letter-spacing: 0.3px !important;
    margin: 0 !important; padding: 0 !important;
}

#apvd-discount-table .apvd-toggle-arrow {
    width: 9px !important; height: 5px !important;
    flex-shrink: 0 !important;
    transition: transform .2s !important;
    display: inline-block !important;
    position: static !important;
    color: #9a9288 !important;
}

/* Panel de descuentos */
#apvd-discount-table .apvd-discounts-panel {
    display: none !important;
    background: #faf9f8 !important;
    border-bottom: 1px solid #f2ede9 !important;
    padding: 0 18px 12px !important;
    margin: 0 !important;
}
#apvd-discount-table .apvd-discounts-panel.is-open { display: block !important; }

#apvd-discount-table .apvd-discounts-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

#apvd-discount-table .apvd-disc-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}
#apvd-discount-table .apvd-disc-qty {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
    min-width: 80px !important;
    flex-shrink: 0 !important;
}
#apvd-discount-table .apvd-disc-arrow {
    font-size: 11px !important;
    color: #c0bbb5 !important;
    flex-shrink: 0 !important;
}
#apvd-discount-table .apvd-disc-pct {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #D01918 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    min-width: 40px !important;
}
#apvd-discount-table .apvd-disc-price {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6e6256 !important;
    white-space: nowrap !important;
}
#apvd-discount-table .apvd-disc-price .woocommerce-Price-amount {
    font-size: 12px !important; font-weight: 500 !important; color: #6e6256 !important;
}
#apvd-discount-table .apvd-disc-popular {
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background: #1a1a1a !important;
    color: #fff !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* ── Cantidad ──────────────────────────────────── */
#apvd-discount-table .apvd-qty {
    display: inline-flex !important; align-items: stretch !important;
    height: 36px !important; border: 1.5px solid #1a1a1a !important;
    border-radius: 8px !important; overflow: hidden !important;
    background: #fff !important; flex-shrink: 0 !important;
}
#apvd-discount-table .apvd-q {
    all: unset !important; display: flex !important; align-items: center !important; justify-content: center !important;
    width: 32px !important; height: 36px !important; font-size: 18px !important; font-weight: 300 !important;
    color: #1a1a1a !important; cursor: pointer !important; background: transparent !important;
    flex-shrink: 0 !important; user-select: none !important; transition: background .12s !important;
}
#apvd-discount-table .apvd-q:hover { background: #f7f5f3 !important; }
#apvd-discount-table .apvd-q-input {
    all: unset !important; display: block !important; width: 42px !important; height: 36px !important;
    text-align: center !important; font-size: 14px !important; font-weight: 600 !important; color: #1a1a1a !important;
    font-family: "Montserrat",sans-serif !important; background: #fff !important;
    border-left: 1px solid #e8e3de !important; border-right: 1px solid #e8e3de !important;
    padding: 0 !important; -moz-appearance: textfield !important; line-height: 36px !important;
}
#apvd-discount-table .apvd-q-input::-webkit-outer-spin-button,
#apvd-discount-table .apvd-q-input::-webkit-inner-spin-button { display: none !important; }

/* Badge */
#apvd-discount-table .apvd-badge-pill {
    display: none;
    background: #D01918 !important; color: #fff !important;
    font-size: 11px !important; font-weight: 700 !important;
    padding: 4px 11px !important; border-radius: 999px !important;
    white-space: nowrap !important; letter-spacing: .2px !important; margin: 0 !important;
}
#apvd-discount-table .apvd-badge-pill.visible { display: inline-block !important; }

/* Precio */
#apvd-discount-table .apvd-price-block {
    display: flex !important; align-items: baseline !important; gap: 10px !important; flex-wrap: wrap !important; margin: 0 !important;
}
#apvd-discount-table .apvd-price-now {
    font-size: 22px !important; font-weight: 700 !important; color: #1a1a1a !important;
    letter-spacing: -.5px !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important;
}
#apvd-discount-table .apvd-price-now .woocommerce-Price-amount,
#apvd-discount-table .apvd-price-now bdi { font-size: 22px !important; font-weight: 700 !important; color: #1a1a1a !important; }
#apvd-discount-table .apvd-price-now i { font-size: 12px !important; font-weight: 400 !important; color: #9a9288 !important; font-style: normal !important; margin-left: 2px !important; }
#apvd-discount-table .apvd-price-was { font-size: 13px !important; color: #9a9288 !important; display: none; margin: 0 !important; padding: 0 !important; }
#apvd-discount-table .apvd-price-was.visible { display: inline !important; }
#apvd-discount-table .apvd-price-was s,
#apvd-discount-table .apvd-price-was .woocommerce-Price-amount { font-size: 13px !important; color: #9a9288 !important; text-decoration: line-through !important; }

/* ── Botón ATC proxy ─────────────────────────── */
#apvd-discount-table .apvd-atc-slot {
    display: block !important;
    padding: 12px 14px !important;
    background: #fff !important;
}
/* Botón nativo WooCommerce estilizado dentro de nuestra card */
#apvd-discount-table .apvd-atc-slot .single_add_to_cart_button,
#apvd-discount-table .apvd-atc-slot button.button,
#apvd-discount-table .apvd-atc-slot button[type="submit"],
#apvd-discount-table .apvd-atc-slot .apvd-atc-btn {
    all: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 14px 24px !important;
    background: #1a1a1a !important;
    color: #fff !important;
    font-family: "Montserrat",sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background .18s !important;
    box-sizing: border-box !important;
    text-align: center !important;
    line-height: 1 !important;
}
#apvd-discount-table .apvd-atc-slot .single_add_to_cart_button:hover,
#apvd-discount-table .apvd-atc-slot button.button:hover,
#apvd-discount-table .apvd-atc-slot .apvd-atc-btn:hover { background: #D01918 !important; opacity: 1 !important; }
#apvd-discount-table .apvd-atc-slot .disabled,
#apvd-discount-table .apvd-atc-slot button:disabled { background: #ccc5bd !important; cursor: not-allowed !important; }

/* ── Ahorro — ahora DENTRO de la card ───────── */
#apvd-discount-table .apvd-saving {
    display: none;
    margin: 0 !important;
    padding: 11px 18px !important;
    border: none !important;
    border-top: 1.5px solid #fde0e0 !important;
    font-size: 13px !important; font-weight: 500 !important; color: #D01918 !important;
    background: #fff9f9 !important;
    line-height: 1.6 !important;
    border-radius: 0 0 12px 12px !important;
}
#apvd-discount-table .apvd-saving.visible { display: block !important; }
#apvd-discount-table .apvd-saving strong { font-weight: 700 !important; color: #D01918 !important; font-family: "Montserrat",sans-serif !important; }

/* Carrito/pedidos */
.apvd-badge { display: inline-block !important; background: #D01918 !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; padding: 1px 7px !important; border-radius: 3px !important; margin-left: 5px !important; vertical-align: middle !important; }
.apvd-discount-line th, .apvd-discount-line td { color: #D01918 !important; font-weight: 500 !important; }

@media (max-width: 460px) {
    #apvd-discount-table .apvd-card { border-radius: 10px !important; }
    #apvd-discount-table .apvd-price-now, #apvd-discount-table .apvd-price-now .woocommerce-Price-amount { font-size: 18px !important; }
    #apvd-discount-table .apvd-saving { max-width: 100% !important; }
    #apvd-discount-table .apvd-pill { font-size: 11px !important; height: 30px !important; padding: 0 10px !important; }
}

/* Mensaje sin descuentos en tooltip */
#apvd-discount-table .apvd-disc-empty {
    font-size: 12px !important;
    color: #9a9288 !important;
    font-style: italic !important;
    padding: 2px 0 !important;
    margin: 0 !important;
}



/* Precio total dinámico */
#apvd-discount-table .apvd-price-total-wrap {
    display: none; /* JS controla esto — sin !important para que inline style gane */
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 1px !important;
    flex-shrink: 0 !important;
}
#apvd-discount-table .apvd-price-total-wrap.visible {
    display: flex !important;
}
#apvd-discount-table .apvd-price-total-label {
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #9a9288 !important;
    font-family: "Bai Jamjuree",sans-serif !important;
}
#apvd-discount-table .apvd-price-total {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
    font-family: "Bai Jamjuree",sans-serif !important;
}

/* Ocultar badges en el mini-cart lateral de Elementor */
.elementor-menu-cart__products .apvd-badge,
.elementor-menu-cart__product .apvd-badge,
.woocommerce-mini-cart .apvd-badge {
    display: none !important;
}