/**
 * Bootstrap Override - Make Bootstrap use shadcn/ui theme
 */

:root {
  --bs-font-sans-serif: var(--font-sans);
  --bs-success: hsl(var(--success));
  --bs-warning: hsl(var(--warning));
  --bs-info: hsl(var(--info));
  --bs-danger: hsl(var(--destructive));
}

/* Override Bootstrap buttons to use theme */
.btn {
  border-radius: var(--radius) !important;
  font-weight: var(--font-medium) !important;
  height: 2.5rem;
  padding: var(--spacing-2) var(--spacing-4);
  transition: all var(--transition-base);
}

.btn-primary {
  background-color: hsl(var(--primary)) !important;
  border-color: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
}

.btn-primary:hover {
  background-color: hsl(var(--primary) / 0.9) !important;
  border-color: hsl(var(--primary) / 0.9) !important;
}

.btn-secondary {
  background-color: hsl(var(--secondary)) !important;
  border-color: hsl(var(--secondary)) !important;
  color: hsl(var(--secondary-foreground)) !important;
}

.btn-secondary:hover {
  background-color: hsl(var(--secondary) / 0.8) !important;
  border-color: hsl(var(--secondary) / 0.8) !important;
}

.btn-outline-primary {
  border-color: hsl(var(--primary)) !important;
  border-width: 1.5px !important;
  color: hsl(var(--primary)) !important;
  background-color: transparent !important;
  font-weight: var(--font-medium) !important;
}

.btn-outline-primary:hover {
  background-color: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
  border-color: hsl(var(--primary)) !important;
  box-shadow: 0 0 0 2px hsl(var(--primary) / 0.2) !important;
}

.btn-outline-secondary {
  border-color: hsl(var(--border)) !important;
  border-width: 1.5px !important;
  color: hsl(var(--foreground)) !important;
  background-color: transparent !important;
  font-weight: var(--font-medium) !important;
}

.btn-outline-secondary:hover {
  background-color: hsl(var(--accent)) !important;
  color: hsl(var(--accent-foreground)) !important;
  border-color: hsl(var(--border)) !important;
  box-shadow: 0 0 0 2px hsl(var(--accent) / 0.2) !important;
}

.btn-light {
  background-color: hsl(var(--muted)) !important;
  border-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
}

.btn-light:hover {
  background-color: hsl(var(--muted) / 0.8) !important;
}

.btn-outline-light {
  border-color: rgba(255, 255, 255, 0.5) !important;
  border-width: 1.5px !important;
  color: white !important;
  background-color: transparent !important;
  font-weight: var(--font-medium) !important;
}

.btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) !important;
}

/* Enhanced outline buttons for better visibility */
.btn-outline-success {
  border-color: hsl(var(--success)) !important;
  border-width: 1.5px !important;
  color: hsl(var(--success)) !important;
  background-color: transparent !important;
  font-weight: var(--font-medium) !important;
}

.btn-outline-success:hover {
  background-color: hsl(var(--success)) !important;
  color: hsl(var(--success-foreground)) !important;
  border-color: hsl(var(--success)) !important;
  box-shadow: 0 0 0 2px hsl(var(--success) / 0.2) !important;
}

.btn-outline-danger {
  border-color: hsl(var(--destructive)) !important;
  border-width: 1.5px !important;
  color: hsl(var(--destructive)) !important;
  background-color: transparent !important;
  font-weight: var(--font-medium) !important;
}

.btn-outline-danger:hover {
  background-color: hsl(var(--destructive)) !important;
  color: hsl(var(--destructive-foreground)) !important;
  border-color: hsl(var(--destructive)) !important;
  box-shadow: 0 0 0 2px hsl(var(--destructive) / 0.2) !important;
}

.btn-outline-warning {
  border-color: hsl(var(--warning)) !important;
  border-width: 1.5px !important;
  color: hsl(var(--warning)) !important;
  background-color: transparent !important;
  font-weight: var(--font-medium) !important;
}

