/*
Theme Name: Toada
Theme URI: https://toadadiscos.com.br
Description: Identidade da Toada — garimpo de prensagem brasileira. Tema filho.
Author: Renan Rossini
Template: twentytwentyfive
Version: 2.9.0
Requires at least: 6.6
Tested up to: 6.9
Text Domain: toada
*/

/* ==========================================================================
   TOADA
   §5 marca.md — todo dado técnico em IBM Plex Mono.
   §4 regra 1  — terracota é BLOCO (≥40% da peça) ou detalhe funcional único.
   §4 regra 2  — entra por terracota, permanece em cru (a leitura longa é cru).
   ========================================================================== */

html, body { overflow-x: clip; }

:root {
  --toada-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
  --toada-serif: "Fraunces", Georgia, serif;
  --toada-sans: "Work Sans", system-ui, -apple-system, sans-serif;
  --toada-cru: #F6F1E7;
  --toada-cafe: #3B2E25;
  --toada-terracota: #C4572E;
  --toada-anil: #2C5382;
  --toada-palha: #E0B54E;
  --toada-linha: rgba(59, 46, 37, .14);
  --toada-linha-clara: rgba(246, 241, 231, .28);
}

/* --------------------------------------------------------------------------
   1. Dado técnico em mono
   -------------------------------------------------------------------------- */

.toada-dado, .toada-grading, .toada-unico,
.toada-barra__preco,
.woocommerce-Price-amount, .wc-block-components-product-price,
.wc-block-formatted-money-amount, .price, .sku {
  font-family: var(--toada-mono);
  font-variant-numeric: tabular-nums;
}

.toada-grading { text-transform: uppercase; letter-spacing: .06em; font-weight: 500; }

/* --------------------------------------------------------------------------
   2. O PAINEL — tela dividida, sangrando as bordas
   -------------------------------------------------------------------------- */

/* O template de produto é de BLOCOS (não existe div.summary).
   Estrutura real:
     .woocommerce.product
       └ .wp-block-columns.alignwide
           ├ .wp-block-column   → galeria
           └ .wp-block-column   → título, preço, form.cart, meta          */

.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) {
  box-sizing: border-box;
  border-bottom: 2px solid var(--toada-cafe);
  margin-bottom: 0 !important;
  gap: 0 !important;
  align-items: stretch !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  background: var(--toada-cru);
}

/* Coluna 1 — a foto */
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column { flex-basis: 50% !important; box-sizing: border-box; }

.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:first-child {
  padding: 0;
  background: var(--toada-cru);
  border-right: 2px solid var(--toada-cafe);
  align-self: stretch;
}

/* a capa fica visível enquanto a ficha rola ao lado */
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:first-child .wp-block-woocommerce-product-image-gallery {
  position: sticky;
  top: 0;
}

/* Coluna 2 — o painel de cor */
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:last-child {
  padding: clamp(1.75rem, 4vw, 4rem);
  background: var(--toada-cru);
  color: var(--toada-cafe);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Tudo dentro do painel herda o cru */
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:last-child,
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:last-child p,
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:last-child h1,
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:last-child h2,
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:last-child label,
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:last-child span,
.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:last-child a {
  color: var(--toada-cafe);
}

/* Título do bloco */
.woocommerce.product .wp-block-post-title,
.woocommerce.product .wp-block-column:last-child h1 {
  font-family: var(--toada-serif) !important;
  font-weight: 600;
  font-size: clamp(1.9rem, 1.1rem + 2.2vw, 3rem) !important;
  line-height: 1.06;
  letter-spacing: -0.015em;
  color: var(--toada-cafe) !important;
  margin: 0 0 .75rem !important;
}

/* O preço vive na barra de compra — o bloco solto sai de cena */
.woocommerce.product .wp-block-woocommerce-product-price { display: none !important; }

/* Meta (Categoria) sai: a informação mora na ficha */
.wp-block-woocommerce-product-meta { display: none !important; }

/* O bloco de abas ficou vazio (removemos as abas) mas mantinha a margem,
   abrindo um vão de ~19px antes da faixa terracota. */
.wp-block-woocommerce-product-details { display: none !important; }

/* o bloco de resumo repete o texto de "A toada deste disco" logo abaixo */
.woocommerce.product .wp-block-post-excerpt { display: none !important; }

@media (max-width: 900px) {
  .woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) {
    display: flex !important;
    flex-direction: column;
  }
  .woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column {
    flex-basis: auto !important;
    width: 100% !important;
  }
  .woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column:first-child {
    border-right: 0;
    border-bottom: 2px solid var(--toada-cafe);
  }
}

