/* Weitere spezifische Dark Mode Anpassungen */
.dark-mode hr {
  border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode a {
  color: var(--bs-secondary); /* Linkfarbe aus CRM Dark Mode */
}

.dark-mode a:hover {
  color: var(--bs-primary); /* Secondary-Farbe als Hover */
}

.dark-mode .bg-light, 
.dark-mode .bg-white {
  background-color: var(--bg-dark) !important;
}

/* Dienstleistungen-Karten im Dark Mode */
.dark-mode .card .card-body.transparent-card {
  background-color: rgba(74, 74, 74, 0.7) !important;
}

.dark-mode .card .card-body.transparent-card:hover {
  background-color: rgba(74, 74, 74, 0.8) !important;
}

/* Input-Gruppen im Dark Mode */
.dark-mode .input-group-text {
  background-color: rgba(74, 74, 74, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--text-dark);
}

/* Fehlermeldungen und Erfolgsstatusfarben im Dark Mode */
.dark-mode .text-danger {
  color: #D45A4B !important;
}

.dark-mode .text-success {
  color: #A8E6CF !important;
}

.dark-mode .text-warning {
  color: #FFB000 !important;
}

.dark-mode .text-info {
  color: #1E6D8D !important;
}

/* Container-Hintergrund für bessere Lesbarkeit im Dark Mode */
.dark-mode .container-sm.bg-light {
  background-color: var(--bg-dark) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Footer im Dark Mode korrigieren */
.dark-mode .footer {
  background-color: var(--bg-dark) !important;
  color: var(--text-dark);
}

/* Farben für Footer-Links im Dark Mode */
.dark-mode .footer a,
.dark-mode .footer i {
  color: var(--text-dark);
  opacity: 0.8;
}

.dark-mode .footer a:hover,
.dark-mode .footer i:hover {
  color: var(--primary-color);
  opacity: 1;
}

/* Verbesserte Darstellung für das Postfach im Dark Mode */
.dark-mode .card-body .table-responsive {
  background-color: transparent;
}

.dark-mode .card-header h1 {
  color: var(--text-dark);
}

.dark-mode .table-striped.table-light {
  border-radius: 0.5rem;
  overflow: hidden;
}

/* Verbesserungen für Dark Mode Text-Darstellung */
.dark-mode .fs-5,
.dark-mode .fs-6,
.dark-mode p {
  color: var(--text-dark);
}

.dark-mode strong {
  color: var(--bs-secondary);
}

.dark-mode a:hover strong {
  color: var(--bs-primary); /* Secondary-Farbe als Hover */
}

/* Verbesserungen für Icons und Symbole im Dark Mode */
.dark-mode i[class*="fa-"] {
  opacity: 0.85;
}

.dark-mode i.fa-download,
.dark-mode i.fa-share {
  color: var(--text-dark);
}

.dark-mode .btn i:hover {
  color: var(--accent-color);
  opacity: 1;
}

/* Verbesserte Darstellung für deaktivierte Felder im Dark Mode */
.dark-mode input:disabled,
.dark-mode textarea:disabled,
.dark-mode select:disabled,
.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly] {
  background-color: rgba(60, 60, 60, 0.8) !important;
  color: rgba(200, 200, 200, 0.7) !important;
  border-color: rgba(100, 100, 100, 0.5) !important;
  cursor: not-allowed;
}

/* Verbesserte Darstellung für Labels von deaktivierten Feldern im Dark Mode */
.dark-mode .form-floating > .form-control:disabled ~ label,
.dark-mode .form-floating > .form-control[readonly] ~ label {
  color: rgba(180, 180, 180, 0.7) !important;
  opacity: 0.8;
}

/* Spezielle Hervorhebung für berechnete Werte in Modals */
.dark-mode .modal-body input:disabled {
  border-left: 3px solid var(--accent-color) !important;
}

/* Verbesserte Sichtbarkeit für den Arbeitszeit-Buchen-Button im Dark Mode */
.dark-mode .btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--text-dark) !important;
}

.dark-mode .btn-primary:hover {
  background-color: var(--success-color) !important; /* Dunklere Variante der Primary-Farbe */
  border-color: #1a5d7a !important;
  box-shadow: 0 0 8px rgba(30, 109, 141, 0.6);
  color: var(--text-light) !important;
}

.dark-mode .btn-success {
  color: var(--text-light) !important;
}

.dark-mode .btn-success:hover {
  color: var(--text-light) !important;
}

.dark-mode .btn-warning:hover {
  color: var(--text-light) !important;
}

.dark-mode .btn-secondary:hover {
  color: var(--text-light) !important;
}

.dark-mode .btn-success {
  color: var(--text-light) !important;
}

.dark-mode .btn-warning {
  color: var(--text-light) !important;
}

.dark-mode .btn-secondary {
  color: var(--text-light) !important;
}

.dark-mode .btn-primary:active,
.dark-mode .btn-primary:focus {
  background-color: #194f67 !important; /* Noch dunklere Variante für Active/Focus */
  border-color: #194f67 !important;
  box-shadow: 0 0 0 0.25rem rgba(30, 109, 141, 0.5);
}

/* Verbesserte Alerts im Dark Mode für bessere Lesbarkeit */
.dark-mode .alert {
  background-color: var(--bg-dark) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--text-dark) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.dark-mode .alert-success {
  background-color: rgba(168, 230, 207, 0.2) !important;
  border-color: rgba(168, 230, 207, 0.5) !important;
  color: var(--text-dark) !important;
}

.dark-mode .alert-danger {
  background-color: rgba(212, 90, 75, 0.2) !important;
  border-color: rgba(212, 90, 75, 0.5) !important;
  color: var(--text-dark) !important;
}

.dark-mode .alert-warning {
  background-color: rgba(255, 176, 0, 0.2) !important;
  border-color: rgba(255, 176, 0, 0.5) !important;
  color: var(--text-dark) !important;
}

.dark-mode .alert-info {
  background-color: rgba(30, 109, 141, 0.2) !important;
  border-color: rgba(30, 109, 141, 0.5) !important;
  color: var(--text-dark) !important;
}

/* Verbesserte Darstellung des Profilbild-Platzhalters im Dark Mode */
.dark-mode .profile-image-container {
  background-color: rgba(50, 50, 50, 0.6) !important;
  border: 2px solid rgba(255, 255, 255, 0.15) !important;
}

.dark-mode .profile-image-placeholder i {
  color: rgba(255, 255, 255, 0.3) !important;
  display: flex;
  justify-content: center;
  width: 100%;
}