/* Reware — pulido visual premium SITEWIDE (2026-06-24).
   Carga en todas las páginas, después de style.css. Usa los tokens --rw-* de :root.
   Objetivo: una experiencia de compra coherente y agradable (header, carrito,
   checkout, formularios, avisos, breadcrumbs) con la paleta evergreen/clay/oat. */

/* ============ Header: ícono de carrito ============ */
.rw-cart-item{ display:flex; align-items:center; }
.rw-cart-link{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--rw-evergreen) !important; position:relative; line-height:1;
}
.rw-cart-link:hover{ color:var(--rw-clay) !important; }
.rw-cart-link svg{ display:block; }
.rw-cart-count{
  font-family:"Inter",sans-serif; font-size:.7rem; font-weight:700;
  background:var(--rw-clay); color:#fff; border-radius:999px;
  min-width:18px; height:18px; padding:0 5px;
  display:inline-flex; align-items:center; justify-content:center;
}
.rw-cart-count.is-empty{ background:var(--rw-stone); }

/* ============ Botones (coherencia con la marca) ============ */
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #place_order,
.wc-block-components-button{
  background:var(--rw-clay) !important; color:#fff !important;
  border:0 !important; border-radius:8px !important;
  font-family:"Inter",sans-serif; font-weight:600 !important;
  padding:13px 24px !important; box-shadow:0 1px 2px rgba(0,0,0,.08);
  transition:background-color .15s ease, transform .15s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #place_order:hover{
  background:var(--rw-clay-dark) !important; transform:translateY(-1px);
}
.woocommerce a.button.alt, .woocommerce button.button.alt{ background:var(--rw-clay) !important; }
/* Botón secundario / "ver carrito" */
.woocommerce .button.wc-backward, .woocommerce a.added_to_cart{
  background:transparent !important; color:var(--rw-evergreen) !important;
  border:1.5px solid var(--rw-evergreen) !important;
}

