/* Dark Mode.css - Estilos específicos para o modo escuro */

/* Ajustes gerais para o modo escuro */
.dark-mode {
  color-scheme: dark;
}

/* Header no modo escuro */
.dark-mode .header {
  background-color: rgba(15, 23, 42, 0.8);
}

/* Cards no modo escuro */
.dark-mode .card {
  background-color: var(--background-dark);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Formulários no modo escuro */
.dark-mode .form-input,
.dark-mode .form-textarea {
  background-color: var(--background-dark);
  border-color: #334155;
  color: var(--text-color);
}

.dark-mode .form-input:focus,
.dark-mode .form-textarea:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
}

/* Botões no modo escuro */
.dark-mode .btn-secondary {
  border-color: var(--primary-color);
}

.dark-mode .btn-secondary:hover {
  background-color: rgba(96, 165, 250, 0.2);
}

/* Ícones no modo escuro */
.dark-mode .card-icon {
  background-color: rgba(96, 165, 250, 0.2);
}

.dark-mode .contact-icon {
  background-color: rgba(96, 165, 250, 0.2);
}

/* Seção de contato no modo escuro */
.dark-mode .contact-text h4 {
  color: #ffffff;
}

.dark-mode .contact-text p,
.dark-mode .contact-text a {
  color: #cbd5e1;
}

.dark-mode .social-icon {
  background-color: #334155;
  color: #f8fafc;
}

.dark-mode .contact-form {
  background-color: #1e293b;
}

/* Galeria no modo escuro */
.dark-mode .gallery-caption {
  background-color: var(--background-dark);
}

/* Modal no modo escuro */
.dark-mode .modal-content {
  background-color: var(--background-dark);
}

.dark-mode .modal-close {
  background-color: #334155;
  color: #f8fafc;
}

/* Tema switch no modo escuro */
.dark-mode .theme-icon {
  color: #94a3b8;
}

/* Preloader no modo escuro */
.dark-mode .preloader {
  background-color: var(--background-light);
}

/* Produtos no modo escuro */
.dark-mode .product-features li {
  color: #cbd5e1;
}

/* Sobre no modo escuro */
.dark-mode .about-badge {
  background-color: rgba(96, 165, 250, 0.2);
}

/* Footer no modo escuro */
.dark-mode .footer {
  background-color: #0f172a;
}

.dark-mode .footer-social-icon {
  background-color: rgba(96, 165, 250, 0.2);
}

/* Ajustes específicos para melhorar contraste no modo escuro */
.dark-mode .section-title {
  color: #ffffff;
}

.dark-mode .form-label {
  color: #ffffff;
}

.dark-mode .card-title {
  color: #ffffff;
}

.dark-mode .nav-link {
  color: #f1f5f9;
}

.dark-mode .mobile-nav-link {
  color: #f1f5f9;
}

.dark-mode .logo {
  color: #f1f5f9;
}

/* Ajustes para o botão de WhatsApp no modo escuro */
.dark-mode .whatsapp-float {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}