/* =========================================================================
   Taller Imprenta · WooCommerce
   Tienda, carrito y pago con la misma línea que el configurador:
   productos como hojas, totales como ticket oscuro y botón amarillo.
   Cubre las plantillas clásicas y los bloques de carrito/pago.
   ========================================================================= */

/* ---------- botones ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  border: 0;
  border-radius: 999px;
  background: var(--ti-ink);
  color: #fff;
  font-family: var(--ti-font);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s ease, transform .12s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover { background: var(--ti-ink-2); color: #fff; }

/* el botón principal es siempre el amarillo del configurador */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce a.checkout-button,
.woocommerce #place_order,
.wc-block-components-button:not(.is-link).contained,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  background: var(--ti-yellow) !important;
  color: var(--ti-ink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px -12px rgba(255, 212, 0, .7);
  transition: background-color .15s ease, transform .12s ease;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.wc-block-components-button:not(.is-link).contained:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  background: var(--ti-yellow-hover) !important;
  color: var(--ti-ink) !important;
  transform: translateY(-1px);
}
.woocommerce a.checkout-button,
.woocommerce #place_order { width: 100%; padding: 16px 18px !important; font-size: 16px !important; }

.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] { opacity: .5; background: var(--ti-ink-faint); color: #fff; }

.wc-block-components-button:not(.is-link).outlined {
  border-radius: 999px;
  box-shadow: inset 0 0 0 1.5px var(--ti-ink);
  color: var(--ti-ink);
}

/* ---------- miga de pan y cabeceras ---------- */
.woocommerce .woocommerce-breadcrumb {
  margin: 0 0 18px;
  font-family: var(--ti-mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ti-ink-faint);
}
.woocommerce .woocommerce-breadcrumb a { color: var(--ti-ink-soft); text-decoration: none; }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--ti-magenta); }
.ti-crumb-sep { margin: 0 8px; color: var(--ti-line-strong); }

.woocommerce-products-header { margin-bottom: 28px; }
.woocommerce-products-header__title { margin: 0; }
.woocommerce .woocommerce-result-count { color: var(--ti-ink-soft); font-size: 14px; margin-top: 10px; }
.woocommerce .woocommerce-ordering select { width: auto; border-radius: 999px; padding-right: 32px; }

