/* ==========================================================================
   Correcoes vindas do relatorio de teste de 02/10/2026.
   Quase tudo aqui existe porque uma regra do tema pai ganha por
   especificidade, entao os seletores sao deliberadamente mais fortes.
   ========================================================================== */

/* --- 1. menu da conta: o pai pinta pilula dourada com texto branco --- */
.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a,
.woocommerce li.woocommerce-MyAccount-navigation-link a,
.woocommerce li.woocommerce-MyAccount-navigation-link a:hover {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 15px 2px !important;
  font-weight: 400 !important;
  color: var(--pp-muted) !important;
}
.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce .woocommerce-MyAccount-navigation li.is-active a {
  color: var(--pp-ink) !important;
}
.woocommerce .woocommerce-MyAccount-navigation li.is-active a {
  box-shadow: inset 2px 0 0 var(--pp-accent);
  padding-left: 14px !important;
}

/* --- 2. preco e migalha com cor errada --- */
.woocommerce div.product p.price,
.woocommerce div.product p.price .woocommerce-Price-amount,
.woocommerce div.product span.price {
  color: var(--pp-ink) !important;
}
.breadcrumb a,
.breadcrumb span,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
  color: var(--pp-muted) !important;
  padding: 0 !important;
}
.woocommerce-breadcrumb a:hover { color: var(--pp-ink) !important; }

/* --- 3. capitalizacao: o pai forca Caixa Alta Em Cada Palavra --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit {
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.14em !important;
}

/* --- 4. legibilidade: peso 300 e pequeno demais em texto miudo --- */
.pp-card__insp,
.pp-footer__col a,
.wc-block-components-product-metadata,
.woocommerce-MyAccount-content p {
  font-weight: 400;
}
.pp-card__insp { font-size: 12.5px; }
.pp-footer__col a { font-size: 14px; }

/* --- 5. imagem do item no carrinho ficava sem altura --- */
.wc-block-cart-item__image,
.wc-block-components-product-image {
  min-width: 68px;
  background: var(--pp-frame);
}
.wc-block-cart-item__image img,
.wc-block-components-product-image img {
  min-height: 86px;
  display: block;
}