/* --------------------------------------------------------------------------
   3. Título e linha de exemplar
   -------------------------------------------------------------------------- */

.woocommerce div.product .product_title {
  font-family: var(--toada-serif);
  font-weight: 600;
  font-size: clamp(2rem, 1.1rem + 2.6vw, 3.4rem);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--toada-cru);
  margin: 0 0 .75rem;
}

.toada-prensagem {
  font-family: var(--toada-mono);
  font-size: .95rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--toada-cafe) !important;
  margin: 0 0 .9rem !important;
}

.toada-unico {
  font-size: .74rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--toada-anil);
  margin: 0 0 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 2px solid var(--toada-cafe);   /* a divisória de seção */
}

/* --------------------------------------------------------------------------
   4. Ficha do exemplar — dentro do painel
   -------------------------------------------------------------------------- */

.toada-resumo {
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(59, 46, 37, .85);
  margin: 0 0 .5rem;
  max-width: 60ch;
}
.toada-resumo p { margin: 0 0 .75rem; }

.toada-ficha {
  margin: 2rem 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid var(--toada-linha);
}

.toada-ficha__titulo {
  font-family: var(--toada-mono) !important;
  font-size: .7rem !important;
  font-weight: 500 !important;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--toada-terracota) !important;
  margin: 0 0 .9rem !important;
}

.toada-ficha__lista {
  display: grid;
  grid-template-columns: minmax(7rem, auto) 1fr;
  margin: 0;
}

.toada-ficha__lista dt,
.toada-ficha__lista dd {
  padding: .45rem 0;
  border-bottom: 1px solid var(--toada-linha);
  margin: 0;
  font-size: .88rem;
  line-height: 1.4;
}

.toada-ficha__lista dt {
  font-family: var(--toada-sans);
  font-weight: 500;
  color: rgba(59, 46, 37, .6);
  padding-right: 1rem;
}

.toada-ficha__lista dd { color: var(--toada-cafe); }

.toada-ficha__audicao {
  margin: .9rem 0 0;
  font-size: .85rem;
  line-height: 1.6;
  color: rgba(59, 46, 37, .78) !important;
  border-left: 3px solid var(--toada-terracota);
  padding-left: .85rem;
}

/* --------------------------------------------------------------------------
   5. A BARRA DE COMPRA — botão à esquerda, preço à direita
   -------------------------------------------------------------------------- */

/* ATENÇÃO: o simulador do Melhor Envio (.containerCalculator) mora DENTRO
   do form.cart. Por isso o form não vira barra — ele vira flex-wrap, o
   simulador ocupa a linha inteira, e só botão + preço formam a barra. */

form.cart {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  margin: 1.25rem 0 0 !important;
  width: 100%;
}

form.cart::before, form.cart::after { display: none !important; }
form.cart .quantity { display: none !important; }

/* (regras do simulador ficam na seção 6, sem aninhamento) */


/* A barra: botão à esquerda, preço à direita */
form.cart .single_add_to_cart_button,
form.cart button.button {
  order: 2;
  flex: 1 1 auto;
  width: auto !important;
  float: none !important;
  background: var(--toada-terracota) !important;
  color: var(--toada-cru) !important;
  border: 0;
  border-radius: 8px 0 0 8px !important;
  text-align: left;
  white-space: nowrap;
  padding: 1.15rem 1.5rem !important;
  font-family: var(--toada-sans);
  font-weight: 600;
  font-size: 1.05rem;
  transition: background .15s ease;
}

