/* Day mode overrides — applied when body.day is active */

body.day {
  background: linear-gradient(rgba(240,240,245,0.88), rgba(240,240,245,0.88)),
              url('images/bg_player.jpg') center center / cover no-repeat fixed;
  color: #111;
}

body.day .player-head {
  background: rgba(255,255,255,0.82);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body.day .player-head-title {
  color: #cc0000;
  text-shadow: none;
}

body.day .head-icon-btn {
  background: rgba(0,0,0,0.07);
  border: 1px solid rgba(0,0,0,0.18);
  color: #222;
}
body.day .head-icon-btn:active { background: rgba(0,0,0,0.15); }

body.day .menu-btn {
  background: rgba(0,0,0,0.07);
  border: 1px solid rgba(0,0,0,0.18);
  color: #222;
}
body.day .menu-btn:active { background: rgba(0,0,0,0.15); }

body.day .mic-btn {
  background: rgba(0,0,0,0.07);
  border: 1px solid rgba(0,0,0,0.18);
  color: #222;
}

body.day .row-top {
  background: rgba(255,255,255,0.35);
}

body.day .now-art-wrap {
  background: rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
body.day .now-art-wrap.playing {
  box-shadow: 0 0 20px rgba(0,200,60,0.3), 0 0 0 2px rgba(0,200,60,0.4);
}

body.day .player-bar {
  background: rgba(255,255,255,0.75);
  border-top: 1px solid rgba(0,0,0,0.1);
}

body.day .player-title {
  color: #007700;
}

body.day .player-time {
  color: rgba(0,0,0,0.5);
}

body.day .player-seek {
  background: rgba(0,0,0,0.2);
}
body.day .player-seek::-webkit-slider-thumb {
  background: #222;
  box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

body.day .track-meta {
  color: rgba(0,0,0,0.45);
}
body.day .track-meta .meta-label { color: rgba(0,0,0,0.35); }
body.day .track-meta .meta-artist { color: rgba(0,140,40,0.85); }
body.day .track-meta .meta-tag {
  background: rgba(0,0,0,0.08);
}

body.day .player-controls button {
  background: linear-gradient(135deg, #d0e8ff, #4488ff);
  box-shadow: 0 0 8px rgba(0,100,255,0.3), inset 0 1px 0 rgba(255,255,255,0.4);
  border: 1px solid rgba(0,0,0,0.12);
  color: #001133;
}
body.day .player-controls #btn-pause {
  animation: rgb-glow-day 3s linear infinite;
}
@keyframes rgb-glow-day {
  0%   { box-shadow: 0 0 12px #ff6680 }
  33%  { box-shadow: 0 0 12px #44cc88 }
  66%  { box-shadow: 0 0 12px #4499ff }
  100% { box-shadow: 0 0 12px #ff6680 }
}

body.day .carousel-handle {
  background: rgba(0,0,0,0.08);
  border: 1px solid rgba(0,0,0,0.12);
  color: rgba(0,0,0,0.5);
}
body.day .carousel-handle:active { background: rgba(0,0,0,0.15); }

body.day .result-item {
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(0,0,0,0.12);
}
body.day .result-item.playing {
  border-color: #007700;
  background: rgba(0,200,60,0.08);
}
body.day .result-item:active { background: rgba(0,0,0,0.1); }
body.day .result-title { color: #111; }
body.day .result-dur { color: rgba(0,0,0,0.45); }

body.day .carousel-more-btn {
  background: linear-gradient(180deg, #880000, #cc2200);
}

body.day .more-btn {
  background: rgba(0,0,0,0.07);
  border: 1px solid rgba(0,0,0,0.15);
  color: rgba(0,0,0,0.6);
}
body.day .more-btn:active { background: rgba(0,0,0,0.13); }

body.day .carousel-wrap.open.expanded {
  background: rgba(240,240,245,0.96);
  border-top: 1px solid rgba(0,0,0,0.12);
}

body.day .search-modal-box {
  background: rgba(240,240,245,0.92);
  border: 1px solid rgba(0,0,0,0.12);
}
body.day .search-modal-label { color: rgba(0,0,0,0.6); }
body.day .search-modal-input {
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(0,0,0,0.2);
  color: #111;
}
body.day .search-modal-input::placeholder { color: rgba(0,0,0,0.3); }