/* ---------- rejilla de productos: cada uno es una hoja ---------- */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 0 0 32px; padding: 0; }
.woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }
@media (max-width: 900px) { .woocommerce ul.products[class*="columns-"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .woocommerce ul.products[class*="columns-"] { grid-template-columns: minmax(0, 1fr); } }

.woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 14px 14px 20px;
  background: var(--ti-sheet);
  border: 1px solid var(--ti-line);
  border-radius: var(--ti-radius-lg);
  box-shadow: var(--ti-shadow-sheet);
  transition: transform .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover { transform: translateY(-2px); box-shadow: 0 1px 0 rgba(22, 22, 26, .04), 0 20px 40px -22px rgba(22, 22, 26, .35); }
.woocommerce ul.products li.product a { text-decoration: none; }
.woocommerce ul.products li.product a img { margin: 0 0 14px; border-radius: var(--ti-radius); background: var(--ti-paper); }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 { padding: 0 4px; font-size: 16px; font-weight: 700; color: var(--ti-ink); }
.woocommerce ul.products li.product .price { padding: 0 4px; margin-top: 4px; }
.woocommerce ul.products li.product .button { margin: auto 4px 0; align-self: flex-start; }
.woocommerce ul.products li.product .added_to_cart { margin: 8px 4px 0; font-size: 13px; font-weight: 600; }

/* precio en tinta y monoespaciada, como el total del ticket */
.woocommerce .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  color: var(--ti-ink) !important;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.woocommerce .price del { color: var(--ti-ink-faint); font-weight: 400; opacity: 1; }
.woocommerce .price ins { text-decoration: none; background: var(--ti-yellow); padding: 0 6px; border-radius: 4px; }

.woocommerce span.onsale {
  min-width: 0;
  min-height: 0;
  padding: 6px 12px;
  line-height: 1;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  margin: 0 !important;
  border-radius: 999px;
  background: var(--ti-magenta);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.woocommerce .star-rating,
.woocommerce p.stars a { color: var(--ti-ink); }
.woocommerce .star-rating span::before { color: var(--ti-yellow); text-shadow: 0 0 0 var(--ti-ink); }

/* ---------- ficha de producto ---------- */
.woocommerce div.product .product_title { margin-top: 0; }
.woocommerce div.product p.price { font-size: 28px; letter-spacing: -.02em; }
.woocommerce div.product div.images img { border-radius: var(--ti-radius-lg); }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 24px 0; }
.woocommerce div.product form.cart::before,
.woocommerce div.product form.cart::after { display: none; }
.woocommerce div.product form.cart div.quantity { float: none; margin: 0; }
.woocommerce div.product form.cart .button { float: none; padding: 14px 28px !important; }
.woocommerce .quantity .qty {
  width: 84px;
  padding: 12px 10px;
  border-radius: 999px;
  border: 1.5px solid var(--ti-ink);
  font-family: var(--ti-mono);
  font-weight: 700;
  text-align: center;
}
.woocommerce .product_meta { font-size: 13px; color: var(--ti-ink-soft); border-top: 1px dashed var(--ti-line); padding-top: 14px; }
.woocommerce .product_meta > span { display: block; margin-bottom: 4px; }

.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 22px; display: flex; flex-wrap: wrap; gap: 6px; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.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 { margin: 0; padding: 0; border: 0; border-radius: 999px; background: var(--ti-paper); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 9px 18px; font-size: 14px; font-weight: 700; color: var(--ti-ink-soft); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--ti-ink); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { font-size: 20px; margin-top: 0; }

.related.products, .upsells.products { margin-top: 48px; padding-top: 32px; border-top: 1px dashed var(--ti-line-strong); }
.related.products > h2, .upsells.products > h2 { margin-top: 0; }

/* ---------- avisos ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .wc-block-components-notice-banner {
  position: relative;
  margin: 0 0 24px !important;
  padding: 14px 18px 14px 20px !important;
  border: 0 !important;
  border-left: 4px solid var(--ti-cyan) !important;
  border-radius: var(--ti-radius) !important;
  background: var(--ti-sheet) !important;
  color: var(--ti-ink) !important;
  box-shadow: var(--ti-shadow-sheet);
  list-style: none;
  font-size: 15px;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none; }
.woocommerce-message { border-left-color: var(--ti-ok) !important; }
.woocommerce-error { border-left-color: var(--ti-error) !important; }
.woocommerce-message .button,
.woocommerce-info .button { float: right; margin-left: 12px; padding: 8px 16px !important; font-size: 13px !important; }
.wc-block-components-notice-banner.is-success { border-left-color: var(--ti-ok) !important; }
.wc-block-components-notice-banner.is-error { border-left-color: var(--ti-error) !important; }
.wc-block-components-notice-banner > svg { fill: var(--ti-ink); background: transparent; }

/* ---------- formularios ---------- */
.woocommerce form .form-row { margin: 0 0 14px; padding: 0; }
.woocommerce form .form-row label { font-size: 14px; font-weight: 600; margin-bottom: 6px; display: block; }
.woocommerce form .form-row .required { color: var(--ti-magenta); text-decoration: none; }
.woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--ti-error); }
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--ti-ok); }
.select2-container--default .select2-selection--single {
  height: auto;
  padding: 7px 8px;
  border: 1px solid var(--ti-line-strong);
  border-radius: var(--ti-radius-sm);
}
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); }

