/* ============================================================
   STΛVAL · woocommerce.css — skin oscura para WooCommerce
   ============================================================ */
.woocommerce{color:var(--text)}
.woocommerce .page-title{font-family:var(--disp);text-transform:uppercase;font-size:clamp(1.8rem,3.5vw,2.6rem)}
.woocommerce a{color:var(--amber)}
.woocommerce .woocommerce-breadcrumb{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.08em;margin-bottom:22px!important}

/* ---------- Botones ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .cart .button,
.woocommerce .checkout .button,.woocommerce-page a.button,
.woocommerce-page button.button,.woocommerce-page input.button{
  background:var(--amber)!important;color:#141414!important;border:none!important;border-radius:0!important;
  font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.8rem;
  padding:13px 22px;transition:background .25s,transform .25s;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#ffc258!important;transform:translateY(-2px)}
.woocommerce a.added_to_cart{display:inline-block;margin-left:10px;color:var(--green);font-family:var(--mono);font-size:12px}

/* ---------- Flash de oferta ---------- */
.woocommerce span.onsale{background:var(--hot);color:#fff;border-radius:0;min-width:0;padding:6px 12px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

/* ---------- Grid de productos ---------- */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0}
.woocommerce ul.products li.product{margin:0!important;padding:0!important;width:100%!important;float:none;
  background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;
  transition:transform .35s,border-color .35s,box-shadow .35s}
.woocommerce ul.products li.product:hover{transform:translateY(-7px);border-color:rgba(255,176,46,.55);box-shadow:0 24px 50px rgba(0,0,0,.45)}
.woocommerce ul.products li.product img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0!important;height:auto}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--body);font-weight:700;font-size:1rem;padding:16px 20px 4px;color:var(--text)}
.woocommerce ul.products li.product .price{color:var(--amber)!important;font-family:var(--disp);font-size:1.05rem;padding:0 20px}
.woocommerce ul.products li.product .price del{color:var(--muted);font-family:var(--mono);font-size:.8rem}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{margin:16px 20px 20px;align-self:flex-start}

/* ---------- Producto individual ---------- */
.woocommerce div.product .product_title{font-family:var(--disp);text-transform:uppercase;color:var(--text)}
.woocommerce div.product p.price{color:var(--amber)!important;font-family:var(--disp);font-size:1.5rem}
.woocommerce div.product p.price del{color:var(--muted)}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted)}
.woocommerce div.product form.cart .quantity input.qty{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:0;height:46px}
.woocommerce div.product .woocommerce-tabs ul.tabs{background:none;padding:0;margin:0 0 -1px}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--panel);border:1px solid var(--line);border-radius:0;margin:0 4px 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-color:var(--amber);border-bottom-color:var(--bg)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--muted)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--text)}
.woocommerce div.product .woocommerce-tabs .panel{background:var(--panel);border:1px solid var(--line);padding:26px;color:var(--muted)}
.woocommerce div.product .woocommerce-tabs .panel h2{font-family:var(--disp);text-transform:uppercase;color:var(--text)}
.woocommerce #reviews #comments ol.commentlist li .comment-text{background:var(--panel);border:1px solid var(--line);border-radius:0;color:var(--muted)}
.woocommerce #reviews #comments ol.commentlist li img.avatar{border:none;background:var(--panel2)}
.woocommerce .star-rating span{color:var(--amber)}

/* ---------- Formularios ---------- */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,#add_payment_method .wc-stripe-form input,
.woocommerce form.checkout input,.woocommerce form.checkout textarea{
  background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:0;padding:12px 14px
}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px rgba(255,176,46,.15)}
.select2-container--default .select2-selection--single{background:var(--panel);border:1px solid var(--line);border-radius:0;height:46px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text);line-height:44px;padding-left:14px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}
.select2-dropdown{background:var(--panel2);border-color:var(--line)}
.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--amber);color:#141414}

