/* ============================================
   WOOCOMMERCE — Overrides, blocks, checkout block, checkout — Tu Rincón Ferretero
   Extraído de style.css en Fase 2 (Solución 2.0).
   No modificar selectores ni valores: paridad 1:1 con el original.
   ============================================ */

/* ============================================
   WOOCOMMERCE OVERRIDES
   ============================================ */
.woocommerce-notices-wrapper {
  margin-bottom: 16px;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  background: var(--accent-soft-purple) !important;
  border: 2px solid var(--line) !important;
  border-radius: 2px !important;
  box-shadow: 2px 2px 0 var(--line);
  padding: 12px 16px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before {
  color: var(--accent-purple) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 2px solid var(--line) !important;
  border-radius: 2px !important;
  padding: 8px 12px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  background: #fff;
}

.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  border: 2px solid var(--line) !important;
  border-radius: 2px !important;
  background: var(--accent-purple) !important;
  color: #fff !important;
  padding: 8px 16px !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  box-shadow: 3px 3px 0 var(--line);
}
.woocommerce #respond input#submit.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
  background: var(--accent-pink) !important;
  color: #fff !important;
}

/* Animación de prensa para botones WC — iguala el comportamiento de .btn */
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  transition: transform .15s cubic-bezier(.2,.9,.35,1.2),
              box-shadow .15s cubic-bezier(.2,.9,.35,1.2),
              background .12s ease !important;
  cursor: pointer;
}
.woocommerce #respond input#submit:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px 0 var(--line) !important;
  text-decoration: none;
}
.woocommerce #respond input#submit:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce a.button:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 var(--line) !important;
}

/* Botones clave: "Proceder al pago" (carrito) + "Realizar el pedido" (checkout) */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order {
  display: block !important;
  width: 100% !important;
  padding: 14px 20px !important;
  font-size: 16px !important;
  background: var(--accent-purple) !important;
  color: #fff !important;
  letter-spacing: 0.08em !important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout #place_order:hover {
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 var(--line) !important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:active,
.woocommerce-checkout #place_order:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 var(--line) !important;
  animation: tu-rincon-press .25s ease;
}

@keyframes tu-rincon-press {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(0.85); }
  100% { filter: brightness(1); }
}

/* ============================================
   WOOCOMMERCE BLOCKS — Carrito y Checkout en bloques
   (WooCommerce 8+ con Cart Block / Checkout Block)
   ============================================ */

/* Botones genéricos de bloques con estilo del tema */
.wc-block-components-button,
button.wc-block-components-button,
a.wc-block-components-button {
  display: inline-block !important;
  border: 2px solid var(--line) !important;
  border-radius: 2px !important;
  background: var(--paper) !important;
  padding: 8px 16px !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--ink) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 3px 3px 0 var(--line) !important;
  transition: transform .15s cubic-bezier(.2,.9,.35,1.2),
              box-shadow .15s cubic-bezier(.2,.9,.35,1.2),
              background .12s ease !important;
}
.wc-block-components-button:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 5px 5px 0 var(--line) !important;
}
.wc-block-components-button:active {
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0 var(--line) !important;
}
.wc-block-components-button .wc-block-components-button__text {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
}


.woocommerce .cart_totals,
.woocommerce-checkout-review-order-table,
.woocommerce-cart-form table {
  border: 2px solid var(--line) !important;
  box-shadow: 3px 3px 0 var(--line);
  background: var(--paper);
}