/* Override ACE Editor bundled CSS for dark mode */
/* This file is loaded AFTER chordproject-editor to override its hardcoded light theme */

/* When in dark mode, apply dark theme to ACE editor */
[data-theme="dark"] #chordProjectEditor .ace_editor,
[data-theme="dark"] #chordProjectEditor .ace_content,
[data-theme="dark"] #chordProjectEditor .ace_scroller,
[data-theme="dark"] #chordProjectEditor .ace_layer,
[data-theme="dark"] #chordProjectEditor .ace_line,
[data-theme="dark"] #chordProjectEditor .ace_gutter,
[data-theme="dark"] #chordProjectEditor .ace_gutter-cell,
[data-theme="dark"] #chordProjectEditor .ace_text-layer,
[data-theme="dark"] #chordProjectEditor .aceprint-manager,
[data-theme="dark"] #chordProjectEditor .aceprints-manager {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

/* Ensure ALL text content is visible - specific override for text layers */
[data-theme="dark"] #chordProjectEditor .ace_content,
[data-theme="dark"] #chordProjectEditor .ace_content *,
[data-theme="dark"] #chordProjectEditor .ace_text-layer,
[data-theme="dark"] #chordProjectEditor .ace_text-layer * {
  color: #f8fafc !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

[data-theme="dark"] #chordProjectEditor .ace_gutter,
[data-theme="dark"] #chordProjectEditor .ace_gutter-cell {
  background-color: #0f172a !important;
  color: #94a3b8 !important;
}

[data-theme="dark"] #chordProjectEditor .ace_cursor {
  color: #f8fafc !important;
  border-color: #f8fafc !important;
}

[data-theme="dark"] #chordProjectEditor .ace_selection {
  background-color: #334155 !important;
}

[data-theme="dark"] #chordProjectEditor .ace_marker-layer .ace_selection {
  background-color: #334155 !important;
}

[data-theme="dark"] #chordProjectEditor .ace_marker-layer .ace_active-line {
  background-color: #334155 !important;
}

[data-theme="dark"] #chordProjectEditor .ace_line {
  color: #f8fafc !important;
}

[data-theme="dark"] #chordProjectEditor .ace_identifier,
[data-theme="dark"] #chordProjectEditor .ace_string,
[data-theme="dark"] #chordProjectEditor .ace_comment,
[data-theme="dark"] #chordProjectEditor .ace_meta,
[data-theme="dark"] #chordProjectEditor .ace_support,
[data-theme="dark"] #chordProjectEditor .ace_variable,
[data-theme="dark"] #chordProjectEditor .ace_constant,
[data-theme="dark"] #chordProjectEditor .ace_entity,
[data-theme="dark"] #chordProjectEditor .ace_operator {
  color: #f8fafc !important;
  background-color: transparent !important;
}


[data-theme="dark"] #chordProjectEditor .ace_line .ace_keyword span,
[data-theme="dark"] #chordProjectEditor .ace_line .ace_keyword {
  color: var(--color-primary, #000000) !important;
}

[data-theme="dark"] #chordProjectEditor .ace_invisible {
  color: #475569 !important;
}

[data-theme="dark"] #chordProjectEditor .ace_indent-guide {
  background-color: #334155 !important;
}

[data-theme="dark"] #chordProjectEditor .ace_fold {
  background-color: #475569 !important;
}

[data-theme="dark"] #chordProjectEditor .ace_brace {
  color: #f8fafc !important;
  border-color: #f8fafc !important;
}

/* Specific overrides for hardcoded elements in ace_searchbox */
[data-theme="dark"] #chordProjectEditor .ace_search {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

[data-theme="dark"] #chordProjectEditor .ace_search_field {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

[data-theme="dark"] #chordProjectEditor .ace_searchbtn {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

/* Ensure the editor itself has dark background */
[data-theme="dark"] #chordProjectEditor {
  background-color: #1e293b !important;
}

/* Target ALL possible text elements in ACE editor */
[data-theme="dark"] #chordProjectEditor span,
[data-theme="dark"] #chordProjectEditor div,
[data-theme="dark"] #chordProjectEditor pre,
[data-theme="dark"] #chordProjectEditor code,
[data-theme="dark"] #chordProjectEditor text {
  color: #f8fafc !important;
  opacity: 1 !important;
  visibility: visible !important;
  background-color: transparent !important;
}

/* Specific target for ACE line text */
[data-theme="dark"] #chordProjectEditor .ace_line span {
  color: #f8fafc !important;
  opacity: 1 !important;
  background-color: transparent !important;
}

/* Target chordpro-specific content */
[data-theme="dark"] #chordProjectEditor .ace_chordpro {
  color: #f8fafc !important;
}

/* Chord styling in ACE editor - use primary color for chords */
[data-theme="dark"] #chordProjectEditor .ace_chordpro .ace_chord,
[data-theme="dark"] #chordProjectEditor .ace_chordpro .ace_chord *,
[data-theme="light"] #chordProjectEditor .ace_chordpro .ace_chord,
[data-theme="light"] #chordProjectEditor .ace_chordpro .ace_chord *,
[data-theme="emerald"] #chordProjectEditor .ace_chordpro .ace_chord,
[data-theme="emerald"] #chordProjectEditor .ace_chordpro .ace_chord *,
#chordProjectEditor .chord,
#chordProjectEditor .chord * {
  color: var(--color-primary-content, #000000) !important;
  background-color: var(--color-primary, #C4FD63) !important;
  opacity: 1 !important;
  visibility: visible !important;
}