form.cart .single_add_to_cart_button:hover { background: #A94724 !important; }

.toada-barra__preco {
  order: 3;
  display: flex;
  align-items: center;
  padding: 1.15rem 1.5rem;
  font-size: 1.15rem;
  font-weight: 500;
  color: var(--toada-cru) !important;
  background: var(--toada-cafe);
  border-radius: 0 8px 8px 0;
  border-left: 0;
  white-space: nowrap;
}

.toada-barra__preco .woocommerce-Price-amount { color: var(--toada-cru) !important; }

/* --------------------------------------------------------------------------
   6. Simulação de frete (Melhor Envio)
   A marcação do plugin é .containerCalculator > .calculatorRow > .row/.col-75
   + .resultado-frete. Só o contêiner externo desenha a caixa; tudo dentro
   fica liso, senão vira caixa dentro de caixa.
   -------------------------------------------------------------------------- */

form.cart .containerCalculator {
  order: 1;
  flex: 1 0 100% !important;
  width: 100% !important;
  box-sizing: border-box;
  background: transparent !important;
  border: 1px solid var(--toada-linha) !important;
  border-radius: 8px;
  padding: 1.1rem 1.2rem !important;
  margin: 0 0 1rem !important;
  color: var(--toada-cafe) !important;
  box-shadow: none !important;
}

/* tudo que está dentro não desenha caixa nenhuma */
form.cart .containerCalculator .calculatorRow,
form.cart .containerCalculator .row,
form.cart .containerCalculator .col-75,
form.cart .containerCalculator .col-25 {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  box-shadow: none !important;
}

/* o rótulo "Simulação de frete" */
form.cart .containerCalculator label,
form.cart .containerCalculator > p:first-of-type,
form.cart .containerCalculator h3,
form.cart .containerCalculator h4 {
  display: block;
  font-family: var(--toada-mono);
  font-size: .68rem !important;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--toada-terracota) !important;
  margin: 0 0 .7rem !important;
}

form.cart .containerCalculator input[type="text"],
form.cart .containerCalculator input[type="tel"],
form.cart .containerCalculator input:not([type="hidden"]) {
  font-family: var(--toada-mono);
  font-size: .9rem;
  background: #fff;
  border: 1px solid var(--toada-linha);
  border-radius: 6px;
  padding: .7rem .85rem;
  color: var(--toada-cafe);
  width: 100%;
  box-sizing: border-box;
}

form.cart .containerCalculator input::placeholder { color: rgba(59, 46, 37, .42); }

form.cart .containerCalculator button,
form.cart .containerCalculator .button {
  margin-top: .6rem;
  background: transparent !important;
  color: var(--toada-terracota) !important;
  border: 1px solid var(--toada-terracota) !important;
  border-radius: 6px;
  padding: .55rem 1rem !important;
  font-size: .8rem !important;
  font-weight: 600;
  width: auto !important;
  flex: none !important;
}

/* o resultado: tabela em mono, enxuta */
form.cart .resultado-frete { margin-top: .8rem; }

form.cart .resultado-frete table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--toada-mono);
  font-size: .82rem;
}

form.cart .resultado-frete table td,
form.cart .resultado-frete table th {
  padding: .4rem 0;
  border-bottom: 1px solid var(--toada-linha);
  text-align: left;
}

form.cart .resultado-frete small {
  display: block;
  margin-top: .5rem;
  font-size: .72rem;
  color: rgba(59, 46, 37, .55);
  line-height: 1.5;
}

form.cart .resultado-frete img { max-width: 22px; height: auto; }

/* --------------------------------------------------------------------------
   7. Galeria — a capa ocupa a largura inteira, sem corte
   -------------------------------------------------------------------------- */

.woocommerce.product .wp-block-woocommerce-product-image-gallery,
.woocommerce div.product div.images,
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.woocommerce-product-gallery__image img,
.woocommerce div.product div.images img,
.woocommerce-product-gallery__image--placeholder img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  border-radius: 0;
  box-shadow: none;
}

img.woocommerce-placeholder { background: #EBE4D4; opacity: .5; }

/* sem lupa: o clique na foto não abre lightbox */
.woocommerce-product-gallery__trigger { display: none !important; }
.woocommerce-product-gallery__image a { cursor: default; pointer-events: none; }

/* --- navegação da galeria: setas, bolinhas e contador ------------------- */

.woocommerce-product-gallery { position: relative; }

/* setas */
.woocommerce-product-gallery .flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-product-gallery .flex-direction-nav a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  text-decoration: none;
  color: var(--toada-cafe);
  opacity: .85;
  transition: opacity .15s ease;
}

.woocommerce-product-gallery .flex-direction-nav a:hover { opacity: 1; }

.woocommerce-product-gallery .flex-direction-nav a::before {
  font-family: var(--toada-sans);
  font-size: 1.9rem;
  line-height: 1;
  color: var(--toada-cafe);
}

.woocommerce-product-gallery .flex-nav-prev a { left: 1rem; }
.woocommerce-product-gallery .flex-nav-next a { right: 1rem; }
.woocommerce-product-gallery .flex-nav-prev a::before { content: "←"; }
.woocommerce-product-gallery .flex-nav-next a::before { content: "→"; }

