/* ===== ОСНОВНЫЕ ФОНЫ ===== */
[data-theme="dark"] {
  /* Переменные только для тёмной темы (опционально) */
  --dark-bg: #1A1A1A;
  --dark-card: #2D2D2D;
  --dark-text: #E0E0E0;
}

[data-theme="dark"] body {
  background-color: #1A1A1A !important;
  color: #E0E0E0 !important;
}

[data-theme="dark"] .calculator,
[data-theme="dark"] .jovi-explanation-block,
[data-theme="dark"] .waste-info {
  background-color: #2D2D2D !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .result {
  background-color: #262626 !important;
  border-left-color: var(--secondary) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] #contacts {
  background-color: #0D0D0D !important;
}

[data-theme="dark"] footer {
  background-color: #0D0D0D !important;
}

/* ===== ПОЛЯ ВВОДА ===== */
[data-theme="dark"] input,
[data-theme="dark"] select {
  background-color: #333333 !important;
  color: #E0E0E0 !important;
  border-color: #444444 !important;
}

[data-theme="dark"] input::placeholder {
  color: #666666 !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus {
  border-color: var(--secondary) !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2) !important;
}

/* ===== КНОПКИ ВАЛЮТЫ ===== */
[data-theme="dark"] .currency-btn {
  background-color: #333333 !important;
  color: #E0E0E0 !important;
  border-color: #444444 !important;
}

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

/* ===== ЧЕКБОКСЫ ===== */
[data-theme="dark"] input[type="checkbox"] {
  accent-color: var(--secondary) !important;
  background-color: #333333 !important;
  border-color: #666666 !important;
}

/* ===== ТЕКСТ ===== */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3 {
  color: #FFFFFF !important;
}

[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] label {
  color: #E0E0E0 !important;
}

[data-theme="dark"] .note,
[data-theme="dark"] small,
[data-theme="dark"] em {
  color: #B0B0B0 !important;
}

/* ===== ГРАНИЦЫ И РАЗДЕЛИТЕЛИ ===== */
[data-theme="dark"] .calculator,
[data-theme="dark"] .result,
[data-theme="dark"] .jovi-explanation-block {
  border-color: #404040 !important;
}

[data-theme="dark"] hr {
  border-color: #333333 !important;
}

/* ===== КОНТАКТЫ И КАРТОЧКИ ===== */
[data-theme="dark"] .contact-method {
  background-color: #1A1A1A !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7) !important;
}

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

[data-theme="dark"] .contact-method p {
  color: #E0E0E0 !important;
}

/* ===== ССЫЛКИ ===== */
[data-theme="dark"] a {
  color: var(--secondary) !important;
}

[data-theme="dark"] a:hover {
  color: #FFD700 !important;
}

/* ===== ПЛАВАЮЩАЯ КНОПКА ТЕЛЕФОНА ===== */
[data-theme="dark"] .floating-phone-footer {
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
  /* Оставляем без изменений */
}

/* ===== БЛОКИ С РАСХОДНЫМИ МАТЕРИАЛАМИ И СТОИМОСТЬЮ ===== */
[data-theme="dark"] .materials-note {
  background-color: #2A2A2A !important;
  color: #E0E0E0 !important;
  border: 1px solid #404040 !important;
}

[data-theme="dark"] div[style*="background: #f8f4e9"] {
  background-color: #2A2A2A !important;
  color: #E0E0E0 !important;
  border: 1px solid #404040 !important;
}

[data-theme="dark"] div[style*="background: #f8f4e9"] h3 {
  color: #FFFFFF !important;
}

[data-theme="dark"] div[style*="background: #f8f4e9"] p {
  color: #E0E0E0 !important;
}

[data-theme="dark"] div[style*="background: #f8f4e9"] strong {
  color: var(--secondary) !important;
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ ===== */
[data-theme="dark"] .cta-buttons-block {
  border-top-color: #404040 !important;
}

[data-theme="dark"] .explanation-toggle {
  background-color: #2D2D2D !important;
  color: var(--secondary) !important;
}

[data-theme="dark"] .explanation-toggle:hover {
  background-color: #3A3A3A !important;
}

[data-theme="dark"] .explanation-inner {
  color: #E0E0E0 !important;
}

[data-theme="dark"] .explanation-inner h2 {
  color: #FFFFFF !important;
}

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