.btn-outline-warning:hover {
  background-color: hsl(var(--warning)) !important;
  color: hsl(var(--warning-foreground)) !important;
  border-color: hsl(var(--warning)) !important;
  box-shadow: 0 0 0 2px hsl(var(--warning) / 0.2) !important;
}

.btn-outline-info {
  border-color: hsl(var(--info)) !important;
  border-width: 1.5px !important;
  color: hsl(var(--info)) !important;
  background-color: transparent !important;
  font-weight: var(--font-medium) !important;
}

.btn-outline-info:hover {
  background-color: hsl(var(--info)) !important;
  color: hsl(var(--info-foreground)) !important;
  border-color: hsl(var(--info)) !important;
  box-shadow: 0 0 0 2px hsl(var(--info) / 0.2) !important;
}

.btn-outline-dark {
  border-color: hsl(var(--foreground)) !important;
  border-width: 1.5px !important;
  color: hsl(var(--foreground)) !important;
  background-color: transparent !important;
  font-weight: var(--font-medium) !important;
}

.btn-outline-dark:hover {
  background-color: hsl(var(--foreground)) !important;
  color: hsl(var(--background)) !important;
  border-color: hsl(var(--foreground)) !important;
  box-shadow: 0 0 0 2px hsl(var(--foreground) / 0.2) !important;
}

/* Override Bootstrap cards */
.card {
  background-color: hsl(var(--card)) !important;
  border: 1px solid hsl(var(--border)) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  transition: all var(--transition-base) !important;
}

.card:hover {
  box-shadow: var(--shadow-sm) !important;
}

.card.border-0,
.border-0.card {
  border: 1px solid hsl(var(--border)) !important;
}

.card.shadow-sm {
  box-shadow: none !important;
}

.card.shadow-sm:hover {
  box-shadow: var(--shadow-sm) !important;
}

.card-body {
  color: hsl(var(--card-foreground)) !important;
}

.card-title {
  color: hsl(var(--foreground)) !important;
  font-weight: var(--font-semibold) !important;
}

/* Override Bootstrap forms */
.form-control,
.form-select {
  background-color: hsl(var(--background)) !important;
  border-color: hsl(var(--input)) !important;
  color: hsl(var(--foreground)) !important;
  border-radius: var(--radius) !important;
  padding: var(--spacing-2) var(--spacing-3) !important;
  font-size: var(--text-sm) !important;
  height: 2.5rem;
}

.form-control:focus,
.form-select:focus {
  border-color: hsl(var(--ring)) !important;
  box-shadow: 0 0 0 2px hsl(var(--ring) / 0.2) !important;
  outline: none !important;
}

.form-label {
  color: hsl(var(--foreground)) !important;
  font-weight: var(--font-medium) !important;
  font-size: var(--text-sm) !important;
  margin-bottom: var(--spacing-2) !important;
}

/* Override Bootstrap badges */
.badge {
  border-radius: var(--radius) !important;
  padding: 0.125rem 0.625rem !important;
  font-weight: var(--font-medium) !important;
  font-size: var(--text-xs) !important;
}

/* Outline badges in buttons - make text visible */
.btn-outline-primary .badge,
.btn-outline-secondary .badge,
.btn-outline-success .badge,
.btn-outline-danger .badge,
.btn-outline-warning .badge,
.btn-outline-info .badge,
.btn-outline-dark .badge,
.btn-outline-light .badge {
  background-color: transparent !important;
  border: 1px solid currentColor !important;
  color: currentColor !important;
  font-weight: var(--font-semibold) !important;
}

/* Badges in buttons - Dark mode styling */
.dark .btn-primary .badge.bg-light.text-dark,
.dark .btn-secondary .badge.bg-light.text-dark,
.dark .btn-success .badge.bg-light.text-dark,
.dark .btn-danger .badge.bg-light.text-dark,
.dark .btn-warning .badge.bg-light.text-dark,
.dark .btn-info .badge.bg-light.text-dark {
  background-color: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
  border: 1px solid hsl(var(--border)) !important;
}

