/* =============================================
   MEDIS MEDICAL — CSS PROFISSIONAL
   Fonte: Inter (Google Fonts)
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* BASE GLOBAL */
body, html {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 15px;
  color: #1a1a2e;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* TIPOGRAFIA */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 600;
  color: #1F2A44;
  line-height: 1.3;
}

p, span, a, li, td, th, label, input, select, textarea {
  font-family: 'Inter', Arial, sans-serif !important;
}

/* BARRA SUPERIOR DE CREDENCIAIS B2B */
#medis-topbar {
  background: #1F2A44;
  width: 100%;
  z-index: 9999;
  border-bottom: 2px solid #1D9E75;
}

/* NAVBAR — mais profissional */
header, .header, nav, .nav {
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 500;
}

/* BOTÕES PRIMÁRIOS — mais destacados */
.btn-comprar,
.btn-primary,
.btn-carrinho,
a.btn,
button.btn,
.botao-comprar,
input[type="submit"],
.add-to-cart,
[class*="btn-comprar"],
[class*="botao"] {
  background: #1D9E75 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.3px !important;
  padding: 12px 24px !important;
  transition: background 0.2s, transform 0.1s !important;
  text-transform: none !important;
}

.btn-comprar:hover,
.btn-primary:hover,
input[type="submit"]:hover,
.add-to-cart:hover {
  background: #17875f !important;
  transform: translateY(-1px) !important;
}

/* PREÇOS */
.preco, .price, [class*="preco"], [class*="price"] {
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #1F2A44 !important;
}

.preco-pix, [class*="pix"] {
  color: #1D9E75 !important;
  font-weight: 600 !important;
}

/* CARDS DE PRODUTO */
.produto, .product, [class*="produto"], [class*="product-item"] {
  border-radius: 8px !important;
  border: 1px solid #e8ecf0 !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
  overflow: hidden;
}

.produto:hover, .product:hover, [class*="produto"]:hover {
  box-shadow: 0 4px 20px rgba(31,42,68,0.12) !important;
  transform: translateY(-2px) !important;
}

/* NOME DO PRODUTO */
.produto-nome, .product-name, [class*="product-name"], [class*="produto-nome"] {
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #1F2A44 !important;
  line-height: 1.4 !important;
}

/* MENU DE NAVEGAÇÃO */
.menu-item a, nav a, .nav-link {
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
}

/* BANNER TARJA (faixa de benefícios) */
.banner-tarja, [class*="tarja"], [class*="benefit"] {
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 500 !important;
}

/* RODAPÉ */
footer, .footer {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 13px !important;
}

/* BREADCRUMB */
.breadcrumb, [class*="breadcrumb"] {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 13px !important;
  color: #666 !important;
}

/* FORMULÁRIOS */
input, select, textarea {
  font-family: 'Inter', Arial, sans-serif !important;
  border-radius: 6px !important;
  border: 1px solid #d0dce8 !important;
}

input:focus, select:focus, textarea:focus {
  border-color: #1D9E75 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(29,158,117,0.15) !important;
}

/* BADGES E SELOS */
.badge, .tag, [class*="badge"], [class*="tag-"] {
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
}

/* PÁGINAS INSTITUCIONAIS */
.pagina-conteudo, [class*="pagina-conteudo"], .static-page {
  font-family: 'Inter', Arial, sans-serif !important;
  max-width: 960px !important;
  margin: 0 auto !important;
}

/* =============================================
   MELHORIAS HOMEPAGE — NOMES DE PRODUTO
   ============================================= */

/* Capitalização dos nomes de produto */
.produto-nome,
.product-name,
[class*="product-name"],
[class*="produto-nome"],
.nome-produto,
h2.nome,
.vitrine .nome,
.prateleira .nome,
.shelf .name,
[class*="shelf"] h2,
[class*="prateleira"] h2,
[class*="vitrine"] h2 {
  text-transform: capitalize !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  color: #1F2A44 !important;
}

/* Título das seções da vitrine */
.vitrine-title,
.shelf-title,
[class*="vitrine-title"],
[class*="shelf-title"],
.titulo-secao {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1F2A44 !important;
  letter-spacing: -0.3px !important;
}

/* Preço PIX destaque */
.preco-pix,
[class*="pix"],
.pix-price {
  color: #1D9E75 !important;
  font-weight: 700 !important;
}

/* =============================================
   REPOSICIONAMENTO ESTRATÉGICO — HOME
   ============================================= */

/* Ocultar seção Instrumentais da homepage */
.home-shelf:has(a[href*="instrumental"]),
.home-shelf:has(a[href*="instrumentai"]),
section[data-section*="instrumental"],
[class*="shelf"]:has([href*="instrumental"]) {
  display: none !important;
}

