/**
 * OLED/True Black Mode Theme
 * 
 * Pure black background optimized for OLED screens to save battery
 * and reduce eye strain. This theme overrides all seasonal themes
 * when enabled.
 */

[data-oled-mode="true"] {
  /* Pure black background for OLED pixel-off benefit */
  --bs-body-bg: #000000 !important;
  --bs-secondary-bg: #0a0a0a !important;
  --bs-card-bg: #0a0a0a !important;
  
  /* Slightly lighter text to reduce stark contrast */
  --bs-body-color: #e8e8e8 !important;
  --bs-secondary-color: #b8b8b8 !important;
  
  /* Dark borders to maintain subtle separation */
  --bs-border-color: #1a1a1a !important;
  
  /* Keep accent colors but slightly dimmed for OLED */
  --bs-primary: #6ea8fe !important;
  --bs-success: #75b798 !important;
  --bs-danger: #ea868f !important;
  --bs-warning: #ffda6a !important;
  --bs-info: #6edff6 !important;
  
  /* Link colors adjusted for pure black background */
  --bs-link-color: #6ea8fe !important;
  --bs-link-hover-color: #8bb9fe !important;
}

/* Additional OLED-specific optimizations */
[data-oled-mode="true"] .list-group-item {
  background-color: #0a0a0a !important;
  border-color: #1a1a1a !important;
}

[data-oled-mode="true"] .list-group-item:hover {
  background-color: #141414 !important;
}

[data-oled-mode="true"] .modal-content {
  background-color: #0a0a0a !important;
  border-color: #1a1a1a !important;
}

/* Close buttons (X) in modals and offcanvas */
[data-oled-mode="true"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
  opacity: 0.8 !important;
}

[data-oled-mode="true"] .btn-close:hover {
  opacity: 1 !important;
}

[data-oled-mode="true"] .modal-header .btn-close,
[data-oled-mode="true"] .offcanvas-header .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
  opacity: 0.9 !important;
}

[data-oled-mode="true"] .offcanvas {
  background-color: #000000 !important;
}

[data-oled-mode="true"] .card {
  background-color: #0a0a0a !important;
  border-color: #1a1a1a !important;
}

[data-oled-mode="true"] .btn-outline-primary {
  border-color: #4a5568 !important;
}

[data-oled-mode="true"] .btn-outline-primary:hover {
  background-color: #1a1a1a !important;
}

[data-oled-mode="true"] .form-control,
[data-oled-mode="true"] .form-select {
  background-color: #0a0a0a !important;
  border-color: #1a1a1a !important;
  color: #e8e8e8 !important;
}

[data-oled-mode="true"] .form-control:focus,
[data-oled-mode="true"] .form-select:focus {
  background-color: #141414 !important;
  border-color: #2a2a2a !important;
}

/* Bottom menu specific styles for OLED */
[data-oled-mode="true"] .bottom-menu {
  background-color: #000000 !important;
  border-top-color: #1a1a1a !important;
}

[data-oled-mode="true"] .dropdown-menu {
  background-color: #0a0a0a !important;
  border-color: #1a1a1a !important;
}

[data-oled-mode="true"] .dropdown-item:hover {
  background-color: #141414 !important;
}