/* ---------- carrito y pago clásicos ---------- */
.woocommerce table.shop_table {
  border: 1px solid var(--ti-line);
  border-radius: var(--ti-radius-lg);
  border-collapse: separate;
  border-spacing: 0;
  background: var(--ti-sheet);
  overflow: hidden;
  box-shadow: var(--ti-shadow-sheet);
}
.woocommerce table.shop_table th {
  padding: 14px 16px;
  background: var(--ti-paper);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ti-ink-soft);
}
.woocommerce table.shop_table td { padding: 16px; border-top: 1px solid var(--ti-line); }
.woocommerce table.shop_table td.product-name a { font-weight: 700; text-decoration: none; }
.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-subtotal { font-weight: 700; white-space: nowrap; }
.woocommerce table.shop_table img { width: 56px; border-radius: var(--ti-radius-sm); }
.woocommerce a.remove {
  text-decoration: none;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--ti-ink-soft) !important;
  font-weight: 400;
  background: var(--ti-paper);
}
.woocommerce a.remove:hover { background: var(--ti-error); color: #fff !important; }
.woocommerce table.cart td.actions .coupon .input-text {
  width: 180px;
  padding: 11px 16px;
  border-radius: 999px;
  border: 1px solid var(--ti-line-strong);
  margin-right: 6px;
}

/* datos del trabajo de impresión (meta del artículo que añade Imprenta Pro) */
.woocommerce td.product-name dl.variation,
.woocommerce .wc-item-meta {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 12px;
  margin: 10px 0 0;
  padding: 10px 12px;
  background: var(--ti-paper);
  border-radius: var(--ti-radius-sm);
  font-size: 13px;
  list-style: none;
}
.woocommerce td.product-name dl.variation dt { margin: 0; font-weight: 600; color: var(--ti-ink-soft); float: none; clear: none; }
.woocommerce td.product-name dl.variation dd { margin: 0; padding: 0; float: none; }
.woocommerce td.product-name dl.variation dd p { margin: 0; }
.woocommerce .wc-item-meta li { display: contents; }
.woocommerce .wc-item-meta li p { margin: 0; }

/* totales: el ticket oscuro del configurador */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
  position: relative;
  padding: 0 24px 24px;
  background: var(--ti-ink);
  color: #f4f1ea;
  border-radius: var(--ti-radius-lg);
  box-shadow: 0 24px 48px -24px rgba(22, 22, 26, .6);
}
.woocommerce .cart-collaterals .cart_totals::before,
.woocommerce-checkout #order_review::before {
  content: "";
  display: block;
  height: 6px;
  margin: 0 -24px 18px;
  border-radius: var(--ti-radius-lg) var(--ti-radius-lg) 0 0;
  background: var(--ti-cmyk-bar);
}
.woocommerce .cart-collaterals .cart_totals::after,
.woocommerce-checkout #order_review::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -6px;
  height: 12px;
  background: radial-gradient(circle at 6px 6px, var(--ti-paper) 4px, transparent 4.5px) 0 0 / 14px 12px repeat-x;
}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-checkout #order_review_heading { margin-top: 0; font-size: 21px; color: inherit; }
.woocommerce-checkout #order_review_heading { color: var(--ti-ink); }
.woocommerce .cart-collaterals .cart_totals table.shop_table,
.woocommerce-checkout #order_review table.shop_table {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,
.woocommerce .cart-collaterals .cart_totals table.shop_table td,
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
  background: transparent;
  border-top: 1px dotted rgba(255, 255, 255, .16);
  color: inherit;
  padding: 10px 0;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,
.woocommerce-checkout #order_review table.shop_table th { color: rgba(244, 241, 234, .65); }
.woocommerce .cart-collaterals .cart_totals table.shop_table td,
.woocommerce-checkout #order_review table.shop_table td:last-child,
.woocommerce-checkout #order_review table.shop_table th:last-child { text-align: right; }
.woocommerce-checkout #order_review table.shop_table thead th { border-top: 0; }
.woocommerce .cart-collaterals .cart_totals .order-total th,
.woocommerce .cart-collaterals .cart_totals .order-total td,
.woocommerce-checkout #order_review .order-total th,
.woocommerce-checkout #order_review .order-total td { border-top: 1px solid rgba(255, 255, 255, .25); padding-top: 16px; }
.woocommerce .cart-collaterals .cart_totals .order-total .amount,
.woocommerce-checkout #order_review .order-total .amount { font-size: 28px; font-weight: 800; letter-spacing: -.03em; color: #fff; }
.woocommerce .cart-collaterals .cart_totals a,
.woocommerce-checkout #order_review a:not(.button) { color: #fff; text-decoration-color: var(--ti-yellow); }
.woocommerce-checkout #order_review dl.variation,
.woocommerce-checkout #order_review .wc-item-meta { background: rgba(255, 255, 255, .06); color: inherit; }
.woocommerce-checkout #order_review dl.variation dt { color: rgba(244, 241, 234, .6); }
.woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce .cart-collaterals .cart_totals small,
.woocommerce-checkout #order_review small { color: rgba(244, 241, 234, .6); }

.woocommerce-checkout #payment { background: rgba(255, 255, 255, .06); border-radius: var(--ti-radius); color: inherit; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: rgba(255, 255, 255, .12); }
.woocommerce-checkout #payment div.payment_box { background: rgba(255, 255, 255, .1); color: inherit; border-radius: var(--ti-radius-sm); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: rgba(255, 255, 255, .1); }
.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper { font-size: 13px; color: rgba(244, 241, 234, .7); }
.woocommerce-checkout #payment input,
.woocommerce-checkout #payment select { color: var(--ti-ink); }

