/* ==========================================================================
   Oriente Tintas — CSS para página de produto, carrinho e checkout (WooCommerce)
   Usa as mesmas variáveis de loja-woocommerce.css
   ========================================================================== */

.woocommerce-breadcrumb + .woocommerce-notices-wrapper,
div.product,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce{
  max-width:1180px;
  margin:0 auto;
}

/* ---------- Galeria de imagens ---------- */
.woocommerce-product-gallery{
  background:var(--ot-branco);
  border:1px solid var(--ot-borda);
  border-radius:var(--ot-raio);
  padding:18px;
}
.woocommerce-product-gallery img{
  border-radius:10px;
}

/* ---------- Resumo do produto ---------- */
.summary.entry-summary{
  padding:6px 0 0 8px;
}
.summary.entry-summary h1.product_title{
  font-family:var(--ot-display);
  font-weight:700;
  font-size:clamp(1.5rem,3vw,2.1rem);
  line-height:1.25;
  color:var(--ot-roxo-escuro);
  margin:0 0 14px;
}
.summary.entry-summary p.price{ margin:0; }
.summary.entry-summary p.price:empty{ display:none; }
.summary.entry-summary .woocommerce-product-details__short-description p{
  font-family:var(--ot-texto);
  color:var(--ot-tinta);
  font-size:1rem;
  line-height:1.55;
  margin:0 0 18px;
}

/* ---------- SKU / categorias ---------- */
.product_meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:14px 0 0;
  border-top:1px solid var(--ot-borda);
  font-family:var(--ot-texto);
  font-size:.85rem;
}
.product_meta > span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  background:var(--ot-lilas);
  border-radius:999px;
  color:var(--ot-roxo-escuro);
}
.product_meta a{ color:var(--ot-roxo); font-weight:600; text-decoration:none; }
.product_meta a:hover{ text-decoration:underline; }

/* ---------- Abas (Descrição / Informação adicional) ---------- */
.woocommerce-tabs{
  margin:34px 0 0;
}
.woocommerce-tabs ul.tabs{
  display:flex;
  gap:6px;
  list-style:none;
  margin:0 0 -1px;
  padding:0;
  border-bottom:1px solid var(--ot-borda);
}
.woocommerce-tabs ul.tabs li{ margin:0; }
.woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  padding:12px 18px;
  font-family:var(--ot-texto);
  font-weight:700;
  font-size:.9rem;
  color:var(--ot-cinza);
  text-decoration:none;
  border-bottom:2px solid transparent;
}
.woocommerce-tabs ul.tabs li.active a{
  color:var(--ot-roxo);
  border-bottom-color:var(--ot-roxo);
}
.woocommerce-tabs .woocommerce-Tabs-panel{
  background:var(--ot-branco);
  border:1px solid var(--ot-borda);
  border-radius:0 var(--ot-raio) var(--ot-raio) var(--ot-raio);
  padding:24px 26px;
  font-family:var(--ot-texto);
  color:var(--ot-tinta);
}
.woocommerce-tabs .woocommerce-Tabs-panel h2{
  font-family:var(--ot-display);
  color:var(--ot-roxo-escuro);
  font-size:1.2rem;
  margin:0 0 14px;
}
.woocommerce-tabs .woocommerce-Tabs-panel ul{ margin:0; padding-left:18px; }
.woocommerce-tabs .woocommerce-Tabs-panel li{ margin:0 0 6px; }

/* ---------- Tabela de atributos ---------- */
table.woocommerce-product-attributes{
  width:100%;
  border-collapse:collapse;
}
table.woocommerce-product-attributes tr:nth-child(odd) th,
table.woocommerce-product-attributes tr:nth-child(odd) td{
  background:var(--ot-lilas);
}
table.woocommerce-product-attributes th,
table.woocommerce-product-attributes td{
  padding:10px 14px;
  border:1px solid var(--ot-borda);
  font-size:.9rem;
}
table.woocommerce-product-attributes th{
  color:var(--ot-roxo-escuro);
  font-weight:700;
  width:180px;
}

/* ---------- Produtos relacionados ---------- */
.related.products{
  max-width:1180px;
  margin:50px auto 0;
}
.related.products h2{
  font-family:var(--ot-display);
  font-weight:700;
  font-size:1.5rem;
  color:var(--ot-roxo-escuro);
  margin:0 0 18px;
}

/* ==========================================================================
   Carrinho e Checkout
   ========================================================================== */

table.shop_table{
  width:100%;
  border-collapse:collapse;
  background:var(--ot-branco);
  border:1px solid var(--ot-borda);
  border-radius:var(--ot-raio);
  overflow:hidden;
  font-family:var(--ot-texto);
}
table.shop_table thead th{
  background:var(--ot-lilas);
  color:var(--ot-roxo-escuro);
  font-weight:700;
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.02em;
  padding:12px 14px;
  text-align:left;
}
table.shop_table td{
  padding:14px;
  border-top:1px solid var(--ot-borda);
  font-size:.92rem;
  color:var(--ot-tinta);
}
table.shop_table td.product-remove a{
  color:var(--ot-laranja-texto);
}

.cart-collaterals .cart_totals,
.woocommerce-checkout-review-order{
  background:var(--ot-branco);
  border:1px solid var(--ot-borda);
  border-radius:var(--ot-raio);
  padding:20px 22px;
}
.cart_totals h2,
#order_review_heading{
  font-family:var(--ot-display);
  color:var(--ot-roxo-escuro);
  font-size:1.15rem;
  margin:0 0 14px;
}

/* campos de formulário (checkout / billing) */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row select{
  border:1px solid var(--ot-borda);
  border-radius:10px;
  padding:11px 13px;
  font-family:var(--ot-texto);
  font-size:.92rem;
  color:var(--ot-tinta);
  background:var(--ot-branco);
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus{
  outline:2px solid var(--ot-roxo);
  border-color:var(--ot-roxo);
}

/* botões de ação (adicionar ao carrinho, atualizar carrinho, finalizar compra) */
.single_add_to_cart_button,
.woocommerce #respond input#submit,
#place_order,
.checkout-button,
table.shop_table .button{
  background:var(--ot-laranja) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:var(--ot-texto);
  font-weight:700 !important;
  padding:13px 26px !important;
  font-size:.95rem !important;
  cursor:pointer;
  transition:background .15s ease, transform .15s ease;
}
.single_add_to_cart_button:hover,
#place_order:hover,
.checkout-button:hover{
  background:var(--ot-laranja-texto) !important;
  transform:translateY(-1px);
}
button[name="update_cart"]{
  background:var(--ot-branco) !important;
  color:var(--ot-roxo-escuro) !important;
  border:1px solid var(--ot-borda) !important;
  border-radius:999px !important;
  font-weight:700 !important;
  padding:13px 22px !important;
}