.btn-success {
  background-color: hsl(var(--success)) !important;
  border-color: hsl(var(--success)) !important;
  color: hsl(var(--success-foreground)) !important;
}

.btn-success:hover {
  background-color: hsl(var(--success) / 0.9) !important;
  border-color: hsl(var(--success) / 0.9) !important;
}

.btn-warning {
  background-color: hsl(var(--warning)) !important;
  border-color: hsl(var(--warning)) !important;
  color: hsl(var(--warning-foreground)) !important;
}

.btn-warning:hover {
  background-color: hsl(var(--warning) / 0.9) !important;
  border-color: hsl(var(--warning) / 0.9) !important;
}

.btn-info {
  background-color: hsl(var(--info)) !important;
  border-color: hsl(var(--info)) !important;
  color: hsl(var(--info-foreground)) !important;
}

.btn-info:hover {
  background-color: hsl(var(--info) / 0.9) !important;
  border-color: hsl(var(--info) / 0.9) !important;
}

.bg-success {
  background-color: hsl(var(--success)) !important;
  color: hsl(var(--success-foreground)) !important;
}

.bg-warning,
.bg-warning.text-dark {
  background-color: hsl(var(--warning)) !important;
  color: hsl(var(--warning-foreground)) !important;
}

.bg-info {
  background-color: hsl(var(--info)) !important;
  color: hsl(var(--info-foreground)) !important;
}

.text-success {
  color: hsl(var(--success)) !important;
}

.text-warning {
  color: hsl(var(--warning)) !important;
}

.text-info {
  color: hsl(var(--info)) !important;
}

.bg-danger {
  background-color: hsl(var(--destructive)) !important;
  color: hsl(var(--destructive-foreground)) !important;
}

/* Override Bootstrap navbar - Vega style */
.navbar {
  background-color: hsl(var(--background)) !important;
  border-bottom: 1px solid hsl(var(--border)) !important;
  box-shadow: var(--shadow-sm) !important;
}

.navbar-dark {
  background-color: hsl(var(--background)) !important;
  border-bottom: 1px solid hsl(var(--border)) !important;
}

.navbar-dark .navbar-brand {
  color: hsl(var(--foreground)) !important;
  font-weight: var(--font-semibold) !important;
}

.navbar-dark .navbar-brand:hover {
  color: hsl(var(--primary)) !important;
}

.navbar-dark .nav-link {
  color: hsl(var(--muted-foreground)) !important;
  font-weight: var(--font-medium) !important;
  transition: color var(--transition-base) !important;
}

.navbar-dark .nav-link:hover {
  color: hsl(var(--primary)) !important;
}

.navbar-dark .nav-link.active {
  color: hsl(var(--primary)) !important;
}

.navbar-toggler {
  border-color: hsl(var(--border)) !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Override Bootstrap bg-dark - Vega style */
.bg-dark {
  background-color: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
}

footer.bg-dark {
  background-color: hsl(var(--background)) !important;
  border-top: 1px solid hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
}

footer.bg-dark h5 {
  color: hsl(var(--foreground)) !important;
  font-weight: var(--font-semibold) !important;
}

footer.bg-dark .text-muted {
  color: hsl(var(--muted-foreground)) !important;
}

/* Override Bootstrap secondary color for better contrast in dark mode */
.dark {
  --bs-secondary-color: rgba(210, 210, 220, 0.85) !important;
  --bs-secondary-color-rgb: 210, 210, 220 !important;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bs-secondary-color: rgba(210, 210, 220, 0.85) !important;
    --bs-secondary-color-rgb: 210, 210, 220 !important;
  }
}

