/* =============================================================
   wc-overrides.css — Sky Baseball TV
   Estiliza WooCommerce REAL (shortcodes/endpoints) con la marca.
   Envoltorios añadidos por el tema: .sky-cart-wrap, .sky-checkout-wrap,
   .sky-myaccount-wrap. Single product usa body.single-product.
   Usa los tokens de skybaseball.css (:root) + theme options.
   ============================================================= */

/* ---------- base WC en superficies oscuras ---------- */
.sky-cart-wrap, .sky-checkout-wrap, .sky-myaccount-wrap,
.single-product div.product{ color:var(--ink-1); }
.sky-cart-wrap a, .sky-checkout-wrap a, .sky-myaccount-wrap a{ color:var(--accent); }

.woocommerce-message, .woocommerce-info, .woocommerce-error{
  background:var(--bg-2); border:1px solid var(--line-2); border-left:3px solid var(--accent);
  color:var(--ink-1); border-radius:var(--r-md); padding:14px 18px; list-style:none;
}
.woocommerce-error{ border-left-color:var(--red); }
/* sin pseudo-iconos de icon-font (truenan en dark) */
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before{ display:none !important; }
.woocommerce-message a.button, .woocommerce-info a.button{ background:var(--accent); color:var(--purple); }

/* ---------- botones WC -> estilo de marca ---------- */
.woocommerce .button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button, .woocommerce #respond input#submit{
  background:var(--accent); color:var(--purple); border:none; border-radius:var(--r-pill);
  font-family:var(--font-ui); font-weight:700; font-style:italic; padding:13px 26px; letter-spacing:.01em;
  box-shadow:var(--shadow-cta); transition:transform .2s, background .2s, color .2s;
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button:hover, .woocommerce #respond input#submit:hover{
  background:var(--purple); color:var(--accent); transform:translateY(-2px);
}
.woocommerce .button.alt, .woocommerce button.button.alt{ background:var(--accent); color:var(--purple); }

/* inputs WC */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce input[type="text"], .woocommerce input[type="email"],
.woocommerce input[type="tel"], .woocommerce input[type="password"],
.woocommerce select{
  background:var(--bg-2); border:1px solid var(--line-2); border-radius:var(--r-md);
  color:var(--ink-0); padding:12px 14px; font-family:var(--font-ui); font-size:15px; min-height:46px;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce select:focus, .woocommerce textarea:focus{
  outline:none; border-color:var(--accent-line); box-shadow:0 0 0 3px var(--accent-soft);
}
.woocommerce form .form-row label{ color:var(--ink-2); font-size:13px; font-weight:600; margin-bottom:6px; }
.woocommerce .required{ color:var(--accent); }

/* ============================================================
   CART  ·  .sky-cart-wrap
   ============================================================ */
.sky-cart-wrap table.shop_table.cart{
  background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-2xl); border-collapse:separate; overflow:hidden;
}
.sky-cart-wrap table.shop_table.cart thead th{
  background:var(--bg-2); color:var(--ink-3); font-family:var(--font-mono); font-size:11.5px;
  letter-spacing:.1em; text-transform:uppercase; padding:16px; border:none; text-align:left;
}
.sky-cart-wrap table.shop_table.cart tbody tr.cart_item td{
  border-top:1px solid var(--line); padding:18px 16px; vertical-align:middle; background:transparent;
}
.sky-cart-wrap td.product-remove a.remove{
  color:var(--red) !important; background:transparent; font-size:20px; width:auto; height:auto; line-height:1;
}
.sky-cart-wrap td.product-thumbnail img{ width:60px; border-radius:var(--r-md); }
.sky-cart-wrap td.product-name a{ color:var(--ink-0); font-family:var(--font-display); font-weight:600; text-decoration:none; }
.sky-cart-wrap td.product-price, .sky-cart-wrap td.product-subtotal{ color:var(--ink-1); font-weight:600; }
.sky-cart-wrap td.product-quantity input.qty{
  background:var(--bg-2); border:1px solid var(--line-2); border-radius:var(--r-md); color:var(--ink-0); width:72px; padding:10px; text-align:center;
}
.sky-cart-wrap td.actions .coupon{ display:flex; gap:10px; }
.sky-cart-wrap td.actions .coupon input#coupon_code{
  background:var(--bg-2); border:1px solid var(--line-2); border-radius:var(--r-md); color:var(--ink-0);
  padding:12px 14px; font-family:var(--font-mono); letter-spacing:.06em; text-transform:uppercase;
}
.sky-cart-wrap .cart-collaterals .cart_totals h2{
  font-family:var(--font-display); color:var(--ink-0); font-size:20px; margin-bottom:16px;
}
.sky-cart-wrap .cart-collaterals .cart_totals table.shop_table{
  background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-2xl); overflow:hidden;
}
.sky-cart-wrap .cart_totals table.shop_table th{ color:var(--ink-2); padding:14px 16px; border-top:1px solid var(--line); }
.sky-cart-wrap .cart_totals table.shop_table td{ color:var(--ink-0); padding:14px 16px; border-top:1px solid var(--line); text-align:right; }
.sky-cart-wrap .cart_totals tr.order-total td{ font-family:var(--font-display); font-weight:800; font-size:20px; color:var(--accent); }
.sky-cart-wrap .wc-proceed-to-checkout a.checkout-button{
  display:block; text-align:center; font-size:17px; padding:16px; background:var(--accent); color:var(--purple);
}