/* bolinhas */
.woocommerce-product-gallery .flex-control-paging {
  position: absolute;
  bottom: 1.1rem;
  left: 0;
  right: 0;
  z-index: 5;
  display: flex;
  justify-content: center;
  gap: .55rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-product-gallery .flex-control-paging li { margin: 0; width: auto; }

.woocommerce-product-gallery .flex-control-paging a {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(59, 46, 37, .3);
  border: 1px solid var(--toada-cafe);
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
  transition: background .15s ease;
}

.woocommerce-product-gallery .flex-control-paging a.flex-active,
.woocommerce-product-gallery .flex-control-paging a:hover {
  background: var(--toada-cafe);
}

/* contador 1/6 */
.woocommerce-product-gallery .toada-contador {
  position: absolute;
  bottom: 1rem;
  left: 1.2rem;
  z-index: 5;
  font-family: var(--toada-mono);
  font-size: .78rem;
  color: var(--toada-cafe);
  opacity: .75;
}

/* miniaturas (não usadas com bolinhas, mas ficam prontas se voltar) */
.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 2px 0 0 !important;
  padding: 0;
  list-style: none;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  width: auto;
}

.woocommerce div.product div.images .flex-control-thumbs img {
  width: 100% !important;
  height: auto !important;
  opacity: .55;
  cursor: pointer;
  transition: opacity .15s ease;
}

.woocommerce div.product div.images .flex-control-thumbs img:hover,
.woocommerce div.product div.images .flex-control-thumbs .flex-active { opacity: 1; }

/* --------------------------------------------------------------------------
   8. A toada do disco — leitura em cru, abaixo do painel
   -------------------------------------------------------------------------- */

.toada-historia {
  max-width: 62ch;
  margin: 0 auto;
  padding: clamp(2.5rem, 6vw, 5rem) 1.5rem 0;
}

.toada-historia h2 {
  font-family: var(--toada-serif);
  font-weight: 600;
  font-size: 1.6rem;
  margin: 0 0 1.1rem;
  color: var(--toada-cafe);
}

.toada-historia__texto { font-size: 1.05rem; line-height: 1.7; color: var(--toada-cafe); }
.toada-historia__texto p { margin: 0 0 1rem; }

.toada-historia__leva {
  margin-top: 1.5rem;
  font-size: .76rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(59, 46, 37, .55);
}

/* --------------------------------------------------------------------------
   9. Migalhas, meta e listagem
   -------------------------------------------------------------------------- */

.woocommerce-breadcrumb {
  font-family: var(--toada-mono);
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(59, 46, 37, .5);
  margin: 0 0 1.5rem;
}

.woocommerce-breadcrumb a { color: rgba(59, 46, 37, .7); }

/* A informação mora na ficha — o meta solto do Woo sai de cena */
.product_meta { display: none !important; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--toada-serif) !important;
  font-weight: 600;
  font-size: 1.05rem !important;
  line-height: 1.25;
}

.woocommerce ul.products li.product .price { color: var(--toada-terracota) !important; font-size: 1rem; }
.woocommerce ul.products li.product img { border-radius: 2px; box-shadow: 0 2px 12px rgba(59, 46, 37, .12); }


/* --------------------------------------------------------------------------
   10. SEGUNDA DOBRA — a faixa terracota (o bloco de impacto, §4 regra 1)
   -------------------------------------------------------------------------- */

.toada-faixa {
  /* sangramento independente do container: a cor escapa pelos lados via
     box-shadow, e o clip-path libera o transbordo lateral. O texto
     continua alinhado com o resto da página.
     A divisória de 2px mora na borda de baixo do bloco das colunas —
     lá ela tem a largura da tela; aqui teria só a do container. */
  box-sizing: border-box;
  margin-top: 0 !important;
  background: var(--toada-terracota);
  box-shadow: 0 0 0 100vmax var(--toada-terracota);
  clip-path: inset(0 -100vmax);
  padding: clamp(3rem, 8vw, 7rem) 0;
  margin: 0;
}

.toada-faixa__interno {
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-inline: clamp(1.75rem, 4vw, 4rem);
}

/* o texto longo também acompanha a margem das outras seções */
.toada-historia {
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  margin-right: 0 !important;
  max-width: 100vw;
  padding-inline: clamp(1.75rem, 4vw, 4rem);
}
.toada-historia__texto, .toada-historia h2, .toada-historia__leva { max-width: 62ch; }