[data-bs-theme="dark"] {
  --bs-secondary-color: rgba(210, 210, 220, 0.85) !important;
  --bs-secondary-color-rgb: 210, 210, 220 !important;
}

footer.bg-dark .text-white,
footer .text-white {
  color: hsl(var(--foreground)) !important;
}

/* Override text-white globally for Vega theme */
.text-white {
  color: hsl(var(--foreground)) !important;
}

footer .text-white {
  color: hsl(var(--foreground)) !important;
}

/* Override Bootstrap text colors */
.text-primary {
  color: hsl(var(--primary)) !important;
}

.text-muted {
  color: hsl(var(--muted-foreground)) !important;
}

.bg-light {
  background-color: hsl(var(--muted)) !important;
}

/* Override Bootstrap shadows */
.shadow-sm {
  box-shadow: var(--shadow-sm) !important;
}

/* Override Bootstrap border radius */
.rounded {
  border-radius: var(--radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

/* Override Bootstrap display utilities */
.display-4,
.display-5 {
  color: hsl(var(--foreground)) !important;
  font-weight: var(--font-bold) !important;
  letter-spacing: -0.02em;
  line-height: var(--leading-tight);
}

.lead {
  color: hsl(var(--muted-foreground)) !important;
  line-height: var(--leading-relaxed);
}

/* Hero Section Button Overrides */
.hero-section .btn {
  font-weight: var(--font-medium) !important;
  padding: var(--spacing-3) var(--spacing-6) !important;
  border-radius: var(--radius) !important;
  transition: all var(--transition-base) !important;
}

.hero-section .btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md) !important;
}

.hero-section .btn-outline-light {
  border-color: hsl(var(--primary-foreground) / 0.3) !important;
  color: hsl(var(--primary-foreground)) !important;
  background-color: transparent !important;
}

.hero-section .btn-outline-light:hover {
  background-color: hsl(var(--primary-foreground) / 0.1) !important;
  border-color: hsl(var(--primary-foreground)) !important;
}

/* Override Bootstrap spacing for better consistency */
.py-5 {
  padding-top: var(--spacing-12) !important;
  padding-bottom: var(--spacing-12) !important;
}

.mb-4 {
  margin-bottom: var(--spacing-4) !important;
}

.mb-5 {
  margin-bottom: var(--spacing-8) !important;
}

.mt-3 {
  margin-top: var(--spacing-3) !important;
}

.me-2 {
  margin-right: var(--spacing-2) !important;
}

.p-4 {
  padding: var(--spacing-4) !important;
}

/* Override Bootstrap Alerts */
.alert {
  border-radius: var(--radius) !important;
  border: 1px solid hsl(var(--border)) !important;
  padding: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
}

.alert-primary {
  background-color: hsl(var(--primary) / 0.1) !important;
  border-color: hsl(var(--primary)) !important;
  border-width: 1px !important;
  color: hsl(var(--primary)) !important;
}

.alert-primary strong {
  color: hsl(var(--primary)) !important;
  font-weight: var(--font-semibold) !important;
}

.alert-secondary {
  background-color: hsl(var(--secondary) / 0.1) !important;
  border-color: hsl(var(--secondary)) !important;
  border-width: 1px !important;
  color: hsl(var(--secondary-foreground)) !important;
}

.alert-secondary strong {
  color: hsl(var(--secondary-foreground)) !important;
  font-weight: var(--font-semibold) !important;
}

.alert-success {
  background-color: hsl(var(--success) / 0.1) !important;
  border-color: hsl(var(--success)) !important;
  border-width: 1px !important;
  color: hsl(var(--success)) !important;
}

.alert-success strong {
  color: hsl(var(--success)) !important;
  font-weight: var(--font-semibold) !important;
}

.alert-danger {
  background-color: hsl(var(--destructive) / 0.1) !important;
  border-color: hsl(var(--destructive)) !important;
  border-width: 1px !important;
  color: hsl(var(--destructive)) !important;
}

