/* Dark theme specific styles for dubrovin.kz */

/* Header dark theme */
[data-theme="dark"] .header--scrolled {
  background: rgba(12, 19, 35, 0.95);
  backdrop-filter: blur(20px);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .header {
  background: rgba(12, 19, 35, 0.9);
  border-bottom-color: var(--border-color);
}

/* Back to top dark theme */
[data-theme="dark"] .back-to-top {
  background: var(--primary-color) !important;
  box-shadow: 0 4px 12px rgba(96, 165, 250, 0.3);
}

/* Amount buttons dark theme */
[data-theme="dark"] .amount-btn {
  background: var(--background-light);
  border-color: var(--border-color);
  color: var(--text-color);
}

[data-theme="dark"] .amount-btn:hover {
  background: var(--background-alt);
  border-color: var(--primary-color);
  color: var(--primary-color);
}

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

/* Forms dark theme */
[data-theme="dark"] input,
[data-theme="dark"] textarea {
  background: var(--background-light);
  border-color: var(--border-color);
  color: var(--text-color);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
}

/* Buttons dark theme */
[data-theme="dark"] .btn--primary {
  background: var(--primary-color);
  color: var(--background);
}

[data-theme="dark"] .btn--secondary {
  background: var(--background-light);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

[data-theme="dark"] .btn--secondary:hover {
  background: var(--primary-color);
  color: var(--background);
}

[data-theme="dark"] .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(96, 165, 250, 0.3);
}

/* Theme toggle dark theme */
[data-theme="dark"] .theme-toggle {
  border-color: var(--border-color);
  background: var(--background-light);
}

[data-theme="dark"] .theme-toggle:hover {
  background: var(--background-alt);
  border-color: var(--primary-color);
  color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(125, 211, 252, 0.2);
}

/* Better text contrast in dark theme */
[data-theme="dark"] .nav-link {
  color: var(--text-color);
}

[data-theme="dark"] .nav-link:hover {
  color: var(--primary-color);
}

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

[data-theme="dark"] .mobile-nav-link {
  color: var(--text-color);
}

[data-theme="dark"] .mobile-nav-link:hover {
  color: var(--primary-color);
}