/* =========================================================
   Simulação de frete (plugin Melhor Envio) — página de produto
   Reestiliza o bloco .containerCalculator para a identidade Eshet.
   ========================================================= */

.containerCalculator {
  background: var(--c-beige, #e5ddd2);
  border: 1px solid var(--c-gold, #b69e60);
  border-left: 4px solid var(--c-gold, #b69e60);
  border-radius: 8px;
  padding: 22px 24px;
  margin: 20px 0;
  width: 100%;
}

/* O plugin injeta o calculador DENTRO do form.cart, que é flex (quantidade +
   botão na mesma linha). Sem isso o bloco de frete é espremido ao lado deles.
   Forçamos ocupar a linha inteira e permitimos o form quebrar linha. */
.eshet-product__summary .cart {
  flex-wrap: wrap;
}
.eshet-product__summary .cart .containerCalculator {
  flex: 0 0 100%;
  order: 10; /* joga o frete para depois de quantidade/botão */
}

/* Título "Simulação de frete" */
.containerCalculator .calculatorRow > .row > .col-75 > p,
.containerCalculator p:first-of-type {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--c-gold, #b69e60);
}

/* Campo de CEP */
.containerCalculator input[type="text"],
.containerCalculator input#inputCep,
.containerCalculator .iptCep {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--c-gray-light, #d4d4d4);
  border-radius: 6px;
  background: #fff;
  font-size: 14px;
  color: var(--c-black, #000);
  box-sizing: border-box;
  transition: border-color .15s ease;
}
.containerCalculator input[type="text"]:focus,
.containerCalculator input#inputCep:focus,
.containerCalculator .iptCep:focus {
  outline: none;
  border-color: var(--c-gold, #B69E60);
  box-shadow: 0 0 0 2px rgba(182, 158, 96, .18);
}
.containerCalculator input[type="text"]::placeholder {
  color: #9a9a9a;
  text-transform: none;
}

/* Loader */
#calcular-frete-loader {
  margin-top: 14px;
}
#calcular-frete-loader img {
  width: 28px;
  height: 28px;
}

/* Tabela de resultados — vira uma lista de opções de frete */
.containerCalculator .resultado-frete,
.containerCalculator .tableResult {
  margin-top: 16px;
}
.containerCalculator .resultado-frete table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.containerCalculator .resultado-frete table thead {
  display: none; /* o plugin não preenche o thead */
}
.containerCalculator .resultado-frete table td {
  display: block;
  padding: 12px 14px;
  margin-bottom: 8px;
  border: 1px solid var(--c-gold-light, #c2a279);
  border-radius: 6px;
  background: var(--c-offwhite, #fffefd);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--c-black, #000);
}
.containerCalculator .resultado-frete table tr:last-child td {
  margin-bottom: 0;
}

/* Endereço de destino + observações (Frete para ...) */
.containerCalculator #destiny-shipping-mehor-envio,
.containerCalculator .observation-shipping-free {
  display: block;
  margin-top: 12px;
  font-size: 12.5px;
  line-height: 1.5;
  color: #5a5343;
}
.containerCalculator .observation-shipping-free:empty,
.containerCalculator #destiny-shipping-mehor-envio:empty {
  margin-top: 0;
}

/* Botão calcular (quando presente) */
.containerCalculator input[type="submit"],
.containerCalculator #calcular-frete {
  background: var(--c-black, #000);
  color: #fff;
  padding: 12px 22px;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  float: none;
  margin-top: 12px;
}
.containerCalculator input[type="submit"]:hover,
.containerCalculator #calcular-frete:hover {
  background: #222;
}