.alert-danger strong {
  color: hsl(var(--destructive)) !important;
  font-weight: var(--font-semibold) !important;
}

.alert-warning {
  background-color: hsl(var(--warning) / 0.1) !important;
  border-color: hsl(var(--warning)) !important;
  border-width: 1px !important;
  color: hsl(var(--warning)) !important;
}

.alert-warning strong {
  color: hsl(var(--warning)) !important;
  font-weight: var(--font-semibold) !important;
}

.alert-info {
  background-color: hsl(var(--info) / 0.1) !important;
  border-color: hsl(var(--info)) !important;
  border-width: 1px !important;
  color: hsl(var(--info)) !important;
}

.alert-info strong {
  color: hsl(var(--info)) !important;
  font-weight: var(--font-semibold) !important;
}

.alert-light {
  background-color: hsl(var(--muted)) !important;
  border-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
}

.alert-dark {
  background-color: hsl(var(--background)) !important;
  border-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
}

.alert-dismissible .btn-close {
  padding: var(--spacing-2) !important;
  opacity: 0.7 !important;
}

.alert-dismissible .btn-close:hover {
  opacity: 1 !important;
}

/* Dark mode alerts */
@media (prefers-color-scheme: dark) {
  .alert-warning {
    color: hsl(var(--warning)) !important;
  }

  .alert-warning strong {
    color: hsl(var(--warning)) !important;
  }
}

.dark .alert-warning {
  color: hsl(var(--warning)) !important;
}

.dark .alert-warning strong {
  color: hsl(var(--warning)) !important;
}

/* Override Bootstrap Toasts */
.toast-container {
  z-index: 1050 !important;
  top: 5rem !important;
}

.toast {
  background-color: hsl(var(--card)) !important;
  border: 1px solid hsl(var(--border)) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-lg) !important;
  color: hsl(var(--foreground)) !important;
}

.toast-header {
  background-color: hsl(var(--card)) !important;
  border-bottom: 1px solid hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
  padding: var(--spacing-3) var(--spacing-4) !important;
}

.toast-header .me-auto {
  color: hsl(var(--foreground)) !important;
  font-weight: var(--font-semibold) !important;
}

.toast-header .text-muted {
  color: hsl(var(--muted-foreground)) !important;
}

.toast-body {
  color: hsl(var(--foreground)) !important;
  padding: var(--spacing-3) var(--spacing-4) !important;
}

.toast-body strong {
  color: hsl(var(--foreground)) !important;
  font-weight: var(--font-semibold) !important;
}

.toast .btn-close {
  opacity: 0.7 !important;
  filter: brightness(0) saturate(100%) invert(var(--icon-invert, 0)) !important;
}

.toast .btn-close:hover {
  opacity: 1 !important;
}

/* Toast with colored header variants */
.toast-header .text-primary {
  color: hsl(var(--primary)) !important;
}

.toast-header .text-success {
  color: hsl(var(--success)) !important;
}

.toast-header .text-danger {
  color: hsl(var(--destructive)) !important;
}

.toast-header .text-warning {
  color: hsl(var(--warning)) !important;
}

.toast-header .text-info {
  color: hsl(var(--info)) !important;
}

/* Dark mode toasts */
@media (prefers-color-scheme: dark) {
  .toast {
    background-color: hsl(var(--card)) !important;
    border-color: hsl(var(--border)) !important;
  }

  .toast-header {
    background-color: hsl(var(--card)) !important;
    border-bottom-color: hsl(var(--border)) !important;
  }
}

.dark .toast {
  background-color: hsl(var(--card)) !important;
  border-color: hsl(var(--border)) !important;
}

.dark .toast-header {
  background-color: hsl(var(--card)) !important;
  border-bottom-color: hsl(var(--border)) !important;
}

/* Override Bootstrap Modals */
.modal-content {
  background-color: hsl(var(--card)) !important;
  border-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
  box-shadow: var(--shadow-xl) !important;
}

