/* ═══════════════════════════════════════════════════
   NEXUS PC — assets/css/woocommerce.css
   Overrides de estilos WooCommerce
═══════════════════════════════════════════════════ */

/* ── Página de tienda ── */
.woocommerce-page .woocommerce,
.woocommerce { max-width: 100%; }

/* ── Breadcrumb ── */
.woocommerce .woocommerce-breadcrumb {
  font-size: 12px; color: var(--tx3);
  padding: 12px 28px; border-bottom: 1px solid var(--bd);
  background: #fff; margin: 0;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--tx3); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--blue); }

/* ── Notices ── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error { border-radius: 0 8px 8px 0; font-size: 13px; }
.woocommerce-message::before { color: #16a34a !important; }
.woocommerce-info::before { color: var(--blue) !important; }
.woocommerce-error { border-color: #ef4444 !important; }

/* ── Botones WooCommerce ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--blue) !important; color: #fff !important;
  border-radius: 8px !important; font-weight: 700 !important;
  font-size: 13px !important; padding: 10px 20px !important;
  border: none !important; transition: all .2s !important;
  box-shadow: var(--shadow-blue) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--blue3) !important; color: #fff !important;
  transform: translateY(-1px) !important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt { background: var(--accent) !important; }
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover { background: #6d28d9 !important; }

/* ── Inputs ── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  border: 1.5px solid var(--bd2) !important; border-radius: 8px !important;
  padding: 10px 14px !important; font-size: 13px !important;
  outline: none !important; color: var(--tx) !important;
  background: #fff !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--blue) !important;
  box-shadow: var(--glow) !important;
}

/* ── Labels ── */
.woocommerce form .form-row label { font-size: 12px; font-weight: 700; color: var(--tx2); margin-bottom: 4px; }

/* ── Tabla de cart/checkout ── */
.woocommerce table.cart,
.woocommerce-cart table.cart { border: 1px solid var(--bd); border-radius: 10px; overflow: hidden; font-size: 13px; }
.woocommerce table.cart th { background: #f8fafc; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; color: var(--tx2); }
.woocommerce table.cart td { border-top: 1px solid var(--bd); }

/* ── Totals ── */
.woocommerce-cart .cart_totals, .woocommerce-checkout .cart_totals {
  background: #fff; border: 1px solid var(--bd); border-radius: 12px; padding: 20px;
}
.woocommerce-cart .cart_totals h2 { font-size: 14px; font-weight: 800; margin-bottom: 12px; color: var(--tx); }

/* ── Order summary ── */
.woocommerce-checkout #order_review { background: #fff; border: 1px solid var(--bd); border-radius: 12px; padding: 20px; }

/* ── My account ── */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #fff; border: 1px solid var(--bd); border-radius: 12px; overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block; padding: 12px 18px; font-size: 13px; font-weight: 600;
  color: var(--tx2); border-left: 3px solid transparent;
  text-decoration: none; transition: all .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: #eff6ff; color: var(--blue); border-left-color: var(--blue);
}

/* ── Precio tachado ── */
.woocommerce del { color: var(--tx3) !important; font-size: .85em; }
.woocommerce ins { color: var(--tx) !important; font-weight: 800 !important; text-decoration: none !important; }

/* ── Sale badge ── */
.woocommerce span.onsale {
  background: #ff6d00 !important; color: #fff !important;
  border-radius: 6px !important; font-size: 10px !important;
  font-weight: 800 !important; padding: 4px 8px !important;
  letter-spacing: .5px !important; text-transform: uppercase !important;
  min-height: auto !important; min-width: auto !important;
  line-height: 1 !important;
}

/* ── Star ratings ── */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before { color: #f59e0b !important; }