/* ============================================================
   CHECKOUT  ·  .sky-checkout-wrap
   ============================================================ */
.sky-checkout-wrap{ display:grid; grid-template-columns:1.4fr 1fr; gap:26px; align-items:start; }
.sky-checkout-wrap #customer_details{ background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-2xl); padding:28px; }
.sky-checkout-wrap .woocommerce-billing-fields h3,
.sky-checkout-wrap #order_review_heading{
  font-family:var(--font-display); color:var(--ink-0); font-size:19px; margin:0 0 18px;
}
.sky-checkout-wrap #order_review{
  background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-2xl); padding:28px; position:sticky; top:96px;
}
.sky-checkout-wrap table.woocommerce-checkout-review-order-table{ width:100%; margin-bottom:18px; }
.sky-checkout-wrap .woocommerce-checkout-review-order-table th,
.sky-checkout-wrap .woocommerce-checkout-review-order-table td{
  padding:12px 0; border-top:1px solid var(--line); color:var(--ink-1); text-align:left;
}
.sky-checkout-wrap .woocommerce-checkout-review-order-table tr.order-total td{
  font-family:var(--font-display); font-weight:800; font-size:22px; color:var(--accent); text-align:right;
}
/* métodos de pago (WooCommerce + Conekta) */
.sky-checkout-wrap #payment{ background:transparent; border-radius:var(--r-lg); }
.sky-checkout-wrap #payment ul.payment_methods{
  border:none; padding:0; margin:0 0 18px; list-style:none;
}
.sky-checkout-wrap #payment li.wc_payment_method{
  background:var(--bg-2); border:1px solid var(--line-2); border-radius:var(--r-lg);
  margin-bottom:10px; padding:14px 16px; list-style:none;
}
.sky-checkout-wrap #payment li.wc_payment_method label{
  color:var(--ink-0); font-weight:600; display:inline-flex; align-items:center; gap:10px; margin:0;
}
.sky-checkout-wrap #payment li.wc_payment_method input[type="radio"]{ accent-color:var(--accent); width:18px; height:18px; }
.sky-checkout-wrap #payment div.payment_box{
  background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-md);
  color:var(--ink-2); font-size:13.5px; margin-top:12px; padding:14px 16px;
}
.sky-checkout-wrap #payment div.payment_box::before{ display:none; }
/* NO ocultar el contenedor del iframe de Conekta */
.sky-checkout-wrap #conektaITokenizerframeContainer{ display:block !important; min-height:60px; }
.sky-checkout-wrap button#place_order{
  width:100%; font-size:17px; padding:16px; background:var(--accent); color:var(--purple); margin-top:10px;
}

/* ============================================================
   MI CUENTA  ·  .sky-myaccount-wrap
   ============================================================ */
