@import "base.css";
/* --------------------------------
 * Hearts - Perfect for Love Songs
 * -------------------------------- */

/* Override */
.euphonious-mp3-embedder-lite-track-container table,
.euphonious-mp3-embedder-lite-album table,
.euphonious-mp3-player-layout {
  border-width: 0 !important;
}

.hearts.euphonious-mp3-embedder-lite-track-container,
.hearts.euphonious-mp3-embedder-lite-album,
.hearts.euphonious-mp3-embedder-lite-title,
.hearts.euphonious-mp3-player-layout {
  font-family: Arial, Helvetica, sans-serif;
}

 /* Track container */
.hearts.euphonious-mp3-embedder-lite-track-container {
  background-color: #DDDDDD;
  border: 1px solid #cccccc !important;
  border-radius: 6px !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden !important;
  background-image: url('images/hearts.jpg');background-position: top /* Background Image */
}

/* Album container */
.hearts.euphonious-mp3-embedder-lite-album {
  background-color: #dddddd;
  border: 1px solid #fcb2b2 !important;
  border-radius: 6px !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-image: url('images/hearts.jpg');background-position: top 
}

.euphonious-mp3-player-layout td {
  border-width: 0 !important;
}

.hearts .euphonious-mp3-player-layout {
  border: 2px solid #fcb2b2 !important;
  background-color: #f9f9f9;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #fcb2b2 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border-collapse: separate !important; /* Critical for tables with border-radius */
  background-color: #f9f9f9;
}

.hearts .euphonious-mp3-player-right-col {
  border: 2px solid #ddd !important;
  border-width: 2px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

/* Album info container */
.hearts .euphonious-mp3-embedder-lite-album-info {
  border: 2px solid #fcb2b2 !important;
  border-radius: 6px !important;
  padding: 10px;
}

.hearts .euphonious-mp3-embedder-lite-playhead {
    background: #fcb2b2;
    border-radius: 5px;
}

.hearts .euphonious-mp3-embedder-lite-progress {
    background: #f94a4a;
}

.hearts .euphonious-mp3-embedder-lite-title {
  color: #000000;
}

.hearts .euphonious-mp3-embedder-lite-track-title {
  color: #000000;
}

.hearts .euphonious-mp3-embedder-lite-track-artist {
  color: #000000;
}

.hearts .euphonious-mp3-embedder-lite-album-artist {
  color: #000000;
}

.hearts .euphonious-mp3-embedder-lite-album-year,
.hearts .euphonious-mp3-embedder-lite-album-genre {
  color: #000000;
}

.hearts .euphonious-mp3-embedder-lite-details {
    color: #000000;
}

.hearts .euphonious-time-display {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

/* Label colors */
.hearts .artist-label,
.hearts .album-label,
.hearts .songwriters-label,
.hearts .musicians-label,
.hearts .producer-label,
.hearts .year-label,
.hearts .genre-label {
  color: #792a2a;
}

/* Album header structure */
.hearts .euphonious-mp3-embedder-lite-album-header {
  border-bottom: 0px solid #3a06f8;
}

.hearts .euphonious-mp3-embedder-lite-play {
  background: #fa5e5e;
  color: white;
  border: 0px solid #91847b;
}

.hearts .euphonious-mp3-embedder-lite-play:hover {
    background: #792a2a;
}

.hearts .euphonious-mp3-embedder-lite-stop {
  background-color: #fa5e5e;
  color: #fff;
  border: 0px solid #91847b;
  transition: background-color 0.2s ease;
}

.hearts .euphonious-mp3-embedder-lite-stop:hover {
  background-color: #792a2a;
}

.hearts .euphonious-mp3-embedder-lite-download-button {
    background: #fa5e5e;
    color: white;
    transition: background-color 0.2s ease;
}

.hearts .euphonious-mp3-embedder-lite-download-button:hover {
    background: #792a2a;
}

.hearts .euphonious-mp3-embedder-lite-musicians-toggle {
    color: #792a2a;
}

.hearts .track-item {
    background: #f5f5f5;
    border: 1px solid #d1c4b2;
    color: #4a4a4a;
    background-size: cover;
}

.hearts .track-item h4 {
    border-bottom: 1px solid #c2b8ab;
    color: #a14646;
}

.hearts .upload-mode-selector,
.hearts .tracks-container {
    background: #ede8e4;
    border: 1px solid #bea7a2;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.hearts .euphonious-mp3-embedder-lite-play,
.hearts .euphonious-mp3-embedder-lite-download-button {
    transition: background-color 0.2s ease;
}