/**
 * @file
 * Override for vertical tabs menu - dark background for better visibility
 */

.vertical-tabs__menu-item {
  background-color: #2a2a2a !important; /* Dark background */
}

.vertical-tabs__menu-item a {
  color: #e8e8e8 !important; /* Light text */
}

.vertical-tabs__menu-item.is-selected {
  background-color: #1a1a1a !important; /* Even darker when selected */
}

.vertical-tabs__menu-item:hover {
  background-color: #3a3a3a !important; /* Slightly lighter on hover */
}

/* Remove light background around editor */
#edit-field-lyrics-and-chords-wrapper {
  background-color: transparent !important;
}

#edit-field-lyrics-and-chords-wrapper .text-format-wrapper {
  background-color: transparent !important;
}

/* Fix white-space pre issue */
#edit-field-lyrics-and-chords-wrapper * {
  white-space: normal !important;
  text-wrap-mode: wrap !important;
  white-space-collapse: collapse !important;
}