/* ---------- Tablas (carrito / pedido) ---------- */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--text)}
.woocommerce table.shop_table th{background:var(--panel2);color:var(--muted);text-transform:uppercase;font-family:var(--mono);font-size:11px;letter-spacing:.12em;border:0;padding:14px 16px}
.woocommerce table.shop_table td{border-top:1px solid var(--line);padding:14px 16px}
.woocommerce table.shop_table img{width:64px;border:1px solid var(--line)}
.woocommerce table.shop_table .product-name a{color:var(--text);font-weight:700}
.woocommerce table.shop_table .amount{color:var(--amber);font-family:var(--mono)}
.woocommerce a.remove{color:var(--hot)!important}
.woocommerce a.remove:hover{background:var(--hot);color:#fff!important}
.woocommerce .coupon .input-text{background:var(--panel);border:1px solid var(--line);color:var(--text)!important;border-radius:0;padding:11px 14px}

/* ---------- Totales / checkout ---------- */
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{background:var(--panel);border:1px solid var(--line);padding:26px}
.woocommerce .cart-collaterals .cart_totals h2,.woocommerce .cart_totals h2{font-family:var(--disp);text-transform:uppercase;color:var(--text);font-size:1.2rem}
.woocommerce .cart_totals .order-total .amount{color:var(--amber);font-size:1.3rem}
.woocommerce-checkout #payment{background:var(--panel);border:1px solid var(--line);border-radius:0}
.woocommerce-checkout #payment div.payment_box{background:var(--panel2);color:var(--muted);border-radius:0}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--panel2)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line)}
.woocommerce .checkout h3,#order_review_heading{font-family:var(--disp);text-transform:uppercase;color:var(--text)}
.woocommerce ul.woocommerce-order-overview{color:var(--muted)}
.woocommerce .woocommerce-order-details,.woocommerce .woocommerce-customer-details address{background:var(--panel);border:1px solid var(--line);color:var(--muted)}

/* ---------- Avisos ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--panel);color:var(--text);border-top:2px solid var(--amber);border-radius:0}
.woocommerce-error{border-top-color:var(--hot)}
.woocommerce-message::before{color:var(--green)}
.woocommerce-info::before{color:var(--amber)}
.woocommerce-error::before{color:var(--hot)}
.woocommerce-message a.button,.woocommerce-info a.button{padding:8px 14px!important}
p.demo_store{background:var(--amber);color:#141414;font-family:var(--mono)}

/* ---------- Mini-carrito dentro del drawer ---------- */
#cartDrawerBody .woocommerce-mini-cart{list-style:none;margin:0;padding:0}
#cartDrawerBody .woocommerce-mini-cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}
#cartDrawerBody .woocommerce-mini-cart-item img{width:56px;height:56px;object-fit:cover;float:none;margin:0;border:1px solid var(--line)}
#cartDrawerBody .woocommerce-mini-cart-item a:not(.remove){color:var(--text);font-size:.85rem;font-weight:700;line-height:1.3}
#cartDrawerBody .woocommerce-mini-cart-item .quantity{color:var(--muted);font-family:var(--mono);font-size:12px;display:block}
#cartDrawerBody .woocommerce-mini-cart-item .quantity .amount{color:var(--amber)}
#cartDrawerBody .woocommerce-mini-cart-item a.remove{grid-column:3;grid-row:1;font-size:18px;line-height:1}
#cartDrawerBody .woocommerce-mini-cart__total{border-top:1px dashed var(--line);margin:14px 0 0;padding:14px 0 0;font-family:var(--disp);color:var(--text);display:flex;justify-content:space-between}
#cartDrawerBody .woocommerce-mini-cart__total .amount{color:var(--amber)}
#cartDrawerBody .woocommerce-mini-cart__buttons{display:grid;gap:10px;margin:14px 0 0}
#cartDrawerBody .woocommerce-mini-cart__buttons .button{width:100%;text-align:center;margin:0}
#cartDrawerBody .woocommerce-mini-cart__buttons .button.checkout{background:var(--amber)!important;color:#141414!important}
#cartDrawerBody .woocommerce-mini-cart__buttons .button:not(.checkout){background:transparent!important;border:1px solid var(--line)!important;color:var(--text)!important}
#cartDrawerBody .woocommerce-mini-cart__empty-message{color:var(--muted);text-align:center;padding:44px 0;font-family:var(--mono);font-size:13px;margin:0}

/* ---------- Paginación ---------- */
.woocommerce nav.woocommerce-pagination ul{border:1px solid var(--line);border-radius:0}
.woocommerce nav.woocommerce-pagination ul li{border-right:1px solid var(--line)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:var(--panel);color:var(--text)}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--panel2);color:var(--amber)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--amber);color:#141414}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .woocommerce ul.products{grid-template-columns:1fr}
  .woocommerce table.shop_table{display:block;overflow-x:auto}
}