/* ========================================
   CORREÇÃO DE FUNDO - GARANTIR BRANCO
   Este arquivo garante que o fundo seja sempre branco
======================================== */

/* Forçar fundo branco em todos os elementos principais */
html {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

body {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Garantir que não há herança de cores escuras */
* {
  background-color: inherit;
}

/* Específico para elementos que podem ter fundo escuro */
.hero-swiper,
.categorias-section,
footer {
  background-color: inherit;
}

/* Garantir que o header mantenha sua transparência mas com fundo branco */
header {
  background: rgba(255,255,255,0.98) !important;
}

/* Remover qualquer modo escuro que possa estar ativo */
@media (prefers-color-scheme: dark) {
  html, body {
    background-color: #ffffff !important;
    background: #ffffff !important;
  }
}

/* Garantir que variáveis CSS não afetem o fundo */
:root {
  --primary-white: #ffffff !important;
  --primary-black: #000000 !important;
}

/* Override para qualquer CSS que possa estar causando fundo escuro */
body[style*="background"] {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Garantir que elementos com classe dark não afetem o fundo */
.dark body,
[data-theme="dark"] body,
body.dark {
  background-color: #ffffff !important;
  background: #ffffff !important;
}