.modal-header {
  background-color: hsl(var(--card)) !important;
  border-bottom-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
}

.modal-title {
  color: hsl(var(--foreground)) !important;
  font-weight: var(--font-semibold) !important;
}

.modal-body {
  background-color: hsl(var(--card)) !important;
  color: hsl(var(--foreground)) !important;
}

.modal-footer {
  background-color: hsl(var(--card)) !important;
  border-top-color: hsl(var(--border)) !important;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.modal-backdrop.show {
  opacity: 1 !important;
}

.modal-header .btn-close {
  filter: none !important;
  opacity: 0.6 !important;
  transition: opacity var(--transition-base), filter var(--transition-base) !important;
}

.modal-header .btn-close:hover {
  opacity: 1 !important;
}

/* Dark mode modal enhancements */
.dark .modal-content {
  background-color: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / 0.5) !important;
  box-shadow: var(--shadow-dark-xl), 0 0 0 1px hsl(var(--border) / 0.3) !important;
}

.dark .modal-header {
  background-color: hsl(var(--card)) !important;
  border-bottom-color: hsl(var(--border) / 0.5) !important;
}

.dark .modal-body {
  background-color: hsl(var(--card)) !important;
}

.dark .modal-footer {
  background-color: hsl(var(--card)) !important;
  border-top-color: hsl(var(--border) / 0.5) !important;
}

.dark .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(4px) !important;
}

.dark .modal-header .btn-close {
  filter: invert(1) brightness(1.2) !important;
  opacity: 0.7 !important;
}

.dark .modal-header .btn-close:hover {
  opacity: 1 !important;
  filter: invert(1) brightness(1.5) !important;
}

/* Override Bootstrap Dropdown Menu */
.dropdown-menu {
  background-color: hsl(var(--card)) !important;
  border-color: hsl(var(--border)) !important;
  color: hsl(var(--foreground)) !important;
  box-shadow: var(--shadow-md) !important;
}

.dropdown-item {
  color: hsl(var(--foreground)) !important;
  transition: all var(--transition-base) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: hsl(var(--accent)) !important;
  color: hsl(var(--accent-foreground)) !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: hsl(var(--muted-foreground)) !important;
  opacity: 0.5 !important;
}

.dropdown-divider {
  border-color: hsl(var(--border)) !important;
  opacity: 0.5 !important;
}

.dropdown-header {
  color: hsl(var(--muted-foreground)) !important;
  font-weight: var(--font-semibold) !important;
}

/* Dark mode dropdown enhancements */
.dark .dropdown-menu {
  background-color: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / 0.5) !important;
  box-shadow: var(--shadow-dark-lg) !important;
}

.dark .dropdown-item {
  color: hsl(var(--foreground)) !important;
}

.dark .dropdown-item:hover,
.dark .dropdown-item:focus {
  background-color: hsl(var(--accent)) !important;
  color: hsl(var(--accent-foreground)) !important;
}

.dark .dropdown-item.active,
.dark .dropdown-item:active {
  background-color: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
}

.dark .dropdown-item.disabled,
.dark .dropdown-item:disabled {
  color: hsl(var(--muted-foreground)) !important;
}

.dark .dropdown-divider {
  border-color: hsl(var(--border) / 0.5) !important;
}

.dark .dropdown-header {
  color: hsl(var(--muted-foreground)) !important;
}

/* Navbar dropdown in dark mode */
.dark .navbar .dropdown-menu {
  background-color: hsl(var(--card)) !important;
  border-color: hsl(var(--border) / 0.5) !important;
}

.dark .navbar .dropdown-item {
  color: hsl(var(--foreground)) !important;
}

.dark .navbar .dropdown-item:hover,
.dark .navbar .dropdown-item:focus {
  background-color: hsl(var(--accent)) !important;
  color: hsl(var(--accent-foreground)) !important;
}