/* ============================================================
   badcat clone - estilos da loja local
   ============================================================ */

html, body { overflow-x: hidden; }

/* ---------- itens do carrinho lateral ---------- */
.fastCartContent .fastcart {
  display: flex;
  gap: 10px;
  padding: 8px 0 12px;
  border-bottom: 1px solid #eee;
  list-style: none;
  align-items: flex-start;
}
.fastCartContent .fastcart .pull-left {
  flex: 0 0 78px;
  width: 78px;
  padding: 0;
}
.fastCartContent .fastcart .pull-left img {
  width: 78px;
  height: 100px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
  background: #f4f4f4;
}
.fastCartContent .fastcart .pull-right {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
}
.fastCartContent .fastcart .pull-right .title {
  display: block;
  font-size: 13px;
  line-height: 1.30;
  font-weight: 600;
  color: #1d1d1d;
  margin-bottom: 4px;
}
.fastCartContent .fastcart .pull-right .title a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fastCartContent .fastcart .pull-right .text-left > span {
  display: block;
  font-size: 11.5px;
  color: #6b6b6b;
  line-height: 1.5;
}
.fastCartContent .fastcart .fast-qtd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6px 0 4px;
  gap: 8px;
}
.fastCartContent .fastcart .quantity-adder {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #f7f7f7;
  height: 28px;
}
.fastCartContent .fastcart .quantity-adder .add-buttons {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 700;
  color: #1d1d1d;
  user-select: none;
}
.fastCartContent .fastcart .quantity-adder .add-buttons:hover { color: #e02487; }
.fastCartContent .fastcart .quantity-adder input {
  width: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  font-size: 13px;
  padding: 0;
}
.fastCartContent .fastcart .remove-item {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .55;
}
.fastCartContent .fastcart .remove-item:hover { opacity: 1; }
.fastCartContent .fastcart .remove-item img { width: 13px; height: 13px; }
.fastCartContent .fastcart .new-price {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #0d4350;
  margin-top: 2px;
}

/* ---------- badge do header ---------- */
.cart-items { font-weight: 700; }
.cart-amount.empty .cart-items { display: none; }

/* ---------- toast ---------- */
#badc-toast {
  position: fixed;
  left: 50%;
  bottom: 26px;
  transform: translate(-50%, 26px);
  background: #0d4350;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 13.5px;
  padding: 12px 20px;
  border-radius: 28px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .22);
  opacity: 0;
  pointer-events: none;
  transition: all .28s ease;
  z-index: 99999;
  max-width: 88vw;
  text-align: center;
}
#badc-toast.mostra { opacity: 1; transform: translate(-50%, 0); }

/* ---------- grades de cor e tamanho ---------- */
.option-content li.active .color { border: 2px solid #fff; box-shadow: 0 0 0 2px #e02487; }
.size-content li.active .tam, .size-content li .tam:hover { background: #e02487; color: #fff; border-color: #d9d9d9; }
.size-content li.no-stock .tam { color: #cfcfcf; border: 2px dashed #d9d9d9; cursor: not-allowed; }
.size-content li.no-stock .tam:hover { background: transparent; color: #cfcfcf; }
.size-content li { cursor: pointer; }

/* ---------- botao comprar do card ---------- */
.new-product-inner__thumb__buy--list { cursor: pointer; }

/* ---------- rodape/aviso do clone ---------- */
#badc-aviso {
  background: #0d4350;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 12.5px;
  text-align: center;
  padding: 9px 14px;
  letter-spacing: .2px;
}
#badc-aviso b { font-weight: 600; }

/* ---------- botao comprar da PDP ----------
   O tema esconde o botao ate "liberar o preco" (no site original isso exige login).
   No clone a compra e local, entao o botao e a grade ficam sempre visiveis. */
.btn-cart-able,
.btn-cart-able.hidden,
.btn-cart-able.showPrice__prodPage.hidden { display: block !important; }
.btn-cart-able .product-data__buy-button-container__buy { display: flex !important; }
.options-section-desktop .option-blocks,
.options-section-mobile .option-blocks { display: block; }
/* ---------- item do carrinho: o tema fixa alturas (175px na foto, 51px no
   texto) e o conteudo se sobrepoe; aqui o item e livre ---------- */
.panel .items .fastcart { display: flex !important; align-items: flex-start; gap: 10px; }
.panel .items .fastcart .pull-left { float: none !important; flex: 0 0 78px !important; width: 78px !important; }
.panel .items .fastcart .pull-left img,
.panel .items .fastcart .pull-left span {
  width: 78px !important; height: 100px !important; max-width: 78px !important;
  max-height: 100px !important; margin-top: 0 !important; object-fit: cover;
  border-radius: 6px; display: block;
}
.panel .items .fastcart .pull-right { float: none !important; flex: 1 1 auto; min-width: 0; }
.panel .items .fastcart .pull-right .title {
  display: block !important; float: none !important; width: 100% !important;
  height: auto !important; margin-bottom: 4px;
}
.panel .items .fastcart .pull-right .title a { height: auto !important; display: block; }
.panel .items .fastcart .pull-right .text-left { height: auto !important; }
.panel .items .fastcart .pull-right .text-left > span { margin-bottom: 2px; }
.panel .items .fastcart .fast-qtd { height: auto !important; margin: 6px 0 4px; }
.panel .items .fastcart .fast-qtd .quantity-adder { margin: 0; }
.panel .items .fastcart .remove-item { min-height: 22px !important; width: 22px !important; }