.toada-faixa__frase {
  font-family: var(--toada-serif);
  font-weight: 600;
  font-size: clamp(1.9rem, 1rem + 3.4vw, 4rem);
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--toada-cru);
  margin: 0;
  max-width: 26ch;
}

.toada-faixa__link {
  display: inline-block;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--toada-mono);
  font-size: .78rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--toada-cru) !important;
  text-decoration: underline;
  text-underline-offset: .4em;
  text-decoration-thickness: 2px;
}

.toada-faixa__link:hover { color: var(--toada-palha) !important; }

/* a leitura longa segue em cru, respirando abaixo da faixa */
.toada-historia { padding-top: clamp(3rem, 6vw, 5rem); }


/* --------------------------------------------------------------------------
   11. CABEÇALHO — barra de ponta a ponta, marca ao centro
   -------------------------------------------------------------------------- */

.toada-cabecalho {
  background: var(--toada-cru);
  border-bottom: 2px solid var(--toada-cafe);
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  z-index: 20;
}

.toada-cabecalho__barra {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1rem;
  max-width: none !important;
  padding: .95rem clamp(1rem, 3vw, 2.5rem) !important;
  margin: 0 !important;
}

/* a marca, ao centro */
.toada-cabecalho .toada-marca,
.toada-cabecalho .wp-block-site-title {
  grid-column: 2;
  margin: 0;
  text-align: center;
}

.toada-cabecalho .wp-block-site-title a {
  font-family: var(--toada-serif);
  font-weight: 600;
  font-size: clamp(1.35rem, 1rem + .9vw, 1.9rem);
  letter-spacing: -0.01em;
  color: var(--toada-cafe) !important;
  text-decoration: none;
}

/* os dois menus */
.toada-cabecalho .toada-nav--esq { grid-column: 1; justify-self: start; }
.toada-cabecalho .toada-nav--dir { grid-column: 3; justify-self: end; }

.toada-cabecalho .wp-block-navigation {
  font-family: var(--toada-sans);
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  gap: clamp(1rem, 2.2vw, 2.25rem) !important;
}

.toada-cabecalho .wp-block-navigation a {
  color: var(--toada-cafe) !important;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
  transition: border-color .15s ease;
}

.toada-cabecalho .wp-block-navigation a:hover {
  border-bottom-color: var(--toada-terracota);
  color: var(--toada-terracota) !important;
}

/* O Woo injeta mini-carrinho e blocos de "conta" no cabeçalho, sem coluna
   definida — eles quebravam a grade em três linhas. Já temos os links de
   texto "Conta" e "Carrinho", como na referência. */
.toada-cabecalho .wp-block-mini-cart,
.toada-cabecalho .wc-block-mini-cart,
.toada-cabecalho .wp-block-woocommerce-customer-account,
.toada-cabecalho .wc-block-customer-account { display: none !important; }

/* garante uma linha só */
.toada-cabecalho__barra { grid-template-rows: auto; }

@media (max-width: 720px) {
  /* mantém 1fr auto 1fr para a marca ficar de fato no centro */
  .toada-cabecalho__barra { padding: .8rem 1rem !important; }
  .toada-cabecalho .toada-nav { font-size: .72rem; gap: .9rem !important; }
  .toada-cabecalho .wp-block-site-title a { font-size: 1.3rem; }
}

@media (max-width: 400px) {
  /* espaço curto: fica só o carrinho à direita */
  .toada-cabecalho .toada-nav--dir li:first-child { display: none; }
}

/* --------------------------------------------------------------------------
   12. Migalha fora; o disco encosta no cabeçalho
   -------------------------------------------------------------------------- */

.wc-block-breadcrumbs,
.wp-block-breadcrumbs,
.woocommerce-breadcrumb { display: none !important; }

/* zera o respiro que o tema pai coloca entre cabeçalho e conteúdo */
.wp-site-blocks > main,
.wp-site-blocks > .woocommerce { padding-top: 0 !important; margin-top: 0 !important; }

.woocommerce.product > *:first-child { margin-top: 0 !important; }

.woocommerce.product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) {
  margin-top: 0 !important;
}


/* --------------------------------------------------------------------------
   13. OUTROS EXEMPLARES — bloco woocommerce/product-collection
   -------------------------------------------------------------------------- */

