/* djm-dark.css */

/* Placeholder styling */

::placeholder {
    color: #b0b0b0 !important;
    font-style: italic !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

::-webkit-input-placeholder {
    color: #b0b0b0 !important;
    font-style: italic !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

:-ms-input-placeholder {
    color: #b0b0b0 !important;
    font-style: italic !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

::-ms-input-placeholder {
    color: #b0b0b0 !important;
    font-style: italic !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

/* Hintergrundfarbe und Textfarbe für das dunkle Theme */
body {
    background-color: #000000;
    color: #ffffff;
}
form .input-guestname, form .input-songname {
    background-color: #1f1e1e;
    border-color: #646464 !important;
    color:#fff !important;
}

/* Refresh-Button Icon Farbe */
.refresh-button:before {
    color: #afafaf;
}

/* Submit-Button Farben */
.submit-button {
    background-color: #1b1919 !important;
    border: 1px solid #b18d5f !important;
    color: #ffffff;
}

/* Alles Löschen-Button Farben */
.delete-all-button {
    background-color: #121212 !important;
    border: 1px solid #303030 !important;
    color: #ffffff;
}

/* Gastname Hintergrundfarbe */
.guestname {
    background-color: #4d4d4d;
}

/* Songname Textfarbe */
.request-info .songname {
    color: #eaeaea;
}

.request-item {
    border: 1px solid #1d1d1d;
    border-left: 6px solid #656565;
    background-color: #1d1d1d;
}

.guest-tip-yes {
  background-color: #2f3b08 !important;
  /*  border: 3px solid #b18d5f !important;*/
}

.play-button:before {
  color: #adadad;
}

.spotify-button:before {
    color: #adadad;
}

.delete-icon:before {
    color: #adadad;
}

/* Vote Count Hintergrundfarbe und Textfarbe */
.vote-count {
    background-color: #b18d5f;
    color: #ffffff;
}

.confirmation-popup {
    background-color: #000000;

}

.vote-button:before {
color: #b18d5f;
}

.vote-button.voted:before {
color: #b18d5f;
}
/* Spotify-Ergebnisse Hintergrundfarbe */
#spotify-results {
    background: #222222;
}

/* Einzelnes Spotify-Ergebnis Textfarbe */
.spotify-result {
    color: #b1b1b1;
    border-color:#050505;
}

/* Hover-Effekt für Spotify-Ergebnisse */
.spotify-result:hover {
    background-color: #444444;
}

/* Plus-Icon Farbe */
.plus-icon:before {
    color: #b1b1b1;
}

/* Spotify-Popup Hintergrundfarbe und Textfarbe */
#spotify-popup {
    background-color: #1DB954;
    color: white;
}

/* Danke-Nachricht Hintergrundfarbe und Textfarbe */
.thankyou-message {
    background-color:#255715;
    color: white;
}

.popup-content p {
  color:#ffffff;
}

#tip-popup {
  background-color:#171717;
  border: 1px solid #ffffff;
}

.tip-button {
    color: #fff;
    background-color: #000000;
    border: 1px solid #636363;
  }

/* Limit-Nachricht Hintergrundfarbe und Textfarbe */
.limit-message {
    background-color: rgba(205, 9, 9, 0.91);
    color: white;
}

.djm-event-name {
  color: #d1aa78;
}

.djm-dj-slogan {
  color: #ffffff;
}
/* Server-Status Indikator Farben */
.server-status-indicator {
    background-color: red; /* Standardfarbe für nicht laufenden Server */
}

.server-status-indicator.green {
    background-color: green; /* Farbe für laufenden Server */
}