/* TCL Vendedores — public.css */
:root{ --tcl-bg:#FAFAFA; --tcl-surface:#FFF; --tcl-border:#E4E7EC; --tcl-text:#18181B; --tcl-muted:#71717A; --tcl-accent:#2563EB; --tcl-accent-bg:#EFF4FF; --tcl-whatsapp:#25D366; --tcl-radius:8px; }
.tcl-feed-wrap, .tcl-painel, .tcl-wrap{ font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased; }
/* Fix header fixo tema TCL (sticky-wrapper) sobrepondo conteúdo — 200px desktop / 110px mobile */
.tcl-feed-wrap{ padding-top:200px !important; }
.tcl-wrap{ padding-top:200px !important; }
@media (width < 992px){
  .tcl-feed-wrap{ padding-top:110px !important; }
  .tcl-wrap{ padding-top:110px !important; }
}
.tcl-badge{ font-variant-numeric: tabular-nums; }
.tcl-p-card, .tcl-painel-card{ transition:box-shadow .15s, border-color .15s; }
.tcl-p-card:hover, .tcl-painel-card:hover{ box-shadow:0 4px 16px rgba(0,0,0,.05); }
/* Admin bar hide for tcl_vendedor já tratado em PHP */

/* ===== Single produto (via "Comprar pelo site" ?utm_source=vendedor) - UX dentro do tema ===== */
.tcl-single-vendedor .tcl-product.section1{ padding-top:200px; }
@media (width < 992px){ .tcl-single-vendedor .tcl-product.section1{ padding-top:110px; } }
.tcl-single-vendedor .summary{ background:#FFF; border:1px solid var(--tcl-border); border-radius:8px; padding:24px; }
.tcl-single-vendedor .related.products{ margin-top:32px; padding:24px; background:#FFF; border:1px solid var(--tcl-border); border-radius:8px; }
.tcl-single-vendedor .related.products > h2{ font-size:18px; font-weight:700; color:#0E2A4D; margin-bottom:16px; border-bottom:1px solid var(--tcl-border); padding-bottom:12px; }
.tcl-single-vendedor .tcl-single-vendor-strip{ font-family:'Inter',sans-serif; }
/* Corrige produto fora do tema quando acessado via /index.php/produto/... : garante container e tipografia */
.single-product .container{ max-width:1180px; }
.single-product .woocommerce-product-gallery{ border:1px solid var(--tcl-border); border-radius:8px; overflow:hidden; background:#FAFAFB; }

/* ===== Carrossel relacionados - Owl infinito 5 itens ===== */
.related.products .owl-carousel .grid-item{ width:auto !important; float:none !important; }
.related.products .owl-stage{ display:flex; }
.related.products .owl-item .grid-item{ height:100%; }
.related.products .owl-nav button{ position:absolute; top:50%; transform:translateY(-50%); background:#0E2A4D !important; color:#fff !important; width:36px; height:36px; border-radius:50% !important; font-size:18px !important; }
.related.products .owl-nav .owl-prev{ left:-12px; }
.related.products .owl-nav .owl-next{ right:-12px; }
.related.products .owl-dots{ text-align:center; margin-top:12px; }
.related.products ul.products.owl-carousel{ display:block; }
.related.products ul.products:not(.owl-loaded){ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
@media (max-width:992px){ .related.products ul.products:not(.owl-loaded){ grid-template-columns:repeat(2,1fr); } }
@media (max-width:540px){ .related.products ul.products:not(.owl-loaded){ grid-template-columns:1fr; } }