/* a faixa de título, sangrando a tela */
.toada-relacionados__faixa {
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-inline: clamp(1.75rem, 4vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: var(--toada-cru);
  box-shadow: 0 0 0 100vmax var(--toada-cru);
  clip-path: inset(0 -100vmax);
  border-top: 2px solid var(--toada-cafe);
  border-bottom: 2px solid var(--toada-cafe);
  padding-block: 1.15rem;
  margin-top: 3rem;
}

.toada-relacionados__faixa h2 {
  font-family: var(--toada-serif) !important;
  font-weight: 600;
  font-size: clamp(1.4rem, 1rem + 1.4vw, 2.2rem) !important;
  line-height: 1;
  color: var(--toada-cafe) !important;
  margin: 0 !important;
}

.toada-relacionados__voltar {
  flex: none;
  font-family: var(--toada-mono);
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--toada-cafe) !important;
  text-decoration: none;
  border: 2px solid var(--toada-cafe);
  border-radius: 999px;
  padding: .55rem 1.1rem;
  transition: background .15s ease, color .15s ease;
}

.toada-relacionados__voltar:hover {
  background: var(--toada-cafe);
  color: var(--toada-cru) !important;
}

/* a grade de cards */
.wp-block-woocommerce-product-collection { margin: 0 !important; }

ul.wc-block-product-template {
  box-sizing: border-box;
  width: 100vw;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
  list-style: none;
}

li.wc-block-product {
  margin: 0 !important;
  padding: 0 0 1.2rem !important;
  width: auto !important;
  max-width: none !important;
  border-right: 2px solid var(--toada-cafe);
  background: var(--toada-cru);
}

ul.wc-block-product-template li.wc-block-product:last-child { border-right: 0; }

li.wc-block-product img {
  width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 0 .9rem !important;
  border-radius: 0;
}

.woocommerce.product li.wc-block-product .wp-block-post-title,
.woocommerce.product li.wc-block-product .wp-block-post-title a,
li.wc-block-product .wp-block-post-title,
li.wc-block-product .wp-block-post-title a,
li.wc-block-product .wc-block-components-product-name {
  font-family: var(--toada-serif) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  color: var(--toada-cafe) !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  text-decoration: none;
  text-align: left !important;
  letter-spacing: 0 !important;
}

li.wc-block-product .wc-block-components-product-price {
  display: block;
  text-align: left !important;
  font-family: var(--toada-mono) !important;
  font-size: .9rem !important;
  color: var(--toada-terracota) !important;
  padding: .45rem 1rem 0 !important;
  margin: 0 !important;
}

/* sem botão de compra na grade — a decisão é na página do exemplar */
li.wc-block-product .wp-block-button,
li.wc-block-product .wc-block-components-product-button { display: none !important; }

@media (max-width: 900px) {
  ul.wc-block-product-template { grid-template-columns: repeat(2, 1fr) !important; }
  li.wc-block-product:nth-child(2n) { border-right: 0; }
  li.wc-block-product:nth-child(-n+2) { border-bottom: 2px solid var(--toada-cafe); }
}

@media (max-width: 520px) {
  ul.wc-block-product-template { grid-template-columns: 1fr !important; }
  li.wc-block-product { border-right: 0; border-bottom: 2px solid var(--toada-cafe); }
  .toada-relacionados__faixa { flex-direction: column; align-items: flex-start; }
}

/* --------------------------------------------------------------------------
   14. GARANTIAS — o que a loja promete (no lugar de avaliações que não existem)
   -------------------------------------------------------------------------- */

.toada-garantias {
  box-sizing: border-box;
  background: var(--toada-cru);
  box-shadow: 0 0 0 100vmax var(--toada-cru);
  clip-path: inset(0 -100vmax);
  border-top: 2px solid var(--toada-cafe);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
}

.toada-garantias__interno {
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-inline: clamp(1.75rem, 4vw, 4rem);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.toada-garantias__item h3 {
  font-family: var(--toada-mono) !important;
  font-size: .72rem !important;
  font-weight: 500 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--toada-terracota) !important;
  margin: 0 0 .6rem !important;
  padding-top: .75rem;
  border-top: 2px solid var(--toada-cafe);
}

.toada-garantias__item p {
  font-size: .92rem;
  line-height: 1.55;
  color: rgba(59, 46, 37, .78);
  margin: 0;
}

@media (max-width: 900px) { .toada-garantias__interno { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .toada-garantias__interno { grid-template-columns: 1fr; } }