/* Componenti specifici per Dark Mode */

/* CORREZIONE TITOLI DELLE CARD - Problema principale */
[data-theme="dark"] .card-title {
  color: var(--text-primary) !important;
  font-weight: 600;
}

[data-theme="dark"] .card-text {
  color: var(--text-secondary) !important;
}

/* CORREZIONE SEZIONI CON SFONDO BIANCO */
[data-theme="dark"] .bg-light {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .bg-white {
  background-color: var(--bg-primary) !important;
}

/* CORREZIONE GAME CARDS */
[data-theme="dark"] .game-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .game-card h4 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .game-card p {
  color: var(--text-secondary) !important;
}

/* CORREZIONE QUIZ SPECIALI */
[data-theme="dark"] .quiz-special-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .quiz-special-card .card-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .quiz-special-card .card-text {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .text-muted {
  color: var(--text-muted) !important;
}

/* Quiz Dark Mode */
[data-theme="dark"] .quiz-container {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .quiz-question {
  color: var(--text-primary);
}

[data-theme="dark"] .quiz-option {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .quiz-option:hover {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .quiz-option.selected {
  background-color: var(--button-bg);
  color: white;
}

[data-theme="dark"] .quiz-category-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

/* News Cards Dark Mode */
[data-theme="dark"] .news-item {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .news-title {
  color: var(--text-primary);
}

[data-theme="dark"] .news-excerpt {
  color: var(--text-secondary);
}

[data-theme="dark"] .news-meta {
  color: var(--text-muted);
}

/* CORREZIONE SEZIONI SPECIFICHE */
/* Sezione Prodotti Amazon */
[data-theme="dark"] .products-section {
  background-color: var(--bg-primary) !important;
}

/* Sezione Siti Web */
[data-theme="dark"] .websites-section {
  background-color: var(--bg-primary) !important;
}

/* Sezione Centro Giochi */
[data-theme="dark"] .games-section {
  background-color: var(--bg-primary) !important;
}

/* CORREZIONE TESTI SU SFONDI CHIARI */
[data-theme="dark"] .text-dark {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .text-secondary {
  color: var(--text-secondary) !important;
}

/* Admin Panel Dark Mode */
[data-theme="dark"] .admin-sidebar {
  background-color: var(--bg-secondary);
  border-right: 1px solid var(--border-color);
}

[data-theme="dark"] .admin-content {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .admin-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

/* CORREZIONE LEAD TEXT */
[data-theme="dark"] .lead {
  color: var(--text-secondary) !important;
}

/* CORREZIONE DISPLAY HEADINGS */
[data-theme="dark"] .display-1,
[data-theme="dark"] .display-2,
[data-theme="dark"] .display-3,
[data-theme="dark"] .display-4,
[data-theme="dark"] .display-5,
[data-theme="dark"] .display-6 {
  color: var(--text-primary) !important;
}

/* CORREZIONE UTILITY CARDS */
[data-theme="dark"] .utility-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}

[data-theme="dark"] .utility-card h5 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .utility-card p {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .utility-card .card-text {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .utility-card .card-title {
  color: var(--text-primary) !important;
}

/* CORREZIONE PAGINA UNDERSTAND.PHP */
[data-theme="dark"] .understand-page h5 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .understand-page .text-muted {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .understand-page p.mb-0 {
  color: var(--text-secondary) !important;
}

/* Correzione icone con colori specifici */
[data-theme="dark"] .text-orange {
  color: #ff8c00 !important;
}

[data-theme="dark"] .text-purple {
  color: #8a2be2 !important;
}

/* Correzione card nella pagina understand */
[data-theme="dark"] .understand-page .card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .understand-page .card-body {
  color: var(--text-primary);
}

/* CORREZIONE PAGINA WEBSITES.PHP */
/* Sezione filtri */
[data-theme="dark"] .filter-section {
  background-color: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

/* Icone delle sezioni con sfondo bianco */
[data-theme="dark"] .section-icon-item .bg-white {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .section-icon-item .text-dark {
  color: var(--text-primary) !important;
}

/* Form elements nella sezione filtri */
[data-theme="dark"] .filter-section .form-label {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .filter-section .form-select {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .filter-section .form-control {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .filter-section .form-control::placeholder {
  color: var(--text-muted) !important;
}

/* Website cards */
[data-theme="dark"] .website-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .website-card .card-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .website-card .card-text {
  color: var(--text-secondary) !important;
}

/* CORREZIONE HEADER E NAVBAR */
/* Correzione per header con bg-primary */
[data-theme="dark"] header.bg-primary {
  background-color: var(--header-bg) !important;
}

/* Correzione per navbar con bg-primary */
[data-theme="dark"] .navbar.bg-primary,
[data-theme="dark"] nav.bg-primary {
  background-color: var(--header-bg) !important;
}

/* Correzione per navbar-dark in modalità dark */
[data-theme="dark"] .navbar-dark {
  background-color: var(--header-bg) !important;
}

/* Correzione per navbar-brand in modalità dark */
[data-theme="dark"] .navbar-dark .navbar-brand,
[data-theme="dark"] .bg-primary .navbar-brand {
  color: var(--text-primary) !important;
}

/* Correzione per nav-link in modalità dark */
[data-theme="dark"] .navbar-dark .navbar-nav .nav-link,
[data-theme="dark"] .bg-primary .navbar-nav .nav-link {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .navbar-dark .navbar-nav .nav-link:hover,
[data-theme="dark"] .bg-primary .navbar-nav .nav-link:hover {
  color: var(--text-primary) !important;
}

/* Correzione per navbar-toggler in modalità dark */
[data-theme="dark"] .navbar-dark .navbar-toggler {
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Correzione per testo bianco su header */
[data-theme="dark"] header.bg-primary.text-white,
[data-theme="dark"] .bg-primary.text-white {
  color: var(--text-primary) !important;
}

/* Correzione per testo con opacity-75 in modalità scura */
[data-theme="dark"] .opacity-75 {
  opacity: 0.9 !important;
  color: var(--text-secondary) !important;
}

/* Miglioramento generale per testi con bassa opacità */
[data-theme="dark"] p.opacity-75,
[data-theme="dark"] .text-center .opacity-75 {
  color: #e9ecef !important;
  opacity: 1 !important;
}

/* Assicurarsi che il testo sia leggibile su sfondo chiaro in modalità normale */
[data-theme="light"] .opacity-75 {
  color: #6c757d !important;
}

/* CORREZIONE CARD-FOOTER - Sfondo grigio scuro come le card in modalità dark */
[data-theme="dark"] .card-footer {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .card-footer .text-muted {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .card-footer .btn {
  border-color: var(--border-color) !important;
}

/* CORREZIONE GAMES-CONTAINER E QUIZ-CONTAINER - Grigio scuro in modalità dark */
[data-theme="dark"] .games-container {
  background-color: #2d2d2d !important;
  border-radius: 15px;
  padding: 20px;
}

[data-theme="dark"] .games-section {
  background-color: var(--bg-primary) !important;
}

[data-theme="dark"] .game-category {
  background-color: #2d2d2d !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .category-header h3 {
  color: white !important;
}

[data-theme="dark"] .category-header p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .category-header i {
  color: white !important;
}

/* Correzione per le icone dei giochi */
[data-theme="dark"] .game-icon {
  color: white !important;
}

[data-theme="dark"] .game-card:hover .game-icon {
  color: #667eea !important;
}

/* Correzione per quiz-app container */
[data-theme="dark"] .quiz-app .games-container {
  background-color: #2d2d2d !important;
  border-radius: 15px;
  padding: 20px;
}

/* CORREZIONE FORM CONTATTACI - Campi editabili in modalità dark */
[data-theme="dark"] .form-control {
  background-color: var(--input-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .form-control:focus {
  background-color: var(--input-bg) !important;
  border-color: var(--button-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

[data-theme="dark"] .form-control::placeholder {
  color: var(--text-muted) !important;
}

/* Correzione per form-label in modalità dark */
[data-theme="dark"] .form-label {
  color: var(--text-primary) !important;
}

/* CORREZIONE QUIZ - Answer Cards e Category Cards in modalità dark */
[data-theme="dark"] .answer-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .answer-card:hover {
  background-color: var(--bg-tertiary) !important;
  border-color: var(--button-bg) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .answer-card p {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .answer-label {
  background-color: var(--button-bg) !important;
  color: white !important;
}

[data-theme="dark"] .answer-card.selected {
  background-color: var(--button-bg) !important;
  border-color: var(--button-bg) !important;
  color: white !important;
}

[data-theme="dark"] .answer-card.selected .answer-label {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: white !important;
}

/* Correzione per category cards */
[data-theme="dark"] .category-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .category-card h3 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .category-card p {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .category-card:hover {
  background-color: var(--bg-tertiary) !important;
  border-color: var(--button-bg) !important;
}

/* Correzione per question container */
[data-theme="dark"] #question-container {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .question-title,
[data-theme="dark"] #question-text {
  color: var(--text-primary) !important;
}

/* Correzione per answer-btn */
[data-theme="dark"] .answer-btn {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .answer-btn:hover {
  background-color: var(--bg-tertiary) !important;
  border-color: var(--button-bg) !important;
  color: var(--text-primary) !important;
}

/* Correzione per stati delle risposte */
[data-theme="dark"] .answer-card.correct {
  background-color: #1e7e34 !important;
  border-color: #28a745 !important;
  color: white !important;
}

[data-theme="dark"] .answer-card.incorrect {
  background-color: #721c24 !important;
  border-color: #dc3545 !important;
  color: white !important;
}

[data-theme="dark"] .answer-card.selected-personality {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white !important;
  border: 2px solid #667eea !important;
}

/* CORREZIONE TIMER E HEADER BAR - Miglioramento visibilità in modalità dark */
[data-theme="dark"] #quiz-timer-container {
  color: var(--text-primary) !important;
  background-color: var(--bg-secondary) !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .quiz-header {
  background-color: var(--header-bg) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .quiz-header h1 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .quiz-header-bar {
  background-color: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] #quiz-category-title-header {
  color: var(--text-primary) !important;
}

[data-theme="dark"] #quiz-progress-header {
  color: var(--text-secondary) !important;
  font-weight: 600 !important;
}

[data-theme="dark"] .quiz-header-game {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .quiz-category-info {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .quiz-category-icon {
  color: var(--button-bg) !important;
}

[data-theme="dark"] .quiz-progress {
  color: var(--text-secondary) !important;
}

/* Correzione per elementi temporali e di progresso */
[data-theme="dark"] .time-display,
[data-theme="dark"] .timer-text,
[data-theme="dark"] .progress-text {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}

/* Correzione per back button */
[data-theme="dark"] .back-to-categories-btn {
  color: var(--button-bg) !important;
}

[data-theme="dark"] .back-to-categories-btn:hover {
  color: var(--button-hover) !important;
}

/* CORREZIONE ECOQUIZ - Answer Options in modalità dark */
[data-theme="dark"] .answer-option {
  background-color: var(--card-bg) !important;
  border: 2px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .answer-option:hover {
  border-color: var(--button-bg) !important;
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .answer-option.selected {
  border-color: var(--button-bg) !important;
  background-color: var(--button-bg) !important;
  color: white !important;
}

[data-theme="dark"] .answer-option.correct {
  border-color: #28a745 !important;
  background-color: #1e7e34 !important;
  color: white !important;
}

[data-theme="dark"] .answer-option.incorrect {
  border-color: #dc3545 !important;
  background-color: #721c24 !important;
  color: white !important;
}

/* CORREZIONE HEALTHQUIZ - Option Cards in modalità dark */
[data-theme="dark"] .option-card {
  background-color: var(--card-bg) !important;
  border: 2px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .option-card:hover {
  border-color: var(--button-bg) !important;
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .option-card.selected {
  border-color: var(--button-bg) !important;
  background-color: var(--button-bg) !important;
  color: white !important;
}

/* Correzione per quiz-container di healthquiz */
[data-theme="dark"] .quiz-container {
  background-color: var(--card-bg) !important;
  box-shadow: 0 20px 40px var(--shadow-color) !important;
}

/* Correzione per question-container di healthquiz */
[data-theme="dark"] .question-container {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
}

/* Correzione per progress-container di healthquiz */
[data-theme="dark"] .progress-container {
  background-color: var(--bg-secondary) !important;
}

/* Correzione per section-header di healthquiz */
[data-theme="dark"] .section-header {
  color: var(--text-primary) !important;
}

/* Correzione per result-card di healthquiz */
[data-theme="dark"] .result-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* Correzione per tips-container di healthquiz */
[data-theme="dark"] .tips-container {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* Correzione per score-circle di healthquiz */
[data-theme="dark"] .score-circle {
  color: white !important;
}

[data-theme="dark"] .result-card .card-body {
  color: var(--text-primary) !important;
}