/* ESTYLUS V4.2 — Páginas interiores */

:root {
  --est42-ink: #342923;
  --est42-muted: #786b63;
  --est42-paper: #f6f1ec;
  --est42-line: #e9e2dc;
}

/* CORES DOS LINKS */
body.woocommerce-page a:not(.button):not(.wp-element-button):hover,
body.woocommerce-page a:not(.button):not(.wp-element-button):focus-visible {
  color: #a46b4c;
}

.ct-header a:hover,
.ct-header a:focus-visible {
  color: #a46b4c !important;
}

/* TÍTULOS DAS PÁGINAS */
body.woocommerce-shop .hero-section,
body.tax-product_cat .hero-section {
  background: var(--est42-paper);
}

body.woocommerce-shop .hero-section h1,
body.tax-product_cat .hero-section h1,
body.single-product h1.product_title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  color: var(--est42-ink);
}

/* GRELHA DE PRODUTOS */
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products {
  column-gap: 24px;
  row-gap: 38px;
}

body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product {
  min-width: 0;
}

body.woocommerce-shop ul.products li.product img,
body.tax-product_cat ul.products li.product img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  background: #f7f5f3;
  border-radius: 2px;
}

body.woocommerce-shop ul.products li.product img,
body.tax-product_cat ul.products li.product img {
  transition: transform .3s ease;
}

body.woocommerce-shop ul.products li.product:hover img,
body.tax-product_cat ul.products li.product:hover img {
  transform: scale(1.015);
}

/* CARTÕES */
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
  color: var(--est42-ink);
  font-weight: 500;
  line-height: 1.4;
}

body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price {
  color: var(--est42-ink);
  font-weight: 700;
}

/* BOTÕES */
body.woocommerce-page .button:not(.wc-block-components-button),
body.woocommerce-page button.single_add_to_cart_button {
  border-radius: 2px;
  transition: background-color .2s ease, transform .2s ease;
}

body.woocommerce-page .button:not(.wc-block-components-button):hover,
body.woocommerce-page button.single_add_to_cart_button:hover {
  transform: translateY(-1px);
}

/* PÁGINA DE PRODUTO */
body.single-product .product .summary .price {
  color: var(--est42-ink);
}

body.single-product .woocommerce-product-gallery img {
  object-fit: contain;
}

body.single-product .woocommerce-tabs {
  margin-top: 36px;
}

/* CARRINHO */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .woocommerce {
  color: var(--est42-ink);
}

body.woocommerce-cart .wc-block-components-sidebar {
  border-color: var(--est42-line);
}

body.woocommerce-cart .wc-block-cart-item__product
.wc-block-components-product-name {
  font-weight: 600;
}

/* CHECKOUT */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox input,
body.woocommerce-checkout .wc-block-components-form select {
  border-color: #d9cec5;
  border-radius: 3px;
}

body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-combobox input:focus {
  border-color: var(--est42-ink);
  box-shadow: 0 0 0 1px var(--est42-ink);
}

body.woocommerce-checkout .wc-block-components-order-summary {
  border-color: var(--est42-line);
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  background: var(--est42-ink);
  border-radius: 2px;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
  background: #59463b;
}

/* ESTADOS VAZIOS */
body.tax-product_cat .woocommerce-info,
body.woocommerce-shop .woocommerce-info {
  background: var(--est42-paper);
  border: 1px solid var(--est42-line);
  border-radius: 3px;
  color: var(--est42-ink);
  padding: 24px;
}

/* RESPONSIVO */
@media (max-width: 767px) {
  body.woocommerce-shop ul.products,
  body.tax-product_cat ul.products {
    column-gap: 14px;
    row-gap: 26px;
  }

  body.single-product .woocommerce-tabs {
    margin-top: 24px;
  }
}
