/* ============================================
   FORÇAR DARK MODE - CORREÇÃO URGENTE
   ============================================
   Este arquivo força o dark mode caso o CSS principal não esteja funcionando
   Adicione este arquivo APÓS o styles.css no HTML
*/

/* FORÇAR HTML E BODY ESCUROS */
html {
  background-color: #121212 !important;
  background: #121212 !important;
  color: #ffffff !important;
}

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

/* FORÇAR ADMIN ESCURO */
.admin-panel {
  background-color: #121212 !important;
  background: #121212 !important;
  color: #ffffff !important;
}

.admin-panel .container {
  background-color: #121212 !important;
  background: #121212 !important;
  color: #ffffff !important;
}

.admin-panel .admin-section {
  background-color: #1e1e1e !important;
  background: #1e1e1e !important;
  color: #ffffff !important;
}

.admin-panel .admin-header {
  background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%) !important;
  color: #ffffff !important;
}

.admin-panel .admin-nav {
  background-color: #1e1e1e !important;
  background: #1e1e1e !important;
}

.admin-panel .form-group input,
.admin-panel .form-group textarea,
.admin-panel .form-group select {
  background-color: #1e1e1e !important;
  background: #1e1e1e !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

/* FORÇAR CARDÁPIO ESCURO */
header {
  color: #ffffff !important;
}

/* Garantir que header sempre tenha background escuro como fallback */
header#header {
  background-color: #1e1e1e !important;
}

/* NÃO sobrescrever background quando JavaScript definir imagem */
header#header[style*="background"] {
  /* Deixa o JavaScript gerenciar o background quando há imagem */
  /* Apenas garante cor de texto branca */
  color: #ffffff !important;
}

.container {
  background-color: #121212 !important;
  background: #121212 !important;
  color: #ffffff !important;
}

/* FORÇAR ÁREAS DE CATEGORIAS E PRODUTOS ESCURAS */
.categories-wrapper {
  background-color: transparent !important;
  background: transparent !important;
}

.categories-container {
  background-color: transparent !important;
  background: transparent !important;
}

#categories-container {
  background-color: transparent !important;
  background: transparent !important;
}

.products-grid {
  background-color: #121212 !important;
  background: #121212 !important;
}

#products-container {
  background-color: #121212 !important;
  background: #121212 !important;
}

.most-ordered-section {
  background-color: #121212 !important;
  background: #121212 !important;
  color: #ffffff !important;
}

#most-ordered-container {
  background-color: #121212 !important;
  background: #121212 !important;
}

.initial-message {
  background-color: #121212 !important;
  background: #121212 !important;
  color: #ffffff !important;
}

.error-message {
  background-color: #121212 !important;
  background: #121212 !important;
  color: #ffffff !important;
}

.product-card {
  background-color: #2d2d2d !important;
  background: #2d2d2d !important;
  color: #ffffff !important;
}

.category-btn {
  background-color: transparent !important;
  background: transparent !important;
  color: #ffffff !important;
}

.product-info {
  background-color: transparent !important;
  background: transparent !important;
  color: #ffffff !important;
}

.product-name {
  color: #ffffff !important;
}

.product-description {
  color: #b0b0b0 !important;
}

.product-price {
  color: #ffffff !important;
}

/* FORÇAR TODOS OS TEXTOS BRANCOS */
body,
body *,
header,
header *,
.product-card,
.product-card *,
.container,
.container * {
  color: #ffffff !important;
}

/* Exceções para elementos que devem ter cor específica */
.admin-panel .btn-primary,
.admin-panel .btn-success,
.admin-panel .btn-danger,
.btn-primary,
.btn-success {
  color: #ffffff !important;
}