/* pago en dos columnas en escritorio */
@media (min-width: 960px) {
  .woocommerce-checkout form.checkout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 0 36px;
    align-items: start;
  }
  .woocommerce-checkout form.checkout > *:not(#customer_details):not(#order_review_heading):not(#order_review) { grid-column: 1 / -1; }
  .woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; }
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2 { float: none; width: auto; }
  .woocommerce-checkout #order_review_heading { grid-column: 2; margin-top: 0; }
  .woocommerce-checkout #order_review { grid-column: 2; position: sticky; top: 24px; }
}

/* ---------- Mi cuenta ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 8px; background: var(--ti-ink); border-radius: var(--ti-radius-lg); }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 10px 14px;
  border-radius: var(--ti-radius-sm);
  color: rgba(244, 241, 234, .85);
  font-weight: 600;
  font-size: 14.5px;
  text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: rgba(255, 255, 255, .1); color: #fff; box-shadow: inset 3px 0 0 var(--ti-yellow); }

.woocommerce .woocommerce-customer-details address,
.woocommerce .woocommerce-order-overview { border-radius: var(--ti-radius); }
.woocommerce ul.order_details { padding: 18px; background: var(--ti-paper); border-radius: var(--ti-radius); }
.woocommerce ul.order_details li { border-right-color: var(--ti-line-strong); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--ti-ink-soft); }
.woocommerce ul.order_details li strong { font-size: 15px; text-transform: none; letter-spacing: 0; color: var(--ti-ink); }

/* ---------- bloques de carrito y pago ---------- */
.wc-block-cart,
.wc-block-checkout { font-family: var(--ti-font); color: var(--ti-ink); }

.wc-block-cart .wc-block-cart-items,
.wc-block-checkout__main .wc-block-components-checkout-step {
  background: var(--ti-sheet);
}
.wc-block-components-product-name { font-weight: 700; color: var(--ti-ink); text-decoration: none; }
.wc-block-components-product-details { font-size: 13px; color: var(--ti-ink-soft); }
.wc-block-components-product-details__name { font-weight: 600; }

/* la columna de totales, como ticket */
.wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block,
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
  position: relative;
  padding: 18px 20px 22px;
  background: var(--ti-ink);
  color: #f4f1ea;
  border: 0;
  border-radius: var(--ti-radius-lg);
  box-shadow: 0 24px 48px -24px rgba(22, 22, 26, .6);
}
.wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block::before,
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  border-radius: var(--ti-radius-lg) var(--ti-radius-lg) 0 0;
  background: var(--ti-cmyk-bar);
}
.wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block *,
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block * { border-color: rgba(255, 255, 255, .16) !important; }
.wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-checkout__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 26px; font-weight: 800; color: #fff; }
.wc-block-cart__sidebar .wc-block-components-product-name,
.wc-block-checkout__sidebar .wc-block-components-product-name,
.wc-block-cart__sidebar .wc-block-components-product-details,
.wc-block-checkout__sidebar .wc-block-components-product-details,
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__total-price { color: inherit; }
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__quantity { background: var(--ti-yellow); color: var(--ti-ink); border-color: var(--ti-yellow) !important; box-shadow: none; }
.wc-block-cart__sidebar input,
.wc-block-checkout__sidebar input { color: var(--ti-ink); background: #fff; }
.wc-block-cart__sidebar .wc-block-components-panel__button,
.wc-block-checkout__sidebar .wc-block-components-panel__button { color: inherit; }

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select .wc-blocks-components-select__select {
  border-radius: var(--ti-radius-sm) !important;
  border-color: var(--ti-line-strong) !important;
}
.wc-block-components-text-input.is-active input:focus,
.wc-block-components-text-input input:focus { box-shadow: 0 0 0 3px rgba(0, 160, 220, .25) !important; border-color: var(--ti-ink) !important; }
.wc-block-components-checkout-step__title { font-weight: 750; letter-spacing: -.01em; }
.wc-block-components-radio-control__input:checked { border-color: var(--ti-ink); }
.wc-block-components-radio-control__input:checked::before { background: var(--ti-ink); }
.wc-block-components-checkbox .wc-block-components-checkbox__input:checked { background: var(--ti-ink); border-color: var(--ti-ink); }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var(--ti-yellow); }