/* ════════════════════════════════════════════════════════
   LOJA-FIXES.CSS — MachLaser
   Correções para a página da loja WooCommerce.
   Enfileirar APÓS style-novo.css.

   O banner hero da loja (`.loja-hero-banner`) é ESCURO
   e herda o visual language do tema — sem overrides aqui.
   Apenas a seção de grid de produtos precisa de fundo claro.
════════════════════════════════════════════════════════ */

/* ─── 1. FUNDO BRANCO NA ÁREA DE GRID (abaixo do banner) ─── */
body.woocommerce-page .produtos-grid-section,
body.post-type-archive-product .produtos-grid-section,
body.tax-product_cat .produtos-grid-section,
body.tax-product_tag .produtos-grid-section {
  background: #f8f9fb !important;
}

/* Garantir que o wrapper/page não aplique fundo escuro no grid */
body.woocommerce-page #page,
body.woocommerce-page #content,
body.woocommerce-page .site-content,
body.woocommerce-page main {
  background: transparent !important; /* banner escuro + grid claro coexistem */
}

/* ─── 2. QUICK FILTER — garantir fundo branco ────────────── */
body.woocommerce-page .loja-quick-filter,
body.post-type-archive-product .loja-quick-filter {
  background: #ffffff !important;
}

/* ─── 3. TOOLBAR: TEXTO ESCURO ───────────────────────────── */
body.woocommerce-page .produtos-toolbar,
body.woocommerce-page .toolbar-count,
body.woocommerce-page .toolbar-sort-label {
  color: #374151;
}
body.woocommerce-page .toolbar-count strong {
  color: #0D1120;
}

/* ─── 4. SIDEBAR: GARANTIR FUNDO BRANCO ─────────────────── */
body.woocommerce-page .filtros-sidebar {
  background: #ffffff !important;
  color: #374151 !important;
}
body.woocommerce-page .filtros-header {
  color: #0D1120 !important;
}
body.woocommerce-page .filtro-group-title {
  color: #9CA3AF !important;
}
body.woocommerce-page .filtro-check {
  color: #374151 !important;
  text-decoration: none;
}

/* ─── 5. CARDS: FUNDO BRANCO COM BORDA CLARA ────────────── */
body.woocommerce-page .prod-card-real {
  background: #ffffff !important;
  border-color: #e4e9f0 !important;
}
body.woocommerce-page .prod-card-real h3 {
  color: #0d1f3c !important;
}
body.woocommerce-page .prod-card-real .prod-sku {
  color: #7a8fa8 !important;
}
body.woocommerce-page .prod-card-real .prod-benefit {
  color: #3d5068 !important;
}

/* ─── 6. BOTÃO ADICIONAR AO ORÇAMENTO: estado "adicionado" ─ */
.btn-add-orcamento.adicionado,
.btn-add-orcamento[data-adicionado="true"] {
  background: rgba(37,211,102,.12) !important;
  color: var(--green, #25D366) !important;
}

/* ─── 7. PAGINAÇÃO NO TEMA BRANCO ───────────────────────── */
body.woocommerce-page .woocommerce-pagination ul li a,
body.woocommerce-page .woocommerce-pagination ul li span {
  color: #6B7280;
  border-color: rgba(0,0,0,.12);
  background: #fff;
}
body.woocommerce-page .woocommerce-pagination ul li a:hover {
  border-color: #0057ff;
  color: #0057ff;
}
body.woocommerce-page .woocommerce-pagination ul li span.current {
  background: #0057ff;
  border-color: #0057ff;
  color: #fff;
}

/* ─── 8. CTA STRIP: FUNDO CLARO ─────────────────────────── */
body.woocommerce-page .produtos-cta-strip {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  border-radius: 16px;
}
body.woocommerce-page .pcs-item strong {
  color: #0D1120 !important;
}
body.woocommerce-page .pcs-item span {
  color: #6B7280 !important;
}
body.woocommerce-page .pcs-item svg {
  stroke: var(--blue, #0057ff) !important;
}

/* ─── 9. SCROLL-MARGIN PARA ÂNCORAS COM HEADER FIXO ───── */
#loja-section { scroll-margin-top: 72px; }
#produtos      { scroll-margin-top: 120px; } /* hero ancora: header não scrolled */