/* --- 6. enderecos: colunas estreitas quebravam o titulo no meio da palavra --- */
.woocommerce-account .woocommerce-Addresses {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.woocommerce-account .woocommerce-Address-title h3 {
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
}

/* --- 7. conteudo de pagina comum --- */
.pp-page { padding-block: var(--pp-md) var(--pp-xl); }
.pp-page > p,
.pp-page > ul,
.pp-page > ol {
  color: var(--pp-body);
  font-size: 16px;
  line-height: 1.75;
  max-width: 68ch;
}
.pp-page > h2,
.pp-page > h3 { margin-top: var(--pp-lg); }

/* --- 8. botao de compra vinha dourado solido, que e o uso proibido do latao --- */
.woocommerce div.product form.cart .button,
.woocommerce button.single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce ul.products li.product a.button {
  background: 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;
  text-shadow: none !important;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce ul.products li.product a.button:hover {
  background: #3A312A !important;
  color: var(--pp-bg) !important;
}

/* o botao do cartao na grade e menor e de contorno, nao solido */
.woocommerce ul.products li.product .pp-card__foot a.button {
  background: transparent !important;
  color: var(--pp-ink) !important;
  padding: 10px 16px !important;
  font-size: 11px !important;
}
.woocommerce ul.products li.product .pp-card__foot a.button:hover {
  background: var(--pp-ink) !important;
  color: var(--pp-bg) !important;
}

/* --- 9. preco do produto estava quase invisivel --- */
.woocommerce div.product p.price,
.woocommerce div.product p.price span,
.woocommerce div.product p.price bdi {
  color: var(--pp-ink) !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
}

/* --- 10. quantidade e caixa de compra --- */
.woocommerce div.product form.cart { display: flex; align-items: stretch; gap: 10px; margin-top: 22px; }
.woocommerce div.product form.cart .quantity .qty { height: 100%; min-height: 48px; width: 72px; text-align: center; }

/* --- 11. enderecos: os pseudo-elementos de limpeza do WooCommerce viraram colunas da grade --- */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after,
.woocommerce .col2-set::before,
.woocommerce .col2-set::after {
  content: none !important;
  display: none !important;
}
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2 {
  width: auto !important;
  float: none !important;
}

/* --- 12. faixa de fatos deixava um item orfao na segunda linha --- */
.pp-facts { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1000px) { .pp-facts { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .pp-facts { grid-template-columns: 1fr; } }
@media (max-width: 1000px) { .pp-facts > div { border-right: 0; border-bottom: 1px solid rgba(239,230,216,0.14); } }

/* --- 13. imagem do item no carrinho e no resumo colapsava para um ponto --- */
.wc-block-cart-item__image,
.wc-block-components-order-summary-item__image,
.wc-block-components-product-image {
  width: 72px !important;
  min-width: 72px;
  aspect-ratio: 3 / 4;
  background: var(--pp-frame) !important;
  display: block;
}
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img,
.wc-block-components-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* --- 14. titulo do resumo continuava em serifada grande --- */
.wp-block-woocommerce-cart .wc-block-cart__totals-title,
.wc-block-cart__sidebar .wc-block-components-title,
.wc-block-checkout__sidebar .wc-block-components-title {
  font-family: var(--pp-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  color: var(--pp-muted) !important;
}

/* --- 15. sublinhado indevido em nome de produto e botao --- */
.wc-block-components-product-name,
.wc-block-components-button,
.wc-block-cart__submit-button {
  text-decoration: none !important;
}

/* --- 16. cabecalho translucido deixava a foto vazar atras do logotipo --- */
.pp-header { background: rgba(244, 238, 228, 0.985); }

/* --- 17. marca do produto em latao claro reprovava contraste em 11px --- */
.pp-card__brand { color: #8A6526; }

/* --- 18. o tema pai forca dourado em TODO botao do WooCommerce com !important --- */
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-account a.button,
.woocommerce-page a.button,
.woocommerce-page button.button {
  background: var(--pp-ink) !important;
  background-image: none !important;
  color: var(--pp-bg) !important;
  border: 1px solid var(--pp-ink) !important;
  border-radius: 0 !important;
  font-family: var(--pp-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  padding: 14px 24px !important;
  height: auto !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-account a.button:hover {
  background: #3A312A !important;
  color: var(--pp-bg) !important;
  border-color: #3A312A !important;
}

/* o botao do cartao continua de contorno, mais leve que o principal */
.woocommerce ul.products li.product .pp-card__foot a.button {
  background: transparent !important;
  color: var(--pp-ink) !important;
  border: 1px solid var(--pp-ink) !important;
  padding: 10px 18px !important;
  font-size: 11px !important;
}
.woocommerce ul.products li.product .pp-card__foot a.button:hover {
  background: var(--pp-ink) !important;
  color: var(--pp-bg) !important;
}

/* --- 19. o bloco nao desenha celula de imagem quando o produto nao tem foto --- */
.wc-block-cart-items__row td.wc-block-cart-item__image:empty,
.wc-block-cart-item__image:empty {
  display: block !important;
  width: 72px !important;
  aspect-ratio: 3 / 4;
  background: var(--pp-frame) !important;
}

/* --- 20. monograma da marca ao lado do nome no cabecalho --- */
.pp-brand { gap: 11px; }
.pp-brand__mono { height: 34px; width: auto; display: block; flex: none; }
@media (max-width: 860px) { .pp-brand__mono { height: 28px; } }

/* --- 21. submenu de Produtos no cabecalho --- */
.pp-nav li { position: relative; }
.pp-nav .sub-menu {
  position: absolute; top: 100%; left: 0; z-index: 50;
  min-width: 184px; margin: 0; padding: 8px 0; list-style: none;
  background: var(--pp-bg); border: 1px solid var(--pp-rule);
  opacity: 0; visibility: hidden; transform: translateY(-4px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms;
}
.pp-nav li:hover > .sub-menu,
.pp-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.pp-nav .sub-menu a {
  display: block; padding: 9px 18px; border-bottom: 0;
  font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pp-muted);
}
.pp-nav .sub-menu a:hover { color: var(--pp-ink); background: var(--pp-surface); }
.pp-nav .menu-item-has-children > a::after { content: none; }
@media (max-width: 860px) { .pp-nav .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; border: 0; } }

/* --- 22. marca do cabecalho e do rodape agora usa o desenho original --- */
.pp-brand { gap: 12px; align-items: center; }
.pp-brand__nome { height: 26px; width: auto; display: block; flex: none; }
.pp-brand__mono { height: 38px; width: auto; display: block; flex: none; }
@media (max-width: 860px) {
  .pp-brand__mono { height: 30px; }
  .pp-brand__nome { height: 20px; }
}
.pp-footer .pp-brand__nome { height: 30px; filter: brightness(0) invert(1) sepia(0.35) saturate(1.6) hue-rotate(5deg); }

/* --- 23. trava de tamanho da marca: nada no tema pai pode esticar --- */
.pp-brand { max-height: 52px; overflow: visible; }
.pp-brand img { max-height: 100%; width: auto !important; }
.pp-brand__mono { height: 38px !important; max-height: 38px !important; }
.pp-brand__nome { height: 24px !important; max-height: 24px !important; }
.pp-footer .pp-brand__nome { height: 28px !important; max-height: 28px !important; }
@media (max-width: 860px) {
  .pp-brand { max-height: 40px; }
  .pp-brand__mono { height: 30px !important; max-height: 30px !important; }
  .pp-brand__nome { height: 19px !important; max-height: 19px !important; }
}