/* Ocultar seção Respiratório da homepage se vier antes de Equipamentos */
.home-shelf:has(a[href*="respiratorio"]):not(:first-of-type) {
  display: none !important;
}

/* Títulos das seções vitrine mais profissionais */
.home-shelf h2,
.shelf-title,
[class*="shelf"] h2,
[class*="vitrine"] h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1F2A44 !important;
  letter-spacing: -0.3px !important;
  margin-bottom: 4px !important;
}

/* Subtítulo automático abaixo dos títulos de seção */
.home-shelf h2::after,
[class*="shelf"] h2::after {
  content: "Equipamentos com certificação ANVISA · Nota Fiscal · Entrega para todo o Brasil";
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #888;
  letter-spacing: 0;
  margin-top: 4px;
}

/* Faixa de credibilidade abaixo da barra de benefícios */
.banner-tarja::after,
[class*="tarja"]::after,
[class*="benefit"]::after {
  content: "";
}

/* Injetar faixa de credibilidade via CSS counter */
[class*="tarja"] + *::before,
[class*="benefit-bar"] + *::before {
  display: block;
  background: #1F2A44;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  font-size: 13px;
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  content: "✓ +7 anos no mercado   ·   ✓ Registro ANVISA em todos os produtos   ·   ✓ Nota Fiscal garantida   ·   ✓ Entrega rastreada para todo o Brasil";
}

/* Cards de produto — remover borda inferior colorida que fica estranha */
.produto:hover,
[class*="product-item"]:hover,
[class*="shelf-item"]:hover {
  border-color: #1D9E75 !important;
  box-shadow: 0 4px 16px rgba(29,158,117,0.12) !important;
}

/* Preço "no pix" em verde forte */
[class*="pix"],
[class*="preco-pix"],
.pix-label {
  color: #1D9E75 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

/* Botão Comprar — mais destaque */
[class*="btn-comprar"],
[class*="botao-comprar"],
.add-to-cart-btn {
  background: #1D9E75 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  letter-spacing: 0.3px !important;
  padding: 12px 0 !important;
  transition: background 0.2s !important;
}

[class*="btn-comprar"]:hover {
  background: #17875f !important;
}

/* Botão WhatsApp nos produtos — mais sutil */
[class*="whatsapp"],
[class*="btn-whats"] {
  opacity: 0.85 !important;
  font-size: 13px !important;
}

/* =============================================
   REPOSICIONAMENTO HOME — SELETORES PRECISOS
   IDs descobertos via inspeção do Grand Store
   ============================================= */

/* Ocultar seções da vitrine home que não são foco */
/* Instrumentais: vitrine-19881920 */
.vitrine-19881920 { display: none !important; }

/* Respiratório: vitrine-19733852 */
.vitrine-19733852 { display: none !important; }

/* Gastro: vitrine-19733908 */
.vitrine-19733908 { display: none !important; }

/* Ortopedia: vitrine-23623203 */
.vitrine-23623203 { display: none !important; }

/* Veterinária: vitrine-19733851 */
.vitrine-19733851 { display: none !important; }

/* Manter Equipamentos (vitrine-19835680) e Lançamentos (vitrine-lancamento) visíveis */
.vitrine-19835680 { display: block !important; }
.vitrine-lancamento { display: block !important; }

/* Título das seções vitrine — mais profissional */
.listagem.vitrine-produtos .titulo-secao,
.listagem.vitrine-produtos h2 {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1F2A44 !important;
}

/* ===== CORREÇÕES SOLICITADAS (17/06) ===== */

/* 1. Lupa de busca: verde -> cinza (cor original) */
.botao-busca {
  background: #808080 !important;
  border-color: #808080 !important;
}
.botao-busca i,
.botao-busca svg,
.botao-busca svg path {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* 2. Remover balão de chat extra (mantém os 2 botões de WhatsApp) */
.suporte-flutuante.central-botao.lado-esquerdo {
  display: none !important;
}


/* 3. Botão de diminuir quantidade (-): verde -> branco original */
.quantity-down.botao-quantidade,
.quantity-up.botao-quantidade {
  background: #ffffff !important;
  color: #555555 !important;
  border: 1px solid #d5d5d5 !important;
}
.quantity-down.botao-quantidade:hover,
.quantity-up.botao-quantidade:hover {
  background: #f3f3f3 !important;
}


/* Fix: botão + não coberto pelo botão Comprar */
.qtde-adicionar-carrinho {
  min-width: 160px !important;
  width: auto !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 2 !important;
}
.quantity-button.quantity-up.botao-quantidade,
.quantity-button.quantity-down.botao-quantidade {
  position: relative !important;
  z-index: 3 !important;
  pointer-events: all !important;
}
.botao-comprar-ajax {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}