/*
Theme Name: Andes Itnas
Theme URI: https://talleritnas.cl
Author: Andes Maker
Description: Tema editorial y ecommerce para Taller ITNAS, con contenido editable desde WordPress.
Version: 1.3.2
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: andes-itnas
*/

body.itnas-chrome .itnas-page {
  min-height: 60vh;
  padding: 8rem 0 5rem;
}

body.itnas-chrome .itnas-page > .woocommerce,
body.itnas-chrome .itnas-page > article,
body.itnas-chrome .itnas-page > .itnas-content {
  width: min(100% - 3rem, 78rem);
  margin-inline: auto;
}

.itnas-shop-title {
  margin-bottom: 2rem;
  font-family: var(--fuente-titulo);
  font-size: var(--texto-display);
  letter-spacing: -.03em;
}

.woocommerce ul.products li.product,
.woocommerce div.product {
  font-family: var(--fuente-texto);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  border: 1px solid var(--color-acento);
  border-radius: var(--radio-pill);
  background: var(--color-acento);
  color: var(--color-sobre-acento);
  font-family: var(--fuente-texto);
  font-weight: 700;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--color-acento-vivo);
  color: var(--color-sobre-acento);
}

/* Andes Commerce conserva la estructura Shopify aprobada; ITNAS aporta su capa visual. */
body.itnas-chrome.woocommerce-cart,
body.itnas-chrome.woocommerce-checkout {
  --andes-green: var(--color-acento);
  --andes-brown: #76584f;
  --andes-linen: var(--color-fondo);
  --andes-mist: #d8d0c4;
  --andes-coal: var(--color-tinta);
  --andes-sun: var(--color-acento);
  --andes-accent: var(--color-acento);
  font-family: var(--fuente-texto);
}

body.itnas-chrome.woocommerce-cart .itnas-shop-title,
body.itnas-chrome.woocommerce-checkout .itnas-shop-title { display: none; }

body.itnas-chrome .andes-commerce-purchase-header .andes-commerce-eyebrow,
body.itnas-chrome .andes-commerce-steps .is-active,
body.itnas-chrome .andes-commerce-steps .is-complete,
body.itnas-chrome .andes-commerce-trust > div > span { color: var(--color-acento); }

body.itnas-chrome .andes-commerce-steps .is-active i,
body.itnas-chrome .andes-commerce-steps .is-complete i {
  border-color: var(--color-acento);
  background: var(--color-acento);
  color: var(--color-sobre-acento);
}

body.itnas-chrome.woocommerce-cart .checkout-button,
body.itnas-chrome.woocommerce-checkout #place_order,
body.itnas-chrome.woocommerce-cart .wc-block-cart__submit-button,
body.itnas-chrome.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  border-color: var(--color-acento) !important;
  background: var(--color-acento) !important;
  color: var(--color-sobre-acento) !important;
}

body.itnas-chrome.woocommerce-cart .checkout-button:hover,
body.itnas-chrome.woocommerce-checkout #place_order:hover,
body.itnas-chrome.woocommerce-cart .wc-block-cart__submit-button:hover,
body.itnas-chrome.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
  background: var(--color-acento-vivo) !important;
  color: var(--color-sobre-acento) !important;
}

body.itnas-chrome .andes-cart-drawer { background: var(--color-superficie); color: var(--color-tinta); font-family: var(--fuente-texto); }
body.itnas-chrome .andes-cart-drawer__header p { color: var(--color-acento); }
body.itnas-chrome .andes-cart-drawer__content .woocommerce-mini-cart__buttons .checkout {
  border-color: var(--color-acento);
  background: var(--color-acento);
  color: var(--color-sobre-acento);
}
body.itnas-chrome .andes-cart-drawer :focus-visible { outline-color: var(--color-acento); }

body.itnas-chrome .woocommerce span.onsale {
  min-width: auto;
  min-height: auto;
  padding: .45rem .7rem;
  border-radius: var(--radio-pill);
  background: var(--color-acento);
  color: var(--color-sobre-acento);
  line-height: 1;
}

@media (max-width: 61rem) {
  body.itnas-chrome .itnas-page { padding-top: 6rem; }
}