/* Темная тема с золотыми акцентами для CHINA52 */

/* Основные цвета темной темы */
:root {
  --dark-bg: #000000;
  --dark-bg-secondary: #1a1a1a;
  --dark-bg-tertiary: #262626;
  --dark-text: #f5f5f5;
  --dark-text-secondary: #d1d5db;
  --dark-text-muted: #9ca3af;
  --gold-primary: #fbbf24;
  --gold-secondary: #f59e0b;
  --gold-accent: #eab308;
  --gold-dark: #d97706;
}

/* Универсальное применение темной темы ко всем страницам */
body:not([data-theme="light"]) {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #f5f5f5 !important;
}

/* Темная тема для body */
.dark-theme body {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
  color: var(--dark-text) !important;
}

.dark-theme html {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
}

/* Заголовки в темной теме */
.dark-theme h1,
.dark-theme h2,
.dark-theme h3 {
  color: #fcd34d !important; /* Более яркий золотой для лучшей читаемости */
  text-shadow: 0 0 4px rgba(251, 191, 36, 0.4) !important;
  font-weight: 600 !important;
}

/* Ссылки в темной теме */
.dark-theme a {
  color: var(--gold-primary) !important;
}

.dark-theme a:hover {
  color: var(--gold-accent) !important;
}

/* Кнопки в темной теме */
.dark-theme .btn-primary {
  background: var(--gold-primary) !important;
  color: #000 !important;
  border: 2px solid var(--gold-primary) !important;
}

.dark-theme .btn-primary:hover {
  background: var(--gold-accent) !important;
  border-color: var(--gold-accent) !important;
}

.dark-theme .btn-secondary {
  background: transparent !important;
  color: var(--gold-primary) !important;
  border: 2px solid var(--gold-primary) !important;
}

.dark-theme .btn-secondary:hover {
  background: var(--gold-primary) !important;
  color: #000 !important;
}

/* Модальные окна */
.dark-theme .modal-box,
.dark-theme .modal-box-large {
  background: var(--dark-bg-secondary) !important;
  border: 2px solid var(--gold-primary) !important;
  color: var(--dark-text) !important;
}

.dark-theme .modal-box h2 {
  color: var(--gold-primary) !important;
}

/* Поля ввода в темной теме */
.dark-theme input,
.dark-theme textarea,
.dark-theme select {
  background: var(--dark-bg-tertiary) !important;
  border-color: var(--gold-primary) !important;
  color: var(--dark-text) !important;
}

.dark-theme input:focus,
.dark-theme textarea:focus,
.dark-theme select:focus {
  border-color: var(--gold-accent) !important;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.2) !important;
}

.dark-theme input::placeholder,
.dark-theme textarea::placeholder {
  color: var(--dark-text-muted) !important;
}

/* Карточки в темной теме */
.dark-theme .card {
  background: var(--dark-bg-secondary) !important;
  border: 1px solid var(--gold-primary) !important;
  color: var(--dark-text) !important;
}

/* Текст в темной теме */
.dark-theme .text-gray-800,
.dark-theme .text-gray-900 {
  color: var(--dark-text) !important;
}

.dark-theme .text-gray-600,
.dark-theme .text-gray-700 {
  color: var(--dark-text-secondary) !important;
}

/* Золотые акценты */
.dark-theme .text-yellow-500 {
  color: #fcd34d !important; /* Более яркий и контрастный золотой */
  text-shadow: 0 0 4px rgba(251, 191, 36, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3) !important;
  font-weight: 600 !important;
}

/* Заголовки с золотым цветом - еще ярче */
.dark-theme h1.text-yellow-500,
.dark-theme h2.text-yellow-500,
.dark-theme h3.text-yellow-500 {
  color: #fbbf24 !important;
  text-shadow: 0 0 6px rgba(251, 191, 36, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4) !important;
  font-weight: 700 !important;
}

.dark-theme .border-yellow-500,
.dark-theme .border-yellow-600 {
  border-color: var(--gold-primary) !important;
}

.dark-theme .bg-yellow-500 {
  background-color: var(--gold-primary) !important;
  color: #000000 !important; /* Черный текст на золотом фоне */
}

/* Принудительно черный текст на всех золотых кнопках и элементах */
.dark-theme .bg-yellow-500,
.dark-theme .bg-yellow-400,
.dark-theme button.bg-yellow-500,
.dark-theme a.bg-yellow-500,
.dark-theme span.bg-yellow-500,
.dark-theme div.bg-yellow-500 {
  color: #000000 !important;
  font-weight: 600 !important;
}

/* Иконки на золотом фоне - тоже черные */
.dark-theme .bg-yellow-500 i,
.dark-theme .bg-yellow-400 i {
  color: #000000 !important;
}

/* Специальные стили для калькулятора */
.dark-theme .bg-gradient-to-br {
  background: linear-gradient(to bottom right, var(--dark-bg-secondary), var(--dark-bg)) !important;
  border: 2px solid var(--gold-primary) !important;
}

/* Виджет контактов */
.dark-theme #widget-panel {
  background: var(--dark-bg-secondary) !important;
  border: 2px solid var(--gold-primary) !important;
}

/* Скроллбар в темной теме */
.dark-theme ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark-theme ::-webkit-scrollbar-track {
  background: var(--dark-bg-tertiary);
}

.dark-theme ::-webkit-scrollbar-thumb {
  background: var(--gold-primary);
  border-radius: 4px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: var(--gold-accent);
}

/* Принудительное удаление всех фоновых изображений */
.dark-theme body,
.dark-theme html,
.dark-theme main {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
}

.dark-theme body.min-h-screen {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
}

/* Убираем все градиенты и фоновые изображения */
.dark-theme * {
  background-image: none !important;
}

.dark-theme body {
  background: #000000 !important;
  background-color: #000000 !important;
}

.dark-theme html {
  background: #000000 !important;
  background-color: #000000 !important;
}

.dark-theme main {
  background: #000000 !important;
  background-color: #000000 !important;
}