/* ============================================================
   TEMA DARK do site KVA — ativado pela classe html.kva-dark.
   LIGHT = tema original (sem overrides). Alterna no botão Sol/Lua (header).
   Padrão na 1ª visita = preferência do aparelho (definido no header.php).
   Paleta: #0a2540 / #020617 / #000 (fundo) · #00c6ff / #0072ff (azul)
           #facc15 (amarelo) · #f9fafb (títulos) · #94a3b8 (texto)
   ============================================================ */

/* ---------- BOTÃO SOL/LUA (visível nos 2 temas) ---------- */
.kva-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin-left: 18px;
  padding: 0;
  border: 1px solid rgba(128, 128, 128, 0.4);
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: transform 0.25s ease, border-color 0.25s ease;
}
.kva-theme-toggle:hover { transform: rotate(20deg); border-color: #00c6ff; }
.kva-theme-toggle svg { width: 20px; height: 20px; display: block; }
.kva-theme-toggle .kva-icon-sun { display: none; }
.kva-theme-toggle .kva-icon-moon { display: block; }
html.kva-dark .kva-theme-toggle {
  background: #facc15;
  color: #0a2540;
  border: none;
  box-shadow: 0 4px 14px rgba(250, 204, 21, 0.45);
}
html.kva-dark .kva-theme-toggle:hover { box-shadow: 0 6px 18px rgba(250, 204, 21, 0.65); }
html.kva-dark .kva-theme-toggle .kva-icon-sun { display: block; }
html.kva-dark .kva-theme-toggle .kva-icon-moon { display: none; }

/* MODO CLARO: botão bem evidente (chama atenção pra trocar pro escuro) */
html:not(.kva-dark) .kva-theme-toggle {
  background: linear-gradient(135deg, #0072ff, #00c6ff);
  border: none;
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 114, 255, 0.4);
  animation: kvaTogglePulse 2.6s ease-in-out infinite;
}
html:not(.kva-dark) .kva-theme-toggle:hover { animation: none; transform: rotate(20deg) scale(1.08); }
@keyframes kvaTogglePulse {
  0%, 100% { box-shadow: 0 4px 14px rgba(0, 114, 255, 0.4), 0 0 0 0 rgba(0, 198, 255, 0.55); }
  50%      { box-shadow: 0 4px 14px rgba(0, 114, 255, 0.4), 0 0 0 9px rgba(0, 198, 255, 0); }
}
@media (prefers-reduced-motion: reduce) {
  html:not(.kva-dark) .kva-theme-toggle { animation: none; }
}

/* MOBILE + TABLET: posiciona o toggle ao LADO da hamburger (era empurrado
   pra trás dela). A .menu-anchor é absolute right:20px top:45px width:40px
   -> hamburger ocupa right:20-60. Toggle (40px) vai pra right:70 -> right:110.
   Vale até 1024px porque a hamburger aparece cedo (tablet). */
@media (max-width: 1024px) {
  .kva-theme-toggle {
    position: absolute !important;
    right: 70px !important;
    top: 40px !important;
    margin-left: 0 !important;
    z-index: 9998 !important;
  }
}

/* MOBILE: características do produto — no mobile o CSS base usa nth-child(odd)
   com #e0e0e0 (cinza claro), o que destoava no dark. Substitui por faixa sutil. */
@media (max-width: 768px) {
  html.kva-dark .produto-infos #tabs-caracteristicas li:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.04) !important;
  }
}

/* HOME slider: degradê BEM sutil no topo e na base SÓ no modo escuro
   p/ suavizar a transição entre o header escuro -> slide claro -> seções abaixo. */
html.kva-dark .slide-home { position: relative; }
html.kva-dark .slide-home::before,
html.kva-dark .slide-home::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 35px;
  pointer-events: none;
  z-index: 5;
}
html.kva-dark .slide-home::before {
  top: 0;
  background: linear-gradient(180deg, rgba(2,6,23,0.75) 0%, rgba(2,6,23,0) 100%);
}
html.kva-dark .slide-home::after {
  bottom: 0;
  background: linear-gradient(0deg, rgba(2,6,23,0.75) 0%, rgba(2,6,23,0) 100%);
}

/* ============================================================
   POPUP WhatsApp (#overlay + #modal) — modo escuro (mobile + desktop)
   ============================================================ */
html.kva-dark #overlay { background: rgba(0, 0, 0, 0.7) !important; }
html.kva-dark #modal {
  background: linear-gradient(180deg, #0b1b2e 0%, #07111d 100%) !important;
  color: #e6edf7 !important;
  border: 1px solid rgba(0, 198, 255, 0.2) !important;
  border-radius: 14px !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6) !important;
}
html.kva-dark #modal .modal-header h2,
html.kva-dark #modal h2 { color: #ffffff !important; }
html.kva-dark #modal .modal-header svg { color: #25D366 !important; fill: #25D366 !important; }
html.kva-dark #modal .field label,
html.kva-dark #modal label {
  color: #cbd5f5 !important;
  font-weight: 600;
}
html.kva-dark #modal .btn-close {
  color: #cbd5f5 !important;
  background: transparent !important;
  border: none !important;
}
html.kva-dark #modal .btn-close:hover { color: #ff6b6b !important; }

/* selects: campo escuro + popup nativo escuro (color-scheme) */
html.kva-dark #modal select {
  background: rgba(15, 23, 42, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #e6edf7 !important;
  border-radius: 8px !important;
  color-scheme: dark;
}
html.kva-dark #modal select option {
  background: #0a2540 !important;
  color: #f9fafb !important;
}
html.kva-dark #modal select option:checked,
html.kva-dark #modal select option:hover {
  background: #0072ff !important;
  color: #fff !important;
}
html.kva-dark #modal select:focus {
  border-color: #00c6ff !important;
  box-shadow: 0 0 0 3px rgba(0, 198, 255, 0.18) !important;
  outline: none !important;
}

/* bloco do resultado (Falar com X – Consultor de vendas + botão) */
html.kva-dark #modal .result-link,
html.kva-dark #modal #resultLink {
  background: rgba(0, 198, 255, 0.06) !important;
  border: 1px solid rgba(0, 198, 255, 0.22) !important;
  border-radius: 12px !important;
  padding: 18px !important;
}
/* texto descritivo */
html.kva-dark #modal .result-link p,
html.kva-dark #modal #resultDesc,
html.kva-dark #modal #resultDesc * { color: #e6edf7 !important; }
/* nome do consultor em negrito -> ciano com glow leve */
html.kva-dark #modal #resultDesc strong,
html.kva-dark #modal #resultDesc b {
  color: #00c6ff !important;
  font-weight: 700 !important;
  text-shadow: 0 0 10px rgba(0, 198, 255, 0.35);
}

/* botão "Abrir WhatsApp" em verde WA */
html.kva-dark #modal #resultAnchor,
html.kva-dark #modal .result-link a {
  background: #25D366 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4) !important;
}
html.kva-dark #modal #resultAnchor:hover,
html.kva-dark #modal .result-link a:hover { background: #20bd5a !important; }

