/* ==========================================================================
   Carrinho e checkout em bloco (WooCommerce Blocks).
   Tem nomes de classe proprios e nao herda o CSS de tabela do tema.
   ========================================================================== */

/* O tema pai pinta linha impar de qualquer tabela dentro de pagina com
   azul #133247. O carrinho em bloco e uma tabela e caia nessa regra. */
#primary .page .entry-content table tr:nth-child(2n + 1),
#primary .post .entry-content table tr:nth-child(2n + 1),
.woocommerce-cart table tr:nth-child(2n + 1),
.woocommerce-checkout table tr:nth-child(2n + 1) {
  background: transparent !important;
  color: inherit !important;
}

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
  max-width: var(--pp-wrap);
  margin-inline: auto;
  padding-inline: var(--pp-gutter);
  color: var(--pp-ink);
}

.wc-block-cart table,
.wc-block-cart-items {
  border-collapse: collapse;
  background: transparent;
}

.wc-block-cart-items__header,
.wc-block-cart-items__header th {
  background: transparent !important;
  border-bottom: 1px solid var(--pp-rule);
  font-family: var(--pp-sans);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pp-muted) !important;
}

.wc-block-cart-items__row,
.wc-block-cart-item__wrapper {
  background: transparent !important;
}
.wc-block-cart-items__row td {
  border-bottom: 1px solid var(--pp-rule);
  padding-block: 22px;
  background: transparent !important;
}

.wc-block-components-product-name {
  font-family: var(--pp-display) !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: var(--pp-ink) !important;
  text-decoration: none;
}
.wc-block-components-product-name:hover { color: var(--pp-accent) !important; }

.wc-block-components-product-metadata,
.wc-block-components-product-metadata__description {
  font-size: 13px;
  line-height: 1.6;
  color: var(--pp-muted) !important;
}

.wc-block-components-formatted-money-amount,
.wc-block-components-product-price {
  font-family: var(--pp-sans);
  color: var(--pp-ink) !important;
}

/* moldura da marca no lugar do icone cinza do WooCommerce */
.wc-block-components-product-image,
.wc-block-cart-item__image {
  background: var(--pp-frame);
}
img[src*="woocommerce-placeholder"] { opacity: 0; }

.wc-block-components-quantity-selector {
  border: 1px solid var(--pp-field);
  border-radius: 0;
  background: transparent;
}
.wc-block-components-quantity-selector__button { color: var(--pp-ink); }

/* ---------- coluna de resumo ---------- */
.wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-checkout__sidebar .wc-block-components-sidebar {
  background: var(--pp-surface);
  border: 1px solid var(--pp-rule);
  border-radius: 0;
  padding: 26px 24px;
}

.wc-block-cart__totals-title,
.wc-block-components-title {
  font-family: var(--pp-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--pp-muted) !important;
}

.wc-block-components-totals-item,
.wc-block-components-totals-footer-item {
  color: var(--pp-ink);
  font-size: 15px;
}
.wc-block-components-totals-wrapper {
  border-top: 1px solid var(--pp-rule);
  padding-block: 16px;
}

.wc-block-components-panel__button {
  font-family: var(--pp-sans);
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--pp-muted);
}

/* ---------- botao principal: latao solido reprova contraste, vai para tinta ---------- */
.wc-block-components-button.contained,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  background-color: var(--pp-ink) !important;
  background-image: none !important;
  color: var(--pp-bg) !important;
  border: 1px solid var(--pp-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--pp-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 17px 28px !important;
  transition: background-color 180ms ease;
}
.wc-block-components-button.contained:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  background-color: #3A312A !important;
  color: var(--pp-bg) !important;
}

.wc-block-components-button.outlined {
  border: 1px solid var(--pp-ink) !important;
  color: var(--pp-ink) !important;
  border-radius: 0 !important;
}

/* ---------- campos do checkout em bloco ---------- */
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-select__container {
  border: 1px solid var(--pp-field) !important;
  border-radius: 0 !important;
  background: var(--pp-bg) !important;
}
.wc-block-components-text-input label { color: var(--pp-muted); }

/* ---------- migalha e links que o tema pai pintava de latao ---------- */
.pp-crumb,
.pp-crumb a { color: var(--pp-muted) !important; }
.pp-crumb a:hover { color: var(--pp-ink) !important; }

.pp-footer a,
.pp-footer a:visited,
.pp-footer a:focus { color: var(--pp-onDark) !important; }
.pp-footer a:hover { color: var(--pp-accent) !important; }
.pp-footer .pp-footer__brand p { color: var(--pp-onDarkMuted) !important; }