.sky-myaccount-wrap{ display:grid; grid-template-columns:240px 1fr; gap:26px; align-items:start; }
.sky-myaccount-wrap .woocommerce-MyAccount-navigation{
  background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-2xl); padding:12px; position:sticky; top:96px;
}
.sky-myaccount-wrap .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; display:grid; gap:3px; }
.sky-myaccount-wrap .woocommerce-MyAccount-navigation ul li a{
  display:block; padding:12px 16px; border-radius:var(--r-md); color:var(--ink-2);
  font-size:14.5px; font-weight:500; text-decoration:none; transition:background .2s, color .2s;
}
.sky-myaccount-wrap .woocommerce-MyAccount-navigation ul li a:hover{ background:rgba(255,255,255,.05); color:var(--ink-0); }
.sky-myaccount-wrap .woocommerce-MyAccount-navigation ul li.is-active a{ background:var(--accent-soft); color:var(--accent); font-weight:700; }
.sky-myaccount-wrap .woocommerce-MyAccount-content{
  background:var(--bg-1); border:1px solid var(--line); border-radius:var(--r-2xl); padding:28px; min-width:0;
}
.sky-myaccount-wrap .woocommerce-MyAccount-content p{ color:var(--ink-2); }
.sky-myaccount-wrap .woocommerce-MyAccount-content mark{ background:var(--accent-soft); color:var(--accent); }
/* tablas (pedidos, detalle) */
.sky-myaccount-wrap table.woocommerce-orders-table,
.sky-myaccount-wrap table.shop_table.order_details{
  width:100%; border-collapse:separate; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden;
}
.sky-myaccount-wrap table.woocommerce-orders-table th,
.sky-myaccount-wrap table.shop_table.order_details th{
  background:var(--bg-2); color:var(--ink-3); font-family:var(--font-mono); font-size:11px;
  letter-spacing:.1em; text-transform:uppercase; padding:14px; text-align:left;
}
.sky-myaccount-wrap table.woocommerce-orders-table td,
.sky-myaccount-wrap table.shop_table.order_details td{
  padding:14px; border-top:1px solid var(--line); color:var(--ink-1);
}
.sky-myaccount-wrap .woocommerce-customer-details address{
  background:var(--bg-2); border:1px solid var(--line); border-radius:var(--r-md); padding:16px; color:var(--ink-1); font-style:normal;
}
/* direcciones / detalles */
.sky-myaccount-wrap .woocommerce-Addresses .woocommerce-Address{
  background:var(--bg-2); border:1px solid var(--line); border-radius:var(--r-lg); padding:20px; margin-bottom:16px;
}
.sky-myaccount-wrap .woocommerce-Address-title h3{ font-family:var(--font-display); color:var(--ink-0); }
.sky-myaccount-wrap form.woocommerce-EditAccountForm fieldset{
  border:1px solid var(--line); border-radius:var(--r-lg); padding:18px; margin-top:18px;
}

/* ============================================================
   PRODUCTO SINGLE  ·  body.single-product
   ============================================================ */
.single-product div.product{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.single-product div.product .woocommerce-product-gallery{ border-radius:var(--r-3xl); overflow:hidden; border:1px solid var(--line-2); }
.single-product div.product .summary.entry-summary{ }
.single-product .summary .product_title{ font-family:var(--font-display); color:var(--ink-0); font-size:clamp(28px,3.6vw,40px); letter-spacing:-.03em; }
.single-product .summary .price{ display:flex; align-items:baseline; gap:10px; margin:18px 0; }
.single-product .summary .price .amount{ font-family:var(--font-display); font-weight:800; font-size:40px; color:var(--accent); letter-spacing:-.04em; }
.single-product .summary .price del .amount{ color:var(--ink-3); font-size:22px; -webkit-text-fill-color:var(--ink-3); }
.single-product .summary .woocommerce-product-details__short-description{ color:var(--ink-2); line-height:1.6; }
.single-product .summary form.cart{ display:flex; gap:12px; align-items:center; margin:22px 0; }
.single-product .summary form.cart .quantity input.qty{
  background:var(--bg-2); border:1px solid var(--line-2); border-radius:var(--r-pill); color:var(--ink-0); width:74px; padding:13px; text-align:center;
}
.single-product .summary button.single_add_to_cart_button{ flex:1; font-size:16px; padding:16px; background:var(--accent); color:var(--purple); }
.single-product .summary .product_meta{ color:var(--ink-3); font-size:13px; margin-top:18px; }
.single-product .summary .product_meta a{ color:var(--accent); }
/* tabs: ocultar (la desc va en el summary) */
.single-product .woocommerce-tabs{ display:none; }
.single-product .related.products, .single-product .upsells.products{ grid-column:1 / -1; margin-top:40px; }
.single-product .related.products h2, .single-product .upsells.products h2{ font-family:var(--font-display); color:var(--ink-0); }

/* responsive */
@media (max-width:880px){
  .sky-checkout-wrap, .sky-myaccount-wrap, .single-product div.product{ grid-template-columns:1fr; }
  .sky-checkout-wrap #order_review, .sky-myaccount-wrap .woocommerce-MyAccount-navigation{ position:static; }
}