/* MOBILE: menu suspenso (.nav-mobile) escuro (era branco com texto cinza). */
html.kva-dark .nav-mobile {
  background: rgba(2, 6, 23, 0.97) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(0, 198, 255, 0.3);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55);
}
html.kva-dark .nav-mobile a,
html.kva-dark .nav-mobile li { color: #cbd5f5 !important; }
html.kva-dark .nav-mobile a:hover,
html.kva-dark .nav-mobile li.current a,
html.kva-dark .nav-mobile li.current-menu-item a,
html.kva-dark .nav-mobile li.current_page_item a { color: #00c6ff !important; }
/* submenus (ATENDIMENTO ▼ / CONTATO ▼) */
html.kva-dark .nav-mobile .sub-menu { background: transparent !important; }
html.kva-dark .nav-mobile .sub-menu a { color: #94a3b8 !important; }
html.kva-dark .nav-mobile .sub-menu a:hover { color: #00c6ff !important; }

/* ============================================================
   BASE GLOBAL — todas as páginas no modo escuro
   ============================================================ */
html.kva-dark body {
  background: #000;
  background: radial-gradient(circle at 75% 12%, #0a2540 0%, #020617 55%, #000 100%);
  background-attachment: fixed;
  color: #94a3b8;
}
html.kva-dark h1,
html.kva-dark h2 { color: #f9fafb; }
html.kva-dark h3 { color: #00c6ff; }
html.kva-dark h1:after { background-color: #00c6ff; box-shadow: 0 0 12px rgba(0, 198, 255, 0.8); }
html.kva-dark p { color: #94a3b8; }
html.kva-dark a { color: #cbd5f5; }
html.kva-dark a:hover { color: #00c6ff; }

/* BOTÕES */
html.kva-dark .btn {
  display: inline-block;
  border: none;
  border-radius: 999px;
  background: linear-gradient(90deg, #0072ff, #00c6ff);
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.3px;
  box-shadow: 0 8px 24px rgba(0, 114, 255, 0.32);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
html.kva-dark .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0, 198, 255, 0.5); color: #fff; }

/* HEADER (escuro em todas as páginas) */
html.kva-dark header {
  position: relative;
  z-index: 1000;
  background-color: rgba(2, 6, 23, 0.92);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
html.kva-dark .header-content .logo path { fill: #fff; }
html.kva-dark .header-content nav ul li a { color: #cbd5f5; }
html.kva-dark .header-content nav ul li a:hover,
html.kva-dark .header-content nav ul li.current-menu-item a { color: #00c6ff; }
html.kva-dark .header-content nav ul li.menu-item-has-children ul {
  background: rgba(10, 37, 64, 0.97);
  border-top: 3px solid #00c6ff;
}
html.kva-dark .header-content nav ul li.menu-item-has-children ul li a { color: #cbd5f5; }
html.kva-dark .header-content nav ul li.menu-item-has-children ul li a:hover { color: #00c6ff; }
/* UNDERLINE do item ativo — cyan no lugar do amarelo (#fbcc00) original */
html.kva-dark .header-content nav ul li.current-menu-item:after,
html.kva-dark body.search .header-content nav ul li.nav-blog:after,
html.kva-dark body.archive.date .header-content nav ul li.nav-blog:after,
html.kva-dark body.archive.category .header-content nav ul li.nav-blog:after,
html.kva-dark body.single-post .header-content nav ul li.nav-blog:after,
html.kva-dark body.single-product .header-content nav ul li.nav-produtos:after,
html.kva-dark body.tax-product_cat .header-content nav ul li.nav-produtos:after {
  background-color: #00c6ff;
}
/* separadores tracejados do dropdown — sutis no dark (eram cinza claro #D6D6D6) */
html.kva-dark .header-content nav ul li.menu-item-has-children ul li {
  border-bottom-color: rgba(0, 198, 255, 0.18);
}
html.kva-dark .menu-anchor .line { background-color: #fff; }

/* FOOTER (já escuro nos 2 temas — mantém texto claro) */
html.kva-dark footer .footer-content,
html.kva-dark footer .footer-infos li b,
html.kva-dark footer a { color: #fff; }

/* FORMULÁRIOS genéricos no escuro */
html.kva-dark input[type="text"],
html.kva-dark input[type="email"],
html.kva-dark input[type="tel"],
html.kva-dark input[type="search"],
html.kva-dark input[type="number"],
html.kva-dark textarea,
html.kva-dark select {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
}
html.kva-dark ::placeholder { color: #94a3b8; opacity: 1; }

/* ============================================================
   HOME (html.kva-dark body.home ...)
   ============================================================ */
html.kva-dark body.home .inc-beneficios { background: transparent; }
html.kva-dark body.home .inc-beneficios ul li img {
  padding: 18px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(0, 198, 255, 0.2);
  box-shadow: 0 8px 30px rgba(0, 150, 255, 0.15);
}
html.kva-dark body.home .inc-beneficios ul li .title { color: #f9fafb; }
html.kva-dark body.home .inc-beneficios ul li p { color: #94a3b8; }

html.kva-dark .inc-categorias-produtos { background: transparent; }
html.kva-dark .inc-categorias-produtos li {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
html.kva-dark .inc-categorias-produtos li:hover {
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid #00c6ff;
  transform: translateY(-6px);
  box-shadow: 0 0 25px rgba(0, 198, 255, 0.45), 0 28px 60px rgba(0, 150, 255, 0.3);
}
html.kva-dark .inc-categorias-produtos .imagem {
  background: #0a2540;
  border: 1px solid rgba(0, 198, 255, 0.5);
  box-shadow: 0 0 30px rgba(0, 150, 255, 0.25);
}
html.kva-dark .inc-categorias-produtos .title { color: #f9fafb; }
html.kva-dark .inc-categorias-produtos .description { color: #94a3b8; }

html.kva-dark body.home .inc-depoimentos { background: transparent; }
html.kva-dark body.home .inc-depoimentos .slick-depoimentos .imagem {
  background: #0a2540;
  border: 2px solid rgba(0, 198, 255, 0.4);
  box-shadow: 0 0 30px rgba(0, 150, 255, 0.25);
}
html.kva-dark body.home .inc-depoimentos .slick-depoimentos .nome { color: #00c6ff; }
html.kva-dark body.home .inc-depoimentos .slick-depoimentos .cargo { color: #94a3b8; }
html.kva-dark body.home .inc-depoimentos .slick-depoimentos p { color: #cbd5f5; }
html.kva-dark body.home .inc-depoimentos .slick-prev:before,
html.kva-dark body.home .inc-depoimentos .slick-next:before { color: #00c6ff; }

html.kva-dark body.home .inc-blog { background: transparent; }
html.kva-dark body.home .inc-blog ul li {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
html.kva-dark body.home .inc-blog ul li:hover { transform: translateY(-6px); box-shadow: 0 28px 60px rgba(0, 150, 255, 0.22); }
html.kva-dark body.home .inc-blog ul li .category { background-color: #0072ff; color: #fff; }
html.kva-dark body.home .inc-blog ul li .content .title { color: #f9fafb; }
html.kva-dark body.home .inc-blog ul li .content p { color: #94a3b8; }
html.kva-dark body.home .inc-blog ul li .content .more { color: #00c6ff; }

html.kva-dark body.home .inc-cta {
  background: linear-gradient(90deg, rgba(10, 37, 64, 0.92), rgba(2, 6, 23, 0.8)),
    url(images/cta-bg.jpg) no-repeat center center / cover;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
html.kva-dark body.home .inc-cta .left .title { color: #f9fafb; }
html.kva-dark body.home .inc-cta .left p { color: #94a3b8; }
html.kva-dark body.home .inc-cta .right .wpcf7-text {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
}
html.kva-dark body.home .inc-cta .right .wpcf7-submit {
  border: 2px solid #00c6ff;
  background: #00c6ff url(images/arrow-form.png) no-repeat center center;
}
html.kva-dark body.home .inc-cta .right .wpcf7-submit:hover { border: 2px solid #0072ff; background-color: #0072ff; }

html.kva-dark body.home .inc-clientes { background: transparent; }
html.kva-dark body.home .inc-clientes .slick-slide img {
  filter: none;
  background: #fff;
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
html.kva-dark body.home .inc-clientes .slick-prev:before,
html.kva-dark body.home .inc-clientes .slick-next:before { color: #00c6ff; }

/* DOTS do slider hero da home — cyan (eram pretos/invisíveis no fundo escuro) */
html.kva-dark body.home .slide-home .slick-dots li button:before {
  color: #00c6ff;
  opacity: 0.4;
  font-size: 10px;
}
html.kva-dark body.home .slide-home .slick-dots li.slick-active button:before {
  color: #00c6ff;
  opacity: 1;
}

html.kva-dark body.home .inc-contato {
  background: linear-gradient(90deg, rgba(2, 6, 23, 0.92), rgba(10, 37, 64, 0.82)),
    url(images/inc-contato-bg.jpg) no-repeat center center / cover;
}
html.kva-dark body.home .inc-contato .left p { color: #cbd5f5; }
html.kva-dark body.home .inc-contato label,
html.kva-dark body.home .inc-contato .wpforms-field-label,
html.kva-dark body.home .inc-contato .wpforms-field-label-inline { color: #f9fafb !important; }
html.kva-dark body.home .inc-contato .wpforms-required-label { color: #ff6b6b; }
html.kva-dark body.home .inc-contato ::placeholder { color: #94a3b8 !important; opacity: 1; }
html.kva-dark body.home .inc-contato select,
html.kva-dark body.home .inc-contato .wpforms-field select,
html.kva-dark body.home .inc-contato .wpforms-field input { color: #f9fafb !important; }

/* HOME Fale Conosco: campos modernos no escuro (mesmo padrão das páginas de form) */
html.kva-dark body.home .inc-contato input[type="text"],
html.kva-dark body.home .inc-contato input[type="email"],
html.kva-dark body.home .inc-contato input[type="tel"],
html.kva-dark body.home .inc-contato .wpforms-field input,
html.kva-dark body.home .inc-contato select,
html.kva-dark body.home .inc-contato textarea {
  background: rgba(15, 23, 42, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f9fafb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
html.kva-dark body.home .inc-contato input:focus,
html.kva-dark body.home .inc-contato select:focus,
html.kva-dark body.home .inc-contato textarea:focus {
  border-color: #00c6ff !important;
  box-shadow: 0 0 0 3px rgba(0, 198, 255, 0.18) !important;
  outline: none !important;
}
/* select (Setor): popup nativo escuro */
html.kva-dark body.home .inc-contato select { color-scheme: dark; }
html.kva-dark body.home .inc-contato select option { background: #0a2540 !important; color: #f9fafb !important; }
html.kva-dark body.home .inc-contato select option:checked,
html.kva-dark body.home .inc-contato select option:hover { background: #0072ff !important; color: #fff !important; }
html.kva-dark body.home .inc-contato select option.placeholder,
html.kva-dark body.home .inc-contato select option:disabled { color: #94a3b8 !important; }
/* botão Enviar: pílula gradiente */
html.kva-dark body.home .inc-contato .wpforms-submit {
  background: linear-gradient(90deg, #0072ff, #00c6ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 44px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 24px rgba(0, 150, 255, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
  cursor: pointer;
}
html.kva-dark body.home .inc-contato .wpforms-submit:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 150, 255, 0.42) !important;
}

/* ============================================================
   PÁGINAS DE FORMULÁRIO — template "Contato" (.contato-content)
   Cobre: Fale Conosco (WPForms #2181), Trabalhe Conosco (CF7),
   Ouvidoria (CF7). Visual moderno: campos escuros, glow no foco.
   ============================================================ */

/* Texto da coluna esquerda (descrição) -> claro */
html.kva-dark .contato-content .left .box,
html.kva-dark .contato-content .left .box p { color: #cbd5f5; }

/* Rótulos dos campos (CF7 + WPForms) -> claros */
html.kva-dark .contato-content .contato label,
html.kva-dark .contato-content .wpforms-field-label,
html.kva-dark .contato-content .wpforms-field-label-inline,
html.kva-dark .contato-content .wpcf7-list-item-label { color: #f9fafb !important; }
html.kva-dark .contato-content .wpforms-field-description,
html.kva-dark .contato-content .wpcf7-list-item { color: #94a3b8; }
html.kva-dark .contato-content .wpforms-required-label,
html.kva-dark .contato-content .wpcf7-required { color: #ff6b6b; }

/* Campos: fundo escuro translúcido + borda sutil + cantos arredondados */
html.kva-dark .contato-content input[type="text"],
html.kva-dark .contato-content input[type="email"],
html.kva-dark .contato-content input[type="tel"],
html.kva-dark .contato-content input[type="number"],
html.kva-dark .contato-content input[type="file"],
html.kva-dark .contato-content select,
html.kva-dark .contato-content textarea {
  background: rgba(15, 23, 42, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f9fafb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
html.kva-dark .contato-content ::placeholder { color: #94a3b8 !important; opacity: 1; }

/* Foco -> glow azul KVA */
html.kva-dark .contato-content input:focus,
html.kva-dark .contato-content select:focus,
html.kva-dark .contato-content textarea:focus {
  border-color: #00c6ff !important;
  box-shadow: 0 0 0 3px rgba(0, 198, 255, 0.18) !important;
  outline: none !important;
}

/* Select (Setor) — força o popup nativo a renderizar no escuro */
html.kva-dark .contato-content select { color-scheme: dark; }
html.kva-dark .contato-content select option,
html.kva-dark .contato-content select optgroup {
  background: #0a2540 !important;
  color: #f9fafb !important;
}
html.kva-dark .contato-content select option:checked,
html.kva-dark .contato-content select option:hover {
  background: #0072ff !important;
  color: #fff !important;
}
html.kva-dark .contato-content select option.placeholder,
html.kva-dark .contato-content select option:disabled { color: #94a3b8 !important; }

/* Upload de currículo (CF7 input[type=file]) — botão "Escolher arquivo" estilizado */
html.kva-dark .contato-content input[type="file"] { padding: 8px 12px !important; cursor: pointer; }
html.kva-dark .contato-content input[type="file"]::file-selector-button {
  background: linear-gradient(90deg, #0072ff, #00c6ff);
  color: #fff; border: none; border-radius: 8px;
  padding: 8px 16px; margin-right: 12px; font-weight: 600; cursor: pointer;
  transition: filter 0.2s ease;
}
html.kva-dark .contato-content input[type="file"]::file-selector-button:hover { filter: brightness(1.1); }
html.kva-dark .contato-content input[type="file"]::-webkit-file-upload-button {
  background: linear-gradient(90deg, #0072ff, #00c6ff);
  color: #fff; border: none; border-radius: 8px;
  padding: 8px 16px; margin-right: 12px; font-weight: 600; cursor: pointer;
}

/* Radios (Ouvidoria) — acento ciano + espaçamento */
html.kva-dark .contato-content .wpcf7-radio .wpcf7-list-item { margin: 0 18px 0 0; }
html.kva-dark .contato-content input[type="radio"] { accent-color: #00c6ff; }

/* Campo readonly (E-mail para:) — mais apagado (vem depois p/ vencer a regra geral) */
html.kva-dark .contato-content .wpforms-field-readonly input {
  background: rgba(15, 23, 42, 0.35) !important;
  color: #94a3b8 !important;
  border-style: dashed !important;
}

/* Botão de envio — pílula gradiente azul */
html.kva-dark .contato-content .wpforms-submit,
html.kva-dark .contato-content .wpcf7-submit,
html.kva-dark .contato-content input[type="submit"] {
  background: linear-gradient(90deg, #0072ff, #00c6ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 40px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 24px rgba(0, 150, 255, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
  cursor: pointer;
}
html.kva-dark .contato-content .wpforms-submit:hover,
html.kva-dark .contato-content .wpcf7-submit:hover,
html.kva-dark .contato-content input[type="submit"]:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 150, 255, 0.42) !important;
}

/* CF7 emite campos UTM ocultos seguidos de <br> — esconde os <br> órfãos
   que empurram o botão "Enviar" pra longe da Mensagem (Trabalhe Conosco/Ouvidoria) */
html.kva-dark .contato-content .wpcf7-hidden + br { display: none; }

/* ============================================================
   CATEGORIA DE PRODUTOS (html.kva-dark body.tax-product_cat ...)
   ============================================================ */
html.kva-dark body.tax-product_cat .categoria-produtos-content .breadcrumb,
html.kva-dark body.tax-product_cat .categoria-produtos-content .breadcrumb a { color: #00c6ff; }
html.kva-dark body.tax-product_cat .categoria-produtos-content .produtos { border: 1px solid rgba(255, 255, 255, 0.1); }
html.kva-dark body.tax-product_cat .categoria-produtos-content .produtos span.title { color: #00c6ff; background-color: transparent !important; }

/* Imagem e título do produto na categoria agora são links (.kva-card-link).
   Cor herdada e sem sublinhado pra não quebrar o layout. */
.categoria-produtos-content .produtos li .kva-card-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.categoria-produtos-content .produtos li .kva-card-link:hover,
.categoria-produtos-content .produtos li .kva-card-link:focus { text-decoration: none; color: inherit; }

/* Esconde o botão "Comparar" e os <br> próximos quando a categoria está
   desabilitada (outra categoria foi escolhida pra comparar). Vale nos dois modos. */
.categoria-produtos-content .produtos:has(ul.disable) .br_compare_button,
.categoria-produtos-content .produtos:has(ul.disable) > br { display: none !important; }

/* AVISO "categorias diferentes não podem ser comparados" — vira alerta amarelo.
   Estrutura (posição/largura/padding) vale nos dois modos. */
.categoria-produtos-content .produtos .compare-block {
  position: static !important;
  bottom: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 20px 0 0 !important;
  padding: 14px 20px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: center !important;
  z-index: auto !important;
}
/* Cores no MODO ESCURO (amarelo brilhante sobre fundo escuro) */
html.kva-dark .categoria-produtos-content .produtos .compare-block {
  background: rgba(250, 204, 21, 0.08) !important;
  border: 1px solid rgba(250, 204, 21, 0.35) !important;
  border-left: 4px solid #facc15 !important;
  color: #facc15 !important;
}
/* Cores no MODO CLARO (amarelo mais escuro/legível sobre fundo claro) */
html:not(.kva-dark) .categoria-produtos-content .produtos .compare-block {
  background: rgba(250, 204, 21, 0.18) !important;
  border: 1px solid rgba(202, 138, 4, 0.35) !important;
  border-left: 4px solid #ca8a04 !important;
  color: #92400e !important;
}
html.kva-dark body.tax-product_cat .categoria-produtos-content .produtos ul li {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
html.kva-dark body.tax-product_cat .categoria-produtos-content li:hover {
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid #00c6ff;
  transform: translateY(-6px);
  box-shadow: 0 0 25px rgba(0, 198, 255, 0.45), 0 28px 60px rgba(0, 150, 255, 0.3);
}
html.kva-dark body.tax-product_cat .categoria-produtos-content .imagem {
  background: #0a2540;
  border: 1px solid rgba(0, 198, 255, 0.5);
  box-shadow: 0 0 30px rgba(0, 150, 255, 0.25);
}
html.kva-dark body.tax-product_cat .categoria-produtos-content .title { height: auto; min-height: 40px; color: #f9fafb; }
html.kva-dark body.tax-product_cat .categoria-produtos-content .description { color: #94a3b8; }
/* selo "(Descontinuado)" igual nos DOIS modos (laranja, maiúsculo, em linha própria) */
html.kva-dark body.tax-product_cat .categoria-produtos-content .descontinuado,
html:not(.kva-dark) body.tax-product_cat .categoria-produtos-content .descontinuado {
  display: block;
  margin-bottom: 4px;
  color: #ff6a3d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* ============================================================
   PÁGINA "CONHEÇA A KVA" (sobre) — html.kva-dark .sobre-content
   ============================================================ */
/* textos escuros -> claros (História, blocos e Missão/Visão/Valores) */
html.kva-dark .sobre-content article .left .box,
html.kva-dark .sobre-content article .left .box p,
html.kva-dark .sobre-content article .box,
html.kva-dark .sobre-content article .box p,
html.kva-dark .sobre-content .mvv li p { color: #cbd5f5; }
/* remove o fundo claro inline (#f6f6f6) da seção (ex.: Jovem Aprendiz) */
html.kva-dark .sobre-content article { background-color: transparent !important; }

/* HISTÓRIA: troca a imagem do bloco só no modo escuro (imagem_black.png) */
html.kva-dark .sobre-content article:first-of-type .right img {
  content: url('/wp-content/uploads/2021/01/imagem_black.png');
  max-width: 100%;
  height: auto;
}

/* ============================================================
   PÁGINAS DE ATENDIMENTO (.atendimento-content): Suporte Técnico,
   Atendimento, Assistência Técnica etc. (compartilham a classe)
   ============================================================ */
/* texto dos blocos (.box na esquerda OU direita) */
html.kva-dark .atendimento-content article .box,
html.kva-dark .atendimento-content article .box p,
html.kva-dark .atendimento-content article .box li { color: #cbd5f5; }
/* rótulos em negrito -> branco */
html.kva-dark .atendimento-content article .box b,
html.kva-dark .atendimento-content article .box strong,
html.kva-dark .atendimento-content .atendimento-infos li b { color: #f9fafb; }
/* links E número/e-mail dos contatos -> ciano (inclui o span interno num-box-infos) */
html.kva-dark .atendimento-content article .box a,
html.kva-dark .atendimento-content .atendimento-infos li a,
html.kva-dark .atendimento-content .box-infos a,
html.kva-dark .atendimento-content .num-box-infos,
html.kva-dark .atendimento-content .consultor-whatsapp { color: #00c6ff; }
/* remove fundo claro inline (#f6f6f6) dos articles */
html.kva-dark .atendimento-content article { background-color: transparent !important; }
/* CARD DO CONSULTOR (orçamento/consultores): tira o fundo branco -> vidro escuro */
html.kva-dark .consultor-estado {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
html.kva-dark .consultor-estado .title { color: #f9fafb; }
html.kva-dark .consultor-estado .box-infos b { color: #f9fafb; }
html.kva-dark .consultor-estado .box-infos a,
html.kva-dark .consultor-estado .box-infos .consultor-fone { color: #00c6ff; }
/* mensagem "sem consultor neste estado" */
html.kva-dark .consultor-null,
html.kva-dark .consultor-null b { color: #cbd5f5; }

/* ============================================================
   PÁGINA ORÇAMENTO (.atendimento-orcamento) — categorias e nomes
   em azul (ciano) com glow, no estilo da categoria de produtos
   ============================================================ */
/* moldura mais suave */
html.kva-dark .atendimento-orcamento .produtos { border: 1px solid rgba(255, 255, 255, 0.1); }
/* título da categoria: ciano + glow, sobre fundo escuro (vira "legenda" na borda) */
html.kva-dark .atendimento-orcamento .produtos span.title {
  color: #00c6ff;
  background-color: #020617;
  text-shadow: 0 0 12px rgba(0, 198, 255, 0.55);
}
/* nome do produto: ciano + glow */
html.kva-dark .atendimento-orcamento .produtos ul li .title {
  color: #00c6ff;
  text-shadow: 0 0 12px rgba(0, 198, 255, 0.5);
}
/* "Quantidade" legível */
html.kva-dark .atendimento-orcamento .produtos ul li .quantidade { color: #94a3b8; }
/* círculo da imagem com borda/glow ciano (igual categoria de produtos) */
html.kva-dark .atendimento-orcamento .produtos ul li .imagem {
  border: 1px solid rgba(0, 198, 255, 0.5);
  box-shadow: 0 0 24px rgba(0, 150, 255, 0.25);
}

/* ============================================================
   PÁGINA DE PRODUTO (single) — vale p/ todos os produtos
   ============================================================ */
/* nome do produto (abaixo do slide) -> branco */
html.kva-dark .post-content .title { color: #f9fafb; }
/* DOWNLOADS: branco por padrão, ciano no hover (Manual, Instruções, Adicionais) */
html.kva-dark .single-produto .downloads ul li a,
html.kva-dark .single-produto .downloads ul li.btn-downloads-adicionais span,
html.kva-dark .single-produto .search-button { color: #fff; }
html.kva-dark .single-produto .downloads ul li a:hover,
html.kva-dark .single-produto .downloads ul li.btn-downloads-adicionais:hover span,
html.kva-dark .single-produto .search-button:hover { color: #00c6ff; }
/* divisores entre os downloads mais suaves no escuro */
html.kva-dark .single-produto .downloads ul li { border-right-color: rgba(255, 255, 255, 0.12); }

/* ---------- ABAS (Características / Informações / Garantia / Relacionados) ---------- */
/* botões das abas: vidro escuro */
html.kva-dark .single-produto .produto-infos .abas li {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: rgba(15, 23, 42, 0.6);
  color: #94a3b8;
}
html.kva-dark .single-produto .produto-infos .abas li a { color: #94a3b8; }
/* aba ativa: gradiente azul */
html.kva-dark .single-produto .produto-infos .abas .ui-tabs-active {
  background: linear-gradient(90deg, #0072ff, #00c6ff);
}
html.kva-dark .single-produto .produto-infos .abas .ui-tabs-active a { color: #fff; }
html.kva-dark .single-produto .produto-infos .abas .ui-tabs-active:after { border-top-color: #00c6ff; }
/* painéis de conteúdo: fundo escuro */
html.kva-dark .produto-infos #tabs-caracteristicas ul,
html.kva-dark .produto-infos #tabs-informacoes,
html.kva-dark .produto-infos #tabs-garantia { background-color: rgba(15, 23, 42, 0.55); }
/* itens: texto claro */
html.kva-dark .produto-infos #tabs-caracteristicas li,
html.kva-dark .produto-infos #tabs-informacoes li,
html.kva-dark .produto-infos #tabs-garantia { color: #cbd5f5; }
/* listras alternadas sutis */
html.kva-dark .produto-infos #tabs-caracteristicas li:nth-child(4n+1),
html.kva-dark .produto-infos #tabs-caracteristicas li:nth-child(4n+2),
html.kva-dark .produto-infos #tabs-informacoes li:nth-child(odd) { background-color: rgba(255, 255, 255, 0.04); }
/* setas ">" em ciano */
html.kva-dark .produto-infos #tabs-caracteristicas li:before { color: #00c6ff; }
/* títulos de seção (Informações Técnicas) mantêm destaque azul */
html.kva-dark .produto-infos #tabs-informacoes li.titulo { color: #fff; background-color: #0072ff; }

/* ---------- PRODUTOS RELACIONADOS (.listagem-produtos) ---------- */
html.kva-dark .listagem-produtos li {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(15, 23, 42, 0.6);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
html.kva-dark .listagem-produtos li:hover {
  border: 1px solid #00c6ff;
  background: rgba(15, 23, 42, 0.85);
  transform: translateY(-6px);
  box-shadow: 0 0 25px rgba(0, 198, 255, 0.4), 0 28px 60px rgba(0, 150, 255, 0.25);
}
html.kva-dark .listagem-produtos li .imagem {
  background: #fff;
  border: 1px solid rgba(0, 198, 255, 0.5);
  box-shadow: 0 0 24px rgba(0, 150, 255, 0.25);
}
/* NOME do produto mais evidente (maior + branco + glow) */
html.kva-dark .listagem-produtos li .title {
  height: auto;
  min-height: 44px;
  color: #ffffff;
  font-size: 21px;
  text-shadow: 0 0 14px rgba(0, 198, 255, 0.45);
}
/* descrição mais clara */
html.kva-dark .listagem-produtos li .description { color: #94a3b8; }

/* ---------- AVISO "DESCONTINUADO" no modo dark: tons de AMARELO (link azul) ---------- */
html.kva-dark .aviso-descontinuado {
  background: rgba(250, 204, 21, 0.10);
  border: 1px solid rgba(250, 204, 21, 0.35);
  border-left: 4px solid #facc15;
  color: #f0e6c0;
}
html.kva-dark .aviso-descontinuado .aviso-icone {
  background: rgba(250, 204, 21, 0.15);
  color: #facc15;
}
/* exceção: o link continua azul (ciano) */
html.kva-dark .aviso-descontinuado .aviso-texto a { color: #00c6ff; }
html.kva-dark .aviso-descontinuado .aviso-texto a:hover { color: #7fdcff; }

/* ---------- TREINAMENTOS / CURSOS (dark) ---------- */
/* título do curso -> claro */
html.kva-dark .treinamentos-content .infos .title { color: #f9fafb; }
/* bordas dos cards mais suaves */
html.kva-dark .treinamentos-content .cursos #accordion .ui-accordion-header,
html.kva-dark .treinamentos-content .cursos #accordion .ui-accordion-content { border-color: rgba(255, 255, 255, 0.12); }
/* texto do conteúdo expandido do curso -> claro */
html.kva-dark .treinamentos-content .cursos #accordion .ui-accordion-content,
html.kva-dark .treinamentos-content .cursos #accordion .ui-accordion-content p { color: #cbd5f5; }

/* ============================================================
   BLOG (dark) — post único (.single-blog), listagem (.page-blog)
   e sidebar compartilhada (.sidebar). Fundos claros -> escuro.
   ============================================================ */

/* --- POST ÚNICO --- */
html.kva-dark .single-blog { background: transparent; }
/* article era branco -> transparente (texto sobre o gradiente, igual sobre/atendimento) */
html.kva-dark .single-blog .post article { background-color: transparent !important; }
/* Data / Categoria */
html.kva-dark .post-content .infos span,
html.kva-dark .post-content .infos b { color: #94a3b8; }
html.kva-dark .post-content .infos b { color: #f9fafb; }
/* corpo do post: títulos claros, links em ciano */
html.kva-dark .post-content .content .title { color: #f9fafb; }
html.kva-dark .post-content p a { color: #00c6ff; }
html.kva-dark .post-content p a:hover { color: #7fdcff; border-bottom-color: #7fdcff; }
/* tags + compartilhe */
html.kva-dark .post-content .single-blog-tag a { color: #cbd5f5; }
html.kva-dark .post-content .single-blog-tag a:hover { color: #00c6ff; border-bottom-color: #00c6ff; }
html.kva-dark .post-content .compartilhe { border-top-color: rgba(255, 255, 255, 0.12); }

/* --- LISTAGEM DE POSTS --- */
html.kva-dark .blog-posts ul li {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
html.kva-dark .blog-posts ul li:hover { transform: translateY(-6px); box-shadow: 0 28px 60px rgba(0, 150, 255, 0.22); }
html.kva-dark .blog-posts ul li .content { padding-left: 28px; padding-right: 28px; }
html.kva-dark .blog-posts ul li .content .title { color: #f9fafb; }
html.kva-dark .blog-posts ul li .content .excerpt { color: #94a3b8; }
/* paginação como pílulas no escuro */
html.kva-dark #pagination a,
html.kva-dark #pagination .dots,
html.kva-dark #pagination .next,
html.kva-dark #pagination .prev { background-color: rgba(15, 23, 42, 0.7); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; }
html.kva-dark #pagination a:hover,
html.kva-dark #pagination .next:hover,
html.kva-dark #pagination .prev:hover { background-color: #0072ff; border-color: #0072ff; }
html.kva-dark #pagination .current { background-color: #00c6ff; border-radius: 8px; color: #001018; }

/* --- SIDEBAR (compartilhada por post e listagem) --- */
html.kva-dark .sidebar { background: transparent; }
html.kva-dark .sidebar h2 { color: #f9fafb; }
html.kva-dark .sidebar h2:after { background-color: #00c6ff; }
/* busca: campo escuro + botão gradiente */
html.kva-dark .sidebar .search-input {
  background: rgba(15, 23, 42, 0.6) !important;
  border: 1px solid rgba(0, 198, 255, 0.4) !important;
  color: #f9fafb !important;
  border-radius: 8px;
}
html.kva-dark .sidebar .search-button {
  background: linear-gradient(90deg, #0072ff, #00c6ff);
  color: #fff;
  border-radius: 6px;
}
html.kva-dark .sidebar .search-button:hover { filter: brightness(1.08); color: #fff; background: linear-gradient(90deg, #0072ff, #00c6ff); }
/* posts em destaque */
html.kva-dark .sidebar .recentes ul li .content .title { color: #f9fafb; }
html.kva-dark .sidebar .recentes ul li .content .link { color: #00c6ff; }
html.kva-dark .sidebar .recentes ul li .content .link:hover { color: #7fdcff; }
/* categorias */
html.kva-dark .sidebar .categorias ul li { border-bottom-color: rgba(255, 255, 255, 0.1); }
html.kva-dark .sidebar .categorias ul li a { color: #00c6ff; }
html.kva-dark .sidebar .categorias ul li a:hover { color: #fff; }

/* ============================================================
   RESULTADO DA BUSCA DE DOWNLOADS (dark, moderno)
   ============================================================ */
/* card do resultado -> vidro escuro (era #f3f3f3) */
html.kva-dark .downloads-produtos .downloads-produtos-li {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #cbd5f5;
}
/* título do produto (cor inline #0061a0 -> ciano com glow) */
html.kva-dark .downloads-produtos .downloads-produtos-li h2 {
  color: #00c6ff !important;
  text-shadow: 0 0 14px rgba(0, 198, 255, 0.4);
}
/* links de download como chips modernos */
html.kva-dark .downloads-produtos .downloads-produtos-li .downloads li a {
  display: inline-flex;
  align-items: center;
  color: #e5e7eb;
  font-size: 13px;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
html.kva-dark .downloads-produtos .downloads-produtos-li .downloads li a:hover {
  color: #00c6ff;
  border-color: rgba(0, 198, 255, 0.6);
  background: rgba(0, 198, 255, 0.08);
}
/* "Outros Downloads" */
html.kva-dark .downloads-produtos .downloads-produtos-li .downloads .outros-downloads b { color: #f9fafb; }
html.kva-dark .downloads-produtos .downloads-produtos-li .downloads .outros-downloads ul li a { color: #cbd5f5; }
html.kva-dark .downloads-produtos .downloads-produtos-li .downloads .outros-downloads ul li a:hover { color: #00c6ff; }
/* alinhar o ícone DENTRO do chip, ao lado do texto (igual aos de cima) */
html.kva-dark .downloads-produtos .downloads-produtos-li .downloads .outros-downloads ul li {
  width: auto;
  padding: 0;
  margin: 0 14px 12px 0;
}
html.kva-dark .downloads-produtos .downloads-produtos-li .downloads .outros-downloads ul li a {
  display: inline-flex;
  align-items: center;
}
html.kva-dark .downloads-produtos .downloads-produtos-li .downloads .outros-downloads ul li img {
  position: static;
  margin-right: 10px;
}

/* ============================================================
   AUTOCOMPLETE da busca de Downloads (sugestões) — claro e escuro
   ============================================================ */
.autocomplete-suggestions.kva-ac { border-radius: 8px; max-height: 340px; }
.kva-ac .autocomplete-suggestion { padding: 9px 14px; line-height: 1.4; cursor: pointer; }
.kva-ac .autocomplete-suggestion:hover,
.kva-ac .autocomplete-suggestion.selected { background: #eef6ff; color: #0061a0; }
/* dark */
html.kva-dark .autocomplete-suggestions.kva-ac {
  background: #0a2540;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55);
}
html.kva-dark .kva-ac .autocomplete-suggestion { color: #cbd5f5; }
html.kva-dark .kva-ac .autocomplete-suggestion:hover,
html.kva-dark .kva-ac .autocomplete-suggestion.selected { background: rgba(0, 198, 255, 0.12); color: #00c6ff; }

/* ---------- BOLINHAS do slide do produto (Swiper) no dark ---------- */
html.kva-dark .single-produto .swiper-pagination-bullet {
  background: #cbd5f5;
  opacity: 0.55;
}
html.kva-dark .single-produto .swiper-pagination-bullet-active {
  background: #00c6ff;
  opacity: 1;
}

/* ============================================================
   COMPARAÇÃO DE PRODUTOS (plugin BeRocket) — modo dark moderno
   Restiliza o popup (era branco). Não muda a estrutura/HTML do
   plugin — só cores, bordas, espaçamento e destaque das diferenças.
   ============================================================ */

/* --- modal + overlay --- */
html.kva-dark .br_new_compare_block,
html.kva-dark .br_new_compare_block.br_full_size_popup,
html.kva-dark .br_compare_popup_block,
html.kva-dark .berocket_compare_box.berocket_full_screen_box {
  background: #0b1b2e !important;
  border-radius: 14px !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6) !important;
}
html.kva-dark .br_new_compare_black_popup,
html.kva-dark .berocket_back_full_screen { background: #000 !important; opacity: 0.72 !important; }

/* --- ZERA os fundos brancos de qualquer célula/linha (vinham de CSS externo) --- */
html.kva-dark .br_new_compare table,
html.kva-dark .br_new_compare tr,
html.kva-dark .br_new_compare td,
html.kva-dark .br_new_compare th,
html.kva-dark .br_top_table table,
html.kva-dark .br_top_table tr,
html.kva-dark .br_top_table td,
html.kva-dark .br_top_table th { background-color: transparent !important; }

/* --- bordas sutis --- */
html.kva-dark .br_new_compare_block table,
html.kva-dark .br_new_compare_block th,
html.kva-dark .br_new_compare_block td { border-color: rgba(255, 255, 255, 0.08) !important; }

/* --- coluna fixa de nomes (esquerda): fundo SÓLIDO (precisa ocultar o que rola atrás) --- */
html.kva-dark .br_new_compare .br_left_table,
html.kva-dark .br_new_compare .br_left_table tr th { background-color: #0a1726 !important; }
html.kva-dark .br_new_compare .br_left_table tr:nth-child(even) th { background-color: #0d2236 !important; }
html.kva-dark .br_new_compare .br_left_table th {
  color: #e6edf7 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  text-align: left !important;
  padding-left: 14px !important;
}

/* --- valores (direita): TODOS iguais (mesma cor, tamanho e peso) --- */
html.kva-dark .br_new_compare .br_right_table td,
html.kva-dark .br_new_compare .br_right_table p,
html.kva-dark .br_new_compare .br_right_table .stock,
html.kva-dark .br_new_compare .br_right_table td div {
  color: #e6edf7 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
html.kva-dark .br_new_compare .br_right_table tbody tr:nth-child(even) td { background-color: rgba(255, 255, 255, 0.04) !important; }
html.kva-dark .br_new_compare .br_right_table tbody tr:hover td { background-color: rgba(0, 198, 255, 0.10) !important; }

/* --- cabeçalho dos produtos: fundo sólido + nomes brancos --- */
html.kva-dark .br_top_table,
html.kva-dark .br_top_table .br_main_top { background-color: #081320 !important; }
html.kva-dark .br_top_table th { color: #ffffff !important; }
html.kva-dark .br_top_table h3 a { color: #ffffff !important; font-weight: 700 !important; }
html.kva-dark .br_top_table h3 a:hover { color: #00c6ff !important; }
html.kva-dark .br_top_table .br_compare_price.price,
html.kva-dark .br_top_table .br_compare_price { color: #00c6ff !important; }

/* --- faixas de seção ("Atributos" / "Outros atributos") --- */
html.kva-dark .br_new_compare .br_lined_attribute_left,
html.kva-dark .br_new_compare .br_lined_attribute_right {
  background-color: rgba(0, 198, 255, 0.12) !important;
  color: #00c6ff !important;
  font-weight: 700 !important;
}

/* --- fontes UNIFORMES: iguais e diferentes usam exatamente a mesma fonte/cor --- */
html.kva-dark .br_new_compare .br_same_attr th,
html.kva-dark .br_new_compare .br_same_attr td,
html.kva-dark .br_new_compare .br_same_attr p,
html.kva-dark .br_new_compare .br_right_table tbody tr:not(.br_same_attr) th,
html.kva-dark .br_new_compare .br_right_table tbody tr:not(.br_same_attr) td,
html.kva-dark .br_new_compare .br_right_table tbody tr:not(.br_same_attr) p {
  color: #e6edf7 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

/* --- X de remover produto do topo --- */
html.kva-dark .br_new_compare_block .br_remove_compare_product_reload {
  background: transparent !important;
  color: #94a3b8 !important;
}
html.kva-dark .br_new_compare_block .br_remove_compare_product_reload:hover { color: #ff6b6b !important; }

/* --- links do topo: limpar lista / mostrar-ocultar iguais --- */
/* fundo OPACO p/ não deixar a tabela "vazar" por trás ao rolar */
html.kva-dark .br_new_compare_block .br_remove_all_compare,
html.kva-dark .br_new_compare_block .br_show_compare_dif {
  position: relative !important;
  z-index: 400 !important;
  color: #00c6ff !important;
  background: #0a2540 !important;
  border: 1px solid rgba(0, 198, 255, 0.5) !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
  margin: 3px 6px !important;
  line-height: normal !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}
html.kva-dark .br_new_compare_block .br_remove_all_compare:hover,
html.kva-dark .br_new_compare_block .br_show_compare_dif:hover { background: #0d3050 !important; }

/* --- botão fechar (X) full screen --- */
html.kva-dark .br_full_size_close a,
html.kva-dark .berocket_compare_box .berocket_normal_size,
html.kva-dark .br_new_compare_full_size a { color: #ffffff !important; }

/* --- barra de rolagem horizontal da tabela de valores --- */
html.kva-dark .br_new_compare .br_right_table::-webkit-scrollbar { height: 10px; }
html.kva-dark .br_new_compare .br_right_table::-webkit-scrollbar-thumb { background: rgba(0, 198, 255, 0.4); border-radius: 8px; }
html.kva-dark .br_new_compare .br_right_table::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); }

/* ============================================================
   COMPARAÇÃO — centralizar na página + cabeçalho de nomes/botões fixo
   (NÃO mexe nas tabelas de valor p/ não desalinhar as colunas)
   ============================================================ */

/* --- centraliza o conteúdo (em vez de colado à esquerda) --- */
html.kva-dark .br_new_compare_block .br_top_table,
html.kva-dark .br_new_compare_block .br_new_compare {
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- cabeçalho (nomes + botões) fixo no topo ao rolar --- */
html.kva-dark .br_popup_inner .br_top_table,
html.kva-dark .br_new_compare_block .br_top_table {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 320 !important;
  background-color: #081320 !important;
}
/* neutraliza o reposicionamento do header feito pelo JS do plugin */
html.kva-dark .br_top_table .br_main_top { top: 0 !important; }

/* imagens grandes da tabela: cantos arredondados */
html.kva-dark .br_new_compare .br_right_table thead img { border-radius: 8px !important; }

/* ============================================================
   COMPARAÇÃO DE PRODUTOS — MODO CLARO (white) moderno
   Espelha o tratamento do dark, com paleta clara. Mesmas regras
   de layout (centralizar, cabeçalho fixo, botão opaco).
   ============================================================ */

/* --- modal + overlay --- */
html:not(.kva-dark) .br_new_compare_block,
html:not(.kva-dark) .br_new_compare_block.br_full_size_popup,
html:not(.kva-dark) .br_compare_popup_block,
html:not(.kva-dark) .berocket_compare_box.berocket_full_screen_box {
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35) !important;
}

/* --- bordas suaves (era #888) --- */
html:not(.kva-dark) .br_new_compare_block table,
html:not(.kva-dark) .br_new_compare_block th,
html:not(.kva-dark) .br_new_compare_block td { border-color: #e2e8f0 !important; }

/* --- coluna fixa de nomes (esquerda): fundo claro SÓLIDO --- */
html:not(.kva-dark) .br_new_compare .br_left_table,
html:not(.kva-dark) .br_new_compare .br_left_table tr th { background-color: #f1f5f9 !important; }
html:not(.kva-dark) .br_new_compare .br_left_table tr:nth-child(even) th { background-color: #e9eef6 !important; }
html:not(.kva-dark) .br_new_compare .br_left_table th {
  color: #1e293b !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  text-align: left !important;
  padding-left: 14px !important;
}

/* --- valores (direita): texto escuro + zebra clara --- */
html:not(.kva-dark) .br_new_compare .br_right_table td,
html:not(.kva-dark) .br_new_compare .br_right_table p,
html:not(.kva-dark) .br_new_compare .br_right_table .stock,
html:not(.kva-dark) .br_new_compare .br_right_table td div {
  color: #1e293b !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
html:not(.kva-dark) .br_new_compare .br_right_table tbody tr td { background-color: #ffffff !important; }
html:not(.kva-dark) .br_new_compare .br_right_table tbody tr:nth-child(even) td { background-color: #f6f9fc !important; }
html:not(.kva-dark) .br_new_compare .br_right_table tbody tr:hover td { background-color: rgba(0, 114, 255, 0.07) !important; }

/* --- fontes UNIFORMES (iguais = diferentes) --- */
html:not(.kva-dark) .br_new_compare .br_same_attr th,
html:not(.kva-dark) .br_new_compare .br_same_attr td,
html:not(.kva-dark) .br_new_compare .br_same_attr p,
html:not(.kva-dark) .br_new_compare .br_right_table tbody tr:not(.br_same_attr) th,
html:not(.kva-dark) .br_new_compare .br_right_table tbody tr:not(.br_same_attr) td,
html:not(.kva-dark) .br_new_compare .br_right_table tbody tr:not(.br_same_attr) p {
  color: #1e293b !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

/* --- cabeçalho dos produtos: fundo branco + nomes escuros --- */
html:not(.kva-dark) .br_top_table,
html:not(.kva-dark) .br_top_table .br_main_top { background-color: #ffffff !important; }
html:not(.kva-dark) .br_top_table th { color: #0f172a !important; }
html:not(.kva-dark) .br_top_table h3 a { color: #0f172a !important; font-weight: 700 !important; }
html:not(.kva-dark) .br_top_table h3 a:hover { color: #0072ff !important; }
html:not(.kva-dark) .br_top_table .br_compare_price.price,
html:not(.kva-dark) .br_top_table .br_compare_price { color: #0072ff !important; }

/* --- faixas de seção --- */
html:not(.kva-dark) .br_new_compare .br_lined_attribute_left,
html:not(.kva-dark) .br_new_compare .br_lined_attribute_right {
  background-color: rgba(0, 114, 255, 0.08) !important;
  color: #0072ff !important;
  font-weight: 700 !important;
}

/* --- X de remover produto --- */
html:not(.kva-dark) .br_new_compare_block .br_remove_compare_product_reload {
  background: transparent !important;
  color: #94a3b8 !important;
}
html:not(.kva-dark) .br_new_compare_block .br_remove_compare_product_reload:hover { color: #ef4444 !important; }

/* --- links do topo: limpar lista / mostrar-ocultar iguais (OPACO) --- */
html:not(.kva-dark) .br_new_compare_block .br_remove_all_compare,
html:not(.kva-dark) .br_new_compare_block .br_show_compare_dif {
  position: relative !important;
  z-index: 400 !important;
  color: #0072ff !important;
  background: #ffffff !important;
  border: 1px solid #0072ff !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
  margin: 3px 6px !important;
  line-height: normal !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}
html:not(.kva-dark) .br_new_compare_block .br_remove_all_compare:hover,
html:not(.kva-dark) .br_new_compare_block .br_show_compare_dif:hover { background: #eff6ff !important; }

/* --- botão fechar (X) full screen (escuro sobre fundo claro) --- */
html:not(.kva-dark) .br_full_size_close a,
html:not(.kva-dark) .berocket_compare_box .berocket_normal_size,
html:not(.kva-dark) .br_new_compare_full_size a { color: #334155 !important; }

/* --- scrollbar --- */
html:not(.kva-dark) .br_new_compare .br_right_table::-webkit-scrollbar { height: 10px; }
html:not(.kva-dark) .br_new_compare .br_right_table::-webkit-scrollbar-thumb { background: rgba(0, 114, 255, 0.4); border-radius: 8px; }
html:not(.kva-dark) .br_new_compare .br_right_table::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.06); }

/* --- centralizar + cabeçalho fixo (igual ao dark) --- */
html:not(.kva-dark) .br_new_compare_block .br_top_table,
html:not(.kva-dark) .br_new_compare_block .br_new_compare {
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html:not(.kva-dark) .br_popup_inner .br_top_table,
html:not(.kva-dark) .br_new_compare_block .br_top_table {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 320 !important;
  background-color: #ffffff !important;
}
html:not(.kva-dark) .br_top_table .br_main_top { top: 0 !important; }
html:not(.kva-dark) .br_new_compare .br_right_table thead img { border-radius: 8px !important; }

/* ============================================================
   HOME "Veja nossos produtos": grid 5 em cima + 4 em baixo CENTRALIZADOS
   (era 4+4+1 com o CamLock sozinho). Vale nos dois modos.
   Seletor com ul.c-sb p/ vencer a regra global de .c-sb (space-between).
   ============================================================ */
.inc-categorias-produtos ul,
.inc-categorias-produtos ul.c-sb {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 28px 16px !important;
}
.inc-categorias-produtos ul.c-sb > li,
.inc-categorias-produtos li {
  width: 210px !important;
  margin: 0 !important;
  flex: 0 0 210px !important;
}
/* responsivo: mantém 2 colunas em tablet e 1 no celular pequeno */
@media (max-width: 900px) {
  .inc-categorias-produtos ul.c-sb > li,
  .inc-categorias-produtos li { width: 45% !important; flex-basis: 45% !important; max-width: 280px; }
}
@media (max-width: 520px) {
  .inc-categorias-produtos ul.c-sb > li,
  .inc-categorias-produtos li { width: 88% !important; flex-basis: 88% !important; max-width: 320px; }
}

/* ============================================================
   PRODUTO — Slide (Swiper): cursor zoom, lightbox e Eclipse maior
   ============================================================ */
.produto-slider .swiper-slide img { cursor: zoom-in; }

/* Lightbox das imagens do slide do produto (aparece ao clicar) */
.kva-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  cursor: zoom-out;
  animation: kvaLbFade 0.2s ease-out;
}
@keyframes kvaLbFade { from { opacity: 0; } to { opacity: 1; } }
.kva-lightbox img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  cursor: default;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
  border-radius: 8px;
}
.kva-lightbox-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, transform 0.2s;
}
.kva-lightbox-close:hover { background: rgba(255, 255, 255, 0.25); transform: scale(1.06); }

/* Botões de navegação (anterior / próxima) e contador */
.kva-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, transform 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kva-lightbox-nav:hover { background: rgba(255, 255, 255, 0.25); transform: translateY(-50%) scale(1.06); }
.kva-lb-prev { left: 24px; }
.kva-lb-next { right: 24px; }
.kva-lightbox-counter {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
  pointer-events: none;
}

@media (max-width: 600px) {
  .kva-lightbox { padding: 16px; }
  .kva-lightbox-close { top: 10px; right: 10px; width: 40px; height: 40px; font-size: 24px; }
  .kva-lightbox-nav  { width: 44px; height: 44px; font-size: 28px; }
  .kva-lb-prev { left: 8px; }
  .kva-lb-next { right: 8px; }
  .kva-lightbox-counter { bottom: 12px; font-size: 12px; }
}

/* Eclipse XTRe (postid-82): imagem 50% maior no slide (60% -> 90%) */
body.postid-82 .produto-slider .swiper-slide img { max-width: 90%; }