/* ===========================================================
   TMC Girona — estilos de tienda WooCommerce (estética TMC)
   =========================================================== */
:root{
  --tmc-gold:#e0b94a;
  --tmc-gold-dark:#c9a43e;
  --tmc-ink:#0a0a0a;
  --tmc-panel:#151515;
  --tmc-panel-2:#1c1c1c;
  --tmc-line:rgba(255,255,255,.10);
  --tmc-text:#f2f2f2;
  --tmc-muted:rgba(255,255,255,.55);
}

/* Fondo general oscuro + sitio bajo la cabecera fija */
body.tmc-body{background:var(--tmc-ink);color:var(--tmc-text);font-family:'Inter',sans-serif}
/* Cabecera negra SÓLIDA en todas las páginas del tema (como la web original) */
body.tmc-body #tmc-header,
body.tmc-body .tmc-header{background:#0a0a0a!important;border-bottom:1px solid rgba(255,255,255,.06)}
.tmc-site-content{min-height:60vh;padding-top:84px;padding-bottom:70px}
.tmc-site-content .ast-container,.tmc-site-content .site-content{background:transparent}
/* Ocultar título/breadcrumb de Astra si duplica */
.tmc-body .ast-breadcrumbs{color:var(--tmc-muted)}
h1,h2,h3,h4,.entry-title,.product_title{color:#fff;font-family:'Oswald',sans-serif;letter-spacing:.3px}

a{color:var(--tmc-gold)}
.tmc-site-content .woocommerce-message,
.tmc-site-content .woocommerce-info,
.tmc-site-content .woocommerce-notices-wrapper .woocommerce-message{
  background:var(--tmc-panel);border-top:3px solid var(--tmc-gold);color:var(--tmc-text);border-radius:8px}
.tmc-site-content .woocommerce-error{background:#2a1212;border-top:3px solid #e63946;color:#ffd9dc;border-radius:8px}

/* ── Contenedor centrado para páginas WC ── */
.woocommerce,.woocommerce-page .ast-container{max-width:1240px;margin:0 auto;padding:0 18px}

/* ── Botones (dorado) ── */
.tmc-site-content .button,
.tmc-site-content .woocommerce a.button,
.tmc-site-content .woocommerce button.button,
.tmc-site-content .woocommerce input.button,
.tmc-site-content .woocommerce #respond input#submit,
.tmc-site-content .wc-block-components-button{
  background:var(--tmc-gold)!important;color:#0a0a0a!important;border:none!important;border-radius:9px!important;
  font-weight:800!important;text-transform:uppercase;letter-spacing:.4px;padding:13px 22px!important;
  transition:background .2s,transform .2s;cursor:pointer}
.tmc-site-content .button:hover,
.tmc-site-content .woocommerce a.button:hover,
.tmc-site-content .woocommerce button.button:hover,
.tmc-site-content .woocommerce input.button:hover{background:var(--tmc-gold-dark)!important;transform:translateY(-1px)}
.tmc-site-content .button.alt,
.tmc-site-content .single_add_to_cart_button{font-size:15px!important;padding:15px 28px!important}

/* ===========================================================
   SHOP LOOP — rejilla de productos
   =========================================================== */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none}
.woocommerce ul.products li.product{
  background:linear-gradient(165deg,var(--tmc-panel-2),var(--tmc-panel));border:1px solid var(--tmc-line);
  border-radius:16px;padding:14px 14px 20px;margin:0!important;width:auto!important;float:none!important;text-align:center;
  display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);border-color:rgba(224,185,74,.5);box-shadow:0 18px 38px rgba(0,0,0,.5)}
.woocommerce ul.products li.product a img{border-radius:12px;margin-bottom:14px;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:#fff!important;font-size:14px!important;font-weight:700!important;text-transform:uppercase;
  letter-spacing:.3px;padding:0 4px;min-height:36px;line-height:1.3}
.woocommerce ul.products li.product .price{color:var(--tmc-gold)!important;font-weight:800!important;font-size:1.05rem;margin-bottom:12px;display:block}
.woocommerce ul.products li.product .price del{color:var(--tmc-muted)!important;font-weight:500}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{margin-top:auto!important;display:inline-block}
.woocommerce ul.products li.product .onsale{background:var(--tmc-gold);color:#0a0a0a;border-radius:30px;font-weight:800}

/* Ordenar / resultados */
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{color:var(--tmc-muted)}
.woocommerce .woocommerce-ordering select{background:var(--tmc-panel);color:#fff;border:1px solid var(--tmc-line);border-radius:8px;padding:8px 12px}

/* ===========================================================
   SINGLE PRODUCT — ficha
   =========================================================== */
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.woocommerce div.product .woocommerce-product-gallery{margin-bottom:0}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:14px;background:#fff}
.woocommerce div.product .product_title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;text-transform:uppercase;margin-top:0}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--tmc-gold)!important;font-size:1.8rem!important;font-weight:900!important}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--tmc-muted);line-height:1.6}
.woocommerce div.product form.cart{margin-top:10px}
.woocommerce-tabs,.woocommerce div.product .woocommerce-tabs ul.tabs li{border-color:var(--tmc-line)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--tmc-text)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--tmc-gold)}
.woocommerce #reviews #comments h2,.woocommerce div.product .woocommerce-tabs .panel h2{color:#fff}
@media(max-width:860px){.woocommerce div.product{grid-template-columns:1fr;gap:24px}}