/* ============ Campos de formulario (focus on-brand) ============ */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container .select2-selection,
.woocommerce table.cart td.actions .coupon .input-text,
input[type=text], input[type=email], input[type=tel], input[type=password],
input[type=number], select, textarea{
  border:1px solid var(--rw-hairline) !important;
  border-radius:8px !important;
  padding:12px 14px !important;
  font-family:"Inter",sans-serif; font-size:.95rem;
  background:var(--rw-cloud); color:var(--rw-ink);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
input:focus, select:focus, textarea:focus{
  border-color:var(--rw-sage) !important;
  box-shadow:0 0 0 3px rgba(126,155,130,.25) !important; outline:none !important;
}
.woocommerce form .form-row label{ font-weight:500; color:var(--rw-ink); font-size:.9rem; }

/* ============ Avisos (mensajes WooCommerce) on-brand ============ */
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.wc-block-components-notice-banner{
  border-radius:10px !important; border-top:0 !important;
  font-family:"Inter",sans-serif;
}
.woocommerce-message{ border-left:4px solid var(--rw-leaf) !important; background:#eef2ea; }
.woocommerce-info{ border-left:4px solid var(--rw-sage) !important; background:#eef0e8; }
.woocommerce-error{ border-left:4px solid var(--rw-clay) !important; background:#f7ece6; }
.woocommerce-message::before{ color:var(--rw-leaf); }
.woocommerce-info::before{ color:var(--rw-sage); }

/* ============ Carrito ============ */
.woocommerce-cart .shop_table{
  border:1px solid var(--rw-hairline); border-radius:14px; overflow:hidden;
  border-collapse:separate; border-spacing:0; background:var(--rw-cloud);
}
.woocommerce-cart .shop_table thead th{
  background:var(--rw-oat); color:var(--rw-evergreen);
  font-family:"Geist Mono",ui-monospace,monospace; text-transform:uppercase;
  letter-spacing:.06em; font-size:.72rem; padding:16px;
}
.woocommerce-cart .shop_table td{ padding:18px 16px; border-top:1px solid var(--rw-hairline); }
.woocommerce-cart .shop_table img{ width:64px; border-radius:8px; }
.woocommerce-cart .product-name a{ font-weight:600; color:var(--rw-ink); }
.woocommerce-cart .product-name a:hover{ color:var(--rw-clay); }
.woocommerce .cart_totals h2{ font-family:"Fraunces",serif; color:var(--rw-evergreen); }
.woocommerce-cart .cart-collaterals .cart_totals{
  background:var(--rw-cloud); border:1px solid var(--rw-hairline);
  border-radius:14px; padding:8px 20px 20px;
}
.woocommerce .cart_totals table{ border:0; }
.woocommerce .cart_totals .order-total .amount{
  font-family:"Fraunces",serif; color:var(--rw-evergreen); font-size:1.2rem;
}
.woocommerce a.remove{ color:var(--rw-clay) !important; border-radius:50%; }
.woocommerce a.remove:hover{ background:var(--rw-clay) !important; color:#fff !important; }
/* input cantidad */
.woocommerce .quantity input.qty{
  border:1px solid var(--rw-hairline); border-radius:8px; padding:10px; width:64px;
}

/* ============ Checkout ============ */
.woocommerce-checkout #payment{ background:var(--rw-oat); border-radius:14px; }
.woocommerce-checkout #payment ul.payment_methods{ border-bottom:1px solid var(--rw-hairline); }
.woocommerce-checkout .woocommerce-checkout-review-order-table{
  border:1px solid var(--rw-hairline); border-radius:14px; overflow:hidden; background:var(--rw-cloud);
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th{
  background:var(--rw-oat); color:var(--rw-evergreen);
  font-family:"Geist Mono",ui-monospace,monospace; text-transform:uppercase;
  letter-spacing:.05em; font-size:.72rem;
}
.woocommerce-checkout h3, .woocommerce-checkout .woocommerce-billing-fields h3,
#order_review_heading{ font-family:"Fraunces",serif; color:var(--rw-evergreen); }
.woocommerce-checkout #place_order{ width:100%; font-size:1.05rem !important; padding:16px !important; }
.woocommerce-checkout .order-total .amount{ font-family:"Fraunces",serif; color:var(--rw-evergreen); }

/* ============ Breadcrumb / títulos de página ============ */
.woocommerce-breadcrumb{
  font-family:"Geist Mono",ui-monospace,monospace; font-size:.74rem;
  text-transform:uppercase; letter-spacing:.05em; color:var(--rw-stone);
}
.woocommerce-breadcrumb a{ color:var(--rw-stone); }
.woocommerce-breadcrumb a:hover{ color:var(--rw-clay); }

/* ============ Mini-cart / widget ============ */
.woocommerce .widget_shopping_cart .total .amount,
.widget_shopping_cart_content .amount{ color:var(--rw-evergreen); font-weight:600; }

/* ============ Stepper de cantidad: sutil (no clay sólido) ============ */
.woocommerce .quantity .plus, .woocommerce .quantity .minus,
.woocommerce .quantity button, .wc-block-components-quantity-selector__button{
  background:transparent !important; color:var(--rw-evergreen) !important;
  border:1px solid var(--rw-hairline) !important; box-shadow:none !important;
  transform:none !important; font-weight:600 !important;
}
.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover,
.wc-block-components-quantity-selector__button:hover{
  background:var(--rw-oat) !important; color:var(--rw-clay) !important;
}

/* ============ Footer: colapsar la fila vacía de crédito de Blocksy ============ */
/* Contiene solo el "WordPress Theme by…"; la barra legal de marca (rw-legal-bar,
   inyectada en wp_footer) es el footer real con copyright + enlaces. */
#footer [data-row="bottom"]{ display:none !important; }

/* ============ Empty cart / account ============ */
.cart-empty.woocommerce-info{ font-size:1rem; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{ color:var(--rw-evergreen); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{ color:var(--rw-clay); font-weight:600; }
