/* =========================================================================
   WooCommerce — Academia Masculina (negro + dorado)
   Usa los tokens definidos en style.css (:root).
   ========================================================================= */

.woo-page{padding-top:clamp(30px,4vw,50px)}
.woocommerce, .woocommerce-page{color:var(--text)}

/* ---- Botones ---- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
	background:linear-gradient(180deg,var(--gold-hi),var(--gold));
	color:#1a1206;
	font-family:var(--font-display);
	font-weight:600;letter-spacing:.08em;text-transform:uppercase;
	border:0;border-radius:999px;padding:14px 28px;
	transition:transform .15s ease,box-shadow .15s ease;
	box-shadow:0 14px 34px -14px rgba(201,162,75,.55);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{transform:translateY(-2px);color:#1a1206;background:var(--gold-hi)}
.woocommerce .button.disabled,.woocommerce button.button:disabled{opacity:.5}

/* ---- Grilla de productos ---- */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;
	background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center;transition:border-color .2s,transform .2s}
.woocommerce ul.products li.product:hover{border-color:var(--line-2);transform:translateY(-4px)}
.woocommerce ul.products li.product a img{border-radius:10px;margin-bottom:14px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-display);font-size:1.15rem;color:var(--white);padding:0 6px 6px;text-transform:none}
.woocommerce ul.products li.product .price{color:var(--gold-hi);font-size:1.15rem}
.woocommerce ul.products li.product .price del{color:var(--muted);opacity:.7}
.woocommerce ul.products li.product .button{margin-top:10px}
.woocommerce span.onsale{background:var(--gold);color:#1a1206;font-family:var(--font-display);border-radius:999px;min-height:auto;padding:6px 14px;top:14px;left:14px}

/* ---- Resultado / ordenar ---- */
.woocommerce .woocommerce-result-count{color:var(--muted)}
.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row select,
.woocommerce select{background:var(--ink-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px}

/* ---- Producto individual ---- */
.woocommerce div.product .product_title{font-family:var(--font-display);color:var(--white);text-transform:none}
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--gold-hi);font-size:1.6rem}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--ink-2);border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--panel)}
.woocommerce div.product .woocommerce-tabs .panel{background:transparent}
.woocommerce .star-rating span::before,.woocommerce p.stars a::before{color:var(--gold)}
.woocommerce div.product form.cart .quantity input{background:var(--ink-2);color:var(--text);border:1px solid var(--line);border-radius:8px}

/* ---- Tablas (carrito, pedidos) ---- */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);border-collapse:separate}
.woocommerce table.shop_table th{font-family:var(--font-display);letter-spacing:.05em;color:var(--white)}
.woocommerce table.shop_table td{border-top:1px solid var(--line);color:var(--text)}
.woocommerce-cart table.cart img{border-radius:8px}
.woocommerce .cart_totals h2,.woocommerce-checkout h3{font-family:var(--font-display);color:var(--white)}

/* ---- Formularios (checkout, cuenta, login) ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce #order_review input,
.woocommerce .select2-selection{
	background:var(--ink-2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:13px 15px!important;min-height:auto}
.woocommerce form .form-row label{color:var(--muted)}
.woocommerce #payment,.woocommerce-checkout #payment{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.woocommerce #payment ul.payment_methods{border-color:var(--line)}
.woocommerce-checkout #payment div.payment_box{background:var(--ink-2);color:var(--muted)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--ink-2)}

/* ---- Avisos ---- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,.woocommerce .woocommerce-info{
	background:var(--ink-2);border-top:3px solid var(--gold);color:var(--text);border-radius:8px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)}
.woocommerce-error{border-top-color:#c0504d}

/* ---- Mi cuenta ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:14px 18px;color:var(--text)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:rgba(201,162,75,.1);color:var(--gold-hi)}

/* ---- Breadcrumb ---- */
.woocommerce .woocommerce-breadcrumb{color:var(--muted);font-size:14px;margin-bottom:24px}
.woocommerce .woocommerce-breadcrumb a{color:var(--gold)}

@media(max-width:980px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.woocommerce ul.products{grid-template-columns:1fr}}