/* Tabla de variaciones: sin bordes de tabla, layout limpio */
.woocommerce div.product form.cart .variations{border:none;margin-bottom:14px;width:100%}
.woocommerce div.product form.cart .variations tr{display:block;margin-bottom:16px}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{display:block;border:none;padding:0;text-align:left}
.woocommerce div.product form.cart .variations label{
  color:#fff;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;margin-bottom:10px;display:block}
.woocommerce div.product form.cart .reset_variations{color:var(--tmc-muted);font-size:.8rem;display:inline-block;margin-top:6px}
.woocommerce div.product .single_variation .price{margin-bottom:10px}
.woocommerce div.product .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* ── SWATCHES (botones de variante) ── */
.tmc-swatches{display:flex;flex-wrap:wrap;gap:10px}
.tmc-swatch{
  background:var(--tmc-panel-2);color:var(--tmc-text);border:1.5px solid var(--tmc-line);border-radius:10px;
  padding:11px 16px;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .18s;min-width:54px;line-height:1.2}
.tmc-swatch:hover{border-color:var(--tmc-gold);color:#fff}
.tmc-swatch.selected{background:var(--tmc-gold);color:#0a0a0a;border-color:var(--tmc-gold);font-weight:800}
.tmc-swatch.tmc-disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}

/* Cantidad */
.woocommerce .quantity input.qty{
  background:var(--tmc-panel);color:#fff;border:1px solid var(--tmc-line);border-radius:8px;padding:12px 8px;width:72px}

/* ===========================================================
   CARRITO
   =========================================================== */
.woocommerce table.shop_table{background:var(--tmc-panel);border:1px solid var(--tmc-line);border-radius:14px;overflow:hidden;color:var(--tmc-text)}
.woocommerce table.shop_table th{background:rgba(255,255,255,.04);color:#fff;text-transform:uppercase;font-size:.78rem;letter-spacing:.5px}
.woocommerce table.shop_table td{border-top:1px solid var(--tmc-line);color:var(--tmc-text)}
.woocommerce table.shop_table td.product-name a{color:#fff}
.woocommerce table.shop_table td.product-name a:hover{color:var(--tmc-gold)}
.woocommerce .cart_item .product-price,.woocommerce .cart_item .product-subtotal{color:var(--tmc-gold);font-weight:700}
.woocommerce a.remove{color:#e63946!important;background:transparent}
.woocommerce a.remove:hover{background:#e63946;color:#fff!important}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-cart .cart-collaterals .cart_totals{
  background:var(--tmc-panel);border:1px solid var(--tmc-line);border-radius:14px;padding:6px 18px 18px;float:right;width:100%;max-width:420px}
.woocommerce .cart_totals h2{color:#fff}
.woocommerce .cart_totals table td,.woocommerce .cart_totals table th{border-top:1px solid var(--tmc-line);color:var(--tmc-text)}
.woocommerce .cart_totals .order-total .amount{color:var(--tmc-gold)}
.woocommerce .coupon input.input-text{background:var(--tmc-panel);color:#fff;border:1px solid var(--tmc-line);border-radius:8px;padding:12px}
.woocommerce-cart table.cart img{width:64px;border-radius:8px;background:#fff}
.cart-empty.woocommerce-info{font-size:1.05rem}

/* ===========================================================
   CHECKOUT — esquema CLARO y legible (como la web original)
   Scopeado a body.woocommerce-checkout para no afectar al resto
   =========================================================== */
body.woocommerce-checkout,
body.woocommerce-checkout .tmc-site-content,
body.woocommerce-checkout #content,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout #primary,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .ast-container,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .ast-article-single,
body.woocommerce-checkout .ast-separate-container .ast-article-single,
body.woocommerce-checkout .entry-header{background:#0a0a0a!important;box-shadow:none!important}
/* Hero del título: blanco centrado sobre negro, como la web original */
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout h1.entry-title,
body.woocommerce-checkout .ast-archive-description .ast-archive-title{
  color:#fff!important;text-align:center;text-transform:uppercase;letter-spacing:1px;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(2.2rem,6vw,3.8rem)!important;
  padding:26px 0 8px;margin:0}
/* Barra de cupón / avisos a nivel de página: oscuros con texto claro */
body.woocommerce-checkout .woocommerce>.woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  background:#151515!important;color:#cfcfcf!important;border-top:3px solid var(--tmc-gold)!important;border-radius:8px}
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a,
body.woocommerce-checkout .showcoupon{color:var(--tmc-gold)!important}
body.woocommerce-checkout form.checkout_coupon{background:#151515;border:1px solid rgba(255,255,255,.1);border-radius:12px}
body.woocommerce-checkout form.checkout_coupon p{color:#cfcfcf}
/* Bloques de FORMULARIO en tarjeta BLANCA legible (resaltan sobre el negro) */
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-shipping-fields{
  background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:22px 22px 8px;margin-bottom:22px;
  box-shadow:0 10px 30px rgba(0,0,0,.35)}
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .tmc-extra-fields h3{color:#101828!important;font-family:'Oswald',sans-serif}
/* Etiquetas e inputs LEGIBLES (texto oscuro sobre blanco) */
body.woocommerce-checkout label{color:#344054!important;font-weight:600;font-size:.86rem}
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row input[type=text],
body.woocommerce-checkout .form-row input[type=email],
body.woocommerce-checkout .form-row input[type=tel],
body.woocommerce-checkout .form-row input[type=date],
body.woocommerce-checkout .form-row input[type=number],
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container--default .select2-selection--single{
  background:#fff!important;color:#101828!important;border:1.5px solid #d0d5dd!important;border-radius:10px!important;
  padding:12px 14px!important;min-height:48px!important;font-size:16px!important;box-shadow:none!important}
body.woocommerce-checkout .form-row input:focus,
body.woocommerce-checkout .form-row textarea:focus,
body.woocommerce-checkout select:focus{border-color:var(--tmc-gold)!important;outline:none}
body.woocommerce-checkout .form-row input::placeholder,
body.woocommerce-checkout textarea::placeholder{color:#98a2b3!important}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{color:#101828!important;line-height:46px!important}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px!important}
body.woocommerce-checkout .required{color:#e24b4a}
/* Resumen del pedido y pago: OSCUROS legibles (anula el checkout claro del tema original) */
body.woocommerce-checkout #order_review_heading{color:#fff!important;font-family:'Oswald',sans-serif}
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table,
body.woocommerce-checkout #order_review table.shop_table,
body.woocommerce-checkout #order_review thead,
body.woocommerce-checkout #order_review tbody,
body.woocommerce-checkout #order_review tfoot{background:#151515!important;border-color:rgba(255,255,255,.1)!important}
body.woocommerce-checkout #order_review{border:1px solid rgba(255,255,255,.08)!important;border-radius:16px;padding:18px}
body.woocommerce-checkout #order_review table,
body.woocommerce-checkout #order_review tr,
body.woocommerce-checkout #order_review th,
body.woocommerce-checkout #order_review td{background:transparent!important;border-color:rgba(255,255,255,.1)!important}
body.woocommerce-checkout #order_review th,
body.woocommerce-checkout #order_review td,
body.woocommerce-checkout #order_review .product-name,
body.woocommerce-checkout #order_review .product-name a,
body.woocommerce-checkout #order_review .product-quantity,
body.woocommerce-checkout #order_review .variation,
body.woocommerce-checkout #order_review .variation *{color:#f2f2f2!important}
body.woocommerce-checkout #order_review .amount,
body.woocommerce-checkout #order_review .woocommerce-Price-amount,
body.woocommerce-checkout #order_review .order-total .amount{color:var(--tmc-gold)!important;font-weight:700}
body.woocommerce-checkout #payment{background:#1b1b1b!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px}
body.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid rgba(255,255,255,.1)!important}
body.woocommerce-checkout #payment label{color:#fff!important}
body.woocommerce-checkout #payment .payment_box{background:#0e0e0e!important;color:#bbb!important;border-radius:10px}
body.woocommerce-checkout #payment .payment_box::before{border-bottom-color:#0e0e0e!important}
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{color:#bbb}
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button{
  background:var(--tmc-gold)!important;color:#0a0a0a!important;font-size:16px!important;padding:16px 28px!important;width:100%}

/* Campos en 2 columnas en escritorio, apilados en móvil */
body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last{width:48%}
@media(max-width:780px){
  body.woocommerce-checkout .form-row-first,
  body.woocommerce-checkout .form-row-last{width:100%!important;float:none!important}
  body.woocommerce-checkout .col2-set .col-1,
  body.woocommerce-checkout .col2-set .col-2{width:100%!important;float:none!important}
}

/* ── Bloque de Información adicional (campos del gimnasio) ── */
.tmc-extra-fields{margin-top:4px}
.tmc-extra-fields .tmc-subhead{font-family:'Oswald',sans-serif;font-weight:700;color:#101828;font-size:1rem;margin:18px 0 10px;padding-top:14px;border-top:1px solid #eef1f6}
.tmc-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.tmc-extra-grid .tmc-col-full{grid-column:1/-1}
@media(max-width:780px){.tmc-extra-grid{grid-template-columns:1fr}}

/* ── Declaración de suscripción + casillas de consentimiento ── */
.tmc-subs-declaration{background:#fff7e6;border:1.5px solid #f0d28a;border-radius:14px;padding:16px 18px;margin:6px 0 16px}
.tmc-subs-declaration h4{font-family:'Oswald',sans-serif;color:#7a5a00;margin:0 0 6px;font-size:1rem;display:flex;align-items:center;gap:8px}
.tmc-subs-declaration p{color:#6b5518;font-size:.86rem;line-height:1.55;margin:0}
.tmc-consents{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.tmc-consent{display:flex;gap:11px;align-items:flex-start;font-size:.88rem;color:#d8d8d8;line-height:1.45}
.tmc-consent input[type=checkbox]{width:20px;height:20px;min-width:20px;margin-top:1px;accent-color:var(--tmc-gold);cursor:pointer}
.tmc-consent label{font-weight:500!important;color:#d8d8d8!important;cursor:pointer;font-size:.88rem!important}
.tmc-consent .req{color:#ff6b75;font-weight:700}
.tmc-consent a{color:var(--tmc-gold);text-decoration:underline}

/* ===========================================================
   CARRITO — forzar oscuro (anula el checkout claro del tema original)
   =========================================================== */
body.woocommerce-cart .tmc-site-content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .content-area,
body.woocommerce-cart .ast-article-single,
body.woocommerce-cart .ast-separate-container .ast-article-single,
body.woocommerce-cart .entry-content{background:#0a0a0a!important;box-shadow:none!important}
body.woocommerce-cart .entry-title{color:#fff!important}
body.woocommerce-cart table.shop_table,
body.woocommerce-cart table.shop_table thead,
body.woocommerce-cart table.shop_table tbody,
body.woocommerce-cart table.shop_table tfoot,
body.woocommerce-cart table.shop_table tr{background:#151515!important}
body.woocommerce-cart table.shop_table th{background:rgba(255,255,255,.05)!important;color:#fff!important;border-color:rgba(255,255,255,.1)!important}
body.woocommerce-cart table.shop_table td{background:transparent!important;color:#e8e8e8!important;border-color:rgba(255,255,255,.08)!important}
body.woocommerce-cart table.shop_table td.product-name a{color:#fff!important}
body.woocommerce-cart .cart_totals{background:#151515!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important}
body.woocommerce-cart .cart_totals h2{color:#fff!important;background:transparent!important}
body.woocommerce-cart .cart_totals table,
body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td,
body.woocommerce-cart .cart_totals tr{background:transparent!important;color:#e8e8e8!important;border-color:rgba(255,255,255,.08)!important}
body.woocommerce-cart .cart_totals .amount,
body.woocommerce-cart .cart_totals .order-total .amount{color:var(--tmc-gold)!important}
body.woocommerce-cart .cart-collaterals .cart_totals{padding:6px 18px 18px!important}

/* ===========================================================
   MI CUENTA
   =========================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;background:var(--tmc-panel);border:1px solid var(--tmc-line);border-radius:14px;overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-bottom:1px solid var(--tmc-line)}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:block;padding:14px 18px;color:var(--tmc-text);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{background:var(--tmc-gold);color:#0a0a0a}
.woocommerce-account .woocommerce-MyAccount-content{color:var(--tmc-text)}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--tmc-gold)}

/* Responsivo tienda */
@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:12px}.tmc-site-content{padding-top:72px}}
@media(max-width:420px){.woocommerce ul.products{grid-template-columns:1fr}}
