/* Login page dark theme support */
/* Theme-specific logo display */
.dark-logo {
  display: none;
}

[data-theme="dark"] .light-logo {
  display: none;
}

[data-theme="dark"] .dark-logo {
  display: block;
}

/* Placeholder styling for light and dark themes */
.form-control::placeholder {
  color: var(--text-color);
  opacity: 0.5;
}

/* For Firefox */
.form-control::-moz-placeholder {
  color: var(--text-color);
  opacity: 0.5;
}

/* For Chrome/Safari/Opera */
.form-control::-webkit-input-placeholder {
  color: var(--text-color);
  opacity: 0.5;
}

/* For Microsoft Edge */
.form-control::-ms-input-placeholder {
  color: var(--text-color);
  opacity: 0.5;
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] .form-control::-moz-placeholder,
[data-theme="dark"] .form-control::-webkit-input-placeholder,
[data-theme="dark"] .form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* System/Auto theme */
@media (prefers-color-scheme: dark) {
  [data-theme="system"] .light-logo {
    display: none;
  }

  [data-theme="system"] .dark-logo {
    display: block;
  }
}

@media (prefers-color-scheme: light) {
  [data-theme="system"] .light-logo {
    display: block;
  }

  [data-theme="system"] .dark-logo {
    display: none;
  }
}

.register .card {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  box-shadow: 0 0.125rem 0.25rem rgba(128, 128, 128, 0.15);
}

.register .card-title {
  color: var(--text-color);
}

.register .card-body {
  color: var(--text-color);
}

.register .form-label {
  color: var(--text-color);
}

.register .form-control {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

.form-control:focus {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
  box-shadow: 0 0 0 0.25rem var(--border-color);
}

.form-select {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

.register .form-select:focus {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
  box-shadow: 0 0 0 0.25rem var(--border-color);
}

.register .input-group-text {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

.register .btn-primary {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

.register .btn-primary:hover {
  background-color: var(--text-color);
  border-color: var(--border-color);
  color: var(--bg-color);
}

.register .alert-danger {
  background-color: var(--bg-color-light);
  border-color: var(--border-color);
  color: var(--text-color);
}

.register .invalid-feedback {
  color: var(--text-color-light);
}

/* Language selector styling */
.language-picker {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

.language-picker:focus {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

/* Copyright text */
.text-center.mt-3 {
  color: var(--text-color);
}

.text-center.mt-3 strong {
  color: var(--text-color);
}

/* Small text and links */
.small {
  color: var(--text-color);
}

a {
  color: var(--text-color);
  text-decoration: none;
}

a:hover {
  color: var(--text-color-light);
  text-decoration: underline;
}