/**
 * Tanuki Fase 2.2 — Estilos de estados de botón
 *
 * Aplica retroalimentación visual sin romper el submit de ningún formulario.
 * El atributo "disabled" real NUNCA se añade: solo clases CSS.
 *
 * REVERTIR: comentar el enqueue de "tanuki-fase2-buttons" en el bloque
 * TANUKI-PERF-FASE2 de functions.php y eliminar este archivo.
 */

/* ── Estado: procesando ──────────────────────────────────────────────────── */
/* Se aplica a cualquiera de los tres botones del embudo */
.tnk-btn-processing {
    opacity: 0.72 !important;
    cursor: not-allowed !important;
    /* pointer-events: none impide clics duplicados pero NO cancela el submit
       ya enviado. Se aplica aquí como "cerrojo visual". */
    pointer-events: none !important;
    transition: opacity 0.2s ease, transform 0.15s ease !important;
    transform: scale(0.99) !important;
}

/* ── Estado: completado (Añadido ✓) ─────────────────────────────────────── */
.tnk-btn-done {
    opacity: 0.88 !important;
    cursor: default !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
}

/* ── Pulso de confirmación al añadir al carrito ─────────────────────────── */
@keyframes tnk-confirm-pulse {
    0%   { transform: scale(1);    }
    40%  { transform: scale(1.04); }
    100% { transform: scale(1);    }
}
.tnk-btn-done.tnk-btn-confirm {
    animation: tnk-confirm-pulse 0.35s ease forwards !important;
}

/* ── Spinner de puntos animados (accesibilidad visual) ───────────────────── */
/* Se usa via pseudo-elemento ::after si se quiere mostrar puntos */
@keyframes tnk-ellipsis {
    0%   { content: '.';   }
    33%  { content: '..';  }
    66%  { content: '...'; }
    100% { content: '.';   }
}

/* ── Botón "Finalizar compra" — ya es un <a>, no un <button> ────────────── */
/* Cuando está en .tnk-btn-processing, el link se ve inactivo                */
body.woocommerce-cart a.checkout-button.tnk-btn-processing {
    background: var(--cart-color--accent, #000) !important;
    /* Un ligero aclarado indica estado intermedio sin perder legibilidad */
    filter: brightness(1.45) !important;
    letter-spacing: 0.03em !important;
}

/* ── Botón "Realizar pedido" — estado de procesamiento pago ─────────────── */
body.woocommerce-checkout #place_order.tnk-btn-processing {
    background: var(--checkout-color--accent, #000) !important;
    filter: brightness(1.45) !important;
    letter-spacing: 0.03em !important;
}

/* ── Botón "Añadir al carrito" — feedback en página de producto ─────────── */
.single_add_to_cart_button.tnk-btn-done {
    background: #2d7a47 !important; /* verde confirmación */
    border-color: #2d7a47 !important;
    color: #fff !important;
}