/* ============================================================
   Ajustes de WooCommerce para el diseño de Jecco.
   Se carga después de styles.css y de los estilos de WooCommerce.
   ============================================================ */

/* Encabezado: el carrito y el botón "+" ahora son enlaces */
.cart-button,.add,.product-open{text-decoration:none}
.header .cart-button{color:#fff}
.add{color:#fff}
.price-row .added_to_cart{display:none}
.add.loading{opacity:.55;pointer-events:none}
.add.added{background:var(--violet)}

/* Contenedores de página */
.jecco-page-hero{padding-top:70px;padding-bottom:55px}
.jecco-page-body,.jecco-shop{max-width:var(--container);margin:auto;padding:55px max(5vw,22px) 90px}
.jecco-page-body>p,.jecco-entry p{color:var(--muted);font-size:14px;line-height:1.75}
.jecco-entry{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.jecco-entry h2{font:700 24px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em}
.jecco-entry h2 a{text-decoration:none}

/* Títulos de tienda */
.woocommerce-products-header__title,.product_title{font:700 clamp(28px,3.4vw,44px)/1.1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;margin:0 0 18px}
.woocommerce .woocommerce-breadcrumb{font:600 11px 'Plus Jakarta Sans',sans-serif;color:var(--muted);margin:0 0 22px}
.woocommerce .woocommerce-breadcrumb a{color:var(--muted);text-decoration:none}
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:12px}
.woocommerce .woocommerce-ordering select{border:1px solid var(--line);border-radius:var(--radius-pill);padding:9px 14px;background:var(--paper);font:600 12px Manrope,sans-serif}

/* Listado de productos: grilla con las tarjetas del diseño original */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 30px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{float:none;width:auto!important;margin:0!important;display:flex;flex-direction:column}
.woocommerce ul.products li.product a img{margin:0 0 12px;border-radius:var(--radius-sm);background:var(--tint-cool);aspect-ratio:1;object-fit:contain}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:700 15px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;padding:0;margin:4px 0 6px}
.woocommerce ul.products li.product .price{color:var(--ink);font:700 16px 'Plus Jakarta Sans',sans-serif;margin-bottom:12px}
.woocommerce ul.products li.product .button{margin-top:auto}

/* Ficha de producto: sin el estilo de tarjeta que styles.css da a .product */
.woocommerce div.product{background:none;border:0;padding:0;border-radius:0;transform:none!important;box-shadow:none!important}
.woocommerce div.product div.images img{border-radius:var(--radius-md);background:var(--paper)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink);font:700 26px 'Plus Jakarta Sans',sans-serif}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted);font-size:14px;line-height:1.7}
.woocommerce div.product form.cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.woocommerce div.product form.cart div.quantity{margin:0}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--paper);border-color:var(--line);border-radius:var(--radius-sm) var(--radius-sm) 0 0}
.woocommerce div.product .woocommerce-tabs .panel{color:var(--muted);font-size:14px;line-height:1.75}
.woocommerce .related.products>h2,.woocommerce .up-sells>h2{font:700 24px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em}

/* Botones de WooCommerce con el estilo píldora de Jecco */
.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:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:var(--radius-pill);padding:14px 22px;
  font:700 12.5px 'Plus Jakarta Sans',sans-serif;line-height:1.2;transition:transform .15s,box-shadow .2s,background .2s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{
  background:var(--violet);border-color:var(--violet);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.5}
.woocommerce #payment #place_order{width:100%;padding:18px;font-size:14px}

/* Formularios (carrito, checkout, mi cuenta) */
.woocommerce form .form-row label{font:600 12px 'Plus Jakarta Sans',sans-serif;color:var(--ink);margin-bottom:5px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .quantity .qty,.woocommerce-cart table.cart td.actions .coupon .input-text,
.select2-container--default .select2-selection--single{
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;background:var(--paper);font:500 14px Manrope,sans-serif;color:var(--ink);min-height:46px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:20px;padding:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;right:8px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row select:focus,.woocommerce form .form-row textarea:focus{outline:2px solid var(--gold-light);border-color:var(--gold)}
.woocommerce form.checkout h3,.woocommerce-cart .cart_totals h2,#order_review_heading{font:700 22px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;margin:0 0 16px}

/* Tablas de carrito y resumen del pedido */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);border-collapse:separate;overflow:hidden}
.woocommerce table.shop_table th{font:700 12px 'Plus Jakarta Sans',sans-serif}
.woocommerce table.shop_table td{border-top:1px solid var(--line)}
.woocommerce-cart table.cart img{width:64px;border-radius:var(--radius-sm)}
.woocommerce a.remove{color:var(--violet)!important}
.woocommerce a.remove:hover{background:var(--violet);color:#fff!important}

/* Métodos de envío (aquí aparecen las tarifas de BlueX) */
.woocommerce ul#shipping_method{margin:0}
.woocommerce ul#shipping_method li{margin:0 0 8px;line-height:1.4}
.woocommerce ul#shipping_method li label{font-weight:600}
.woocommerce-shipping-calculator .shipping-calculator-button{color:var(--violet);font-weight:700}

/* Caja de pago (Webpay) */
.woocommerce-checkout #payment{background:var(--tint-violet);border-radius:var(--radius-md)}
.woocommerce-checkout #payment div.payment_box{background:var(--paper);color:var(--muted)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--paper)}

/* Avisos */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{
  border-radius:var(--radius-sm);background:var(--paper);border-top-width:3px;color:var(--ink);font-size:13px}
.woocommerce-message{border-top-color:var(--whatsapp)}
.woocommerce-message::before{color:var(--whatsapp)}
.woocommerce-info{border-top-color:var(--violet)}
.woocommerce-info::before{color:var(--violet)}
.woocommerce-error{border-top-color:#b3261e}
.woocommerce span.onsale{background:var(--gold);min-height:auto;min-width:auto;padding:6px 12px;border-radius:var(--radius-pill);line-height:1.2;font:700 11px 'Plus Jakarta Sans',sans-serif}

/* Mi cuenta */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:13px}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--tint-violet)}

@media(max-width:1100px){
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .jecco-page-body,.jecco-shop{padding:36px 18px 70px}
  .jecco-page-hero{padding:46px 22px 40px}
}
@media(max-width:450px){
  .woocommerce ul.products{grid-template-columns:1fr}
}