/*
 * ESTYLUS V3.7
 * Refinamento da loja, carrinho e checkout
 */

:root {
  --est37-dark: #30251f;
  --est37-cream: #f5f0eb;
  --est37-muted: #776d66;
  --est37-border: #e8e1db;
}

/* CABEÇALHO COMPACTO */
body.post-type-archive-product .hero-section,
body.tax-product_cat .hero-section,
body.tax-product_tag .hero-section {
  padding-block: 38px !important;
  min-height: 0 !important;
}

body.post-type-archive-product .hero-section .ct-container,
body.tax-product_cat .hero-section .ct-container,
body.tax-product_tag .hero-section .ct-container {
  min-height: 0 !important;
}

body.post-type-archive-product .hero-section .page-title,
body.tax-product_cat .hero-section .page-title,
body.tax-product_tag .hero-section .page-title {
  font-size: clamp(36px, 4vw, 54px) !important;
  line-height: 1.15 !important;
}

/* APROXIMAR INTRODUÇÃO AO CABEÇALHO */
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main {
  padding-top: 28px !important;
}

.est36-shop-intro {
  margin-bottom: 22px !important;
  padding-bottom: 20px !important;
}

.est36-shop-intro p {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* CARTÃO ÚNICO */
@media (min-width: 1000px) {
  body.post-type-archive-product ul.products:has(> li.product:only-child),
  body.tax-product_cat ul.products:has(> li.product:only-child),
  body.tax-product_tag ul.products:has(> li.product:only-child) {
    display: grid !important;
    grid-template-columns: minmax(0, 300px) !important;
    justify-content: start !important;
  }

  body.post-type-archive-product ul.products > li.product:only-child,
  body.tax-product_cat ul.products > li.product:only-child,
  body.tax-product_tag ul.products > li.product:only-child {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 !important;
  }
}

/* CARRINHO E CHECKOUT */
body.woocommerce-cart,
body.woocommerce-checkout {
  --theme-link-initial-color: var(--est37-dark);
}

body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-cart .page-title,
body.woocommerce-checkout .page-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.035em !important;
  color: var(--est37-dark) !important;
}

body.woocommerce-cart .wc-block-components-button:not(.is-link),
body.woocommerce-checkout .wc-block-components-button:not(.is-link),
body.woocommerce-cart .checkout-button,
body.woocommerce-checkout #place_order {
  background: var(--est37-dark) !important;
  border-color: var(--est37-dark) !important;
  color: #fff !important;
  border-radius: 2px !important;
}

body.woocommerce-cart .wc-block-components-button:not(.is-link):hover,
body.woocommerce-checkout .wc-block-components-button:not(.is-link):hover,
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-checkout #place_order:hover {
  background: #594238 !important;
}

body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-wrapper {
  border-color: var(--est37-border) !important;
}

body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-checkout .wc-block-components-product-name {
  color: var(--est37-dark) !important;
  font-weight: 600 !important;
}

body.woocommerce-cart .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary {
  border-color: var(--est37-border) !important;
}

body.woocommerce-cart input,
body.woocommerce-checkout input,
body.woocommerce-checkout select {
  accent-color: var(--est37-dark);
}

/* MOBILE */
@media (max-width: 767px) {
  body.post-type-archive-product .hero-section,
  body.tax-product_cat .hero-section,
  body.tax-product_tag .hero-section {
    padding-block: 26px !important;
  }

  body.post-type-archive-product .site-main,
  body.tax-product_cat .site-main,
  body.tax-product_tag .site-main {
    padding-top: 20px !important;
  }

  .est36-shop-intro {
    margin-bottom: 18px !important;
    padding-bottom: 18px !important;
  }

  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-checkout .wc-block-checkout {
    max-width: 100%;
  }
}