/* Custom Playlist Lite – external stylesheet */

.cpl-sticky{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 9999;
  background: #111;
  color: #fff;
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .5rem 1rem;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  width: 100%;
  max-width: 1268px;
  box-sizing: border-box;
}

.cpl-sticky .cpl-btn{
  background:#222;
  border:1px solid #333;
  border-radius:.5rem;
  padding:.35rem .6rem;
  cursor:pointer;
  color:#fff;
}
.cpl-sticky .cpl-btn:hover{ background:#333; }

/* Wskaźnik aktywnego loopa */
.cpl-btn.loop-active{
  background:#4caf50;
  color:#fff;
  border-color:#4caf50;
}

.cpl-left,.cpl-right{ display:flex; gap:.5rem; align-items:center; }
.cpl-middle{ flex:1; min-width:0; display:flex; flex-direction:column; gap:.25rem; }
#cpl-track{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#cpl-seek{ width:100%; }

.cpl-list{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.2rem;
  max-height: 40vh;
  overflow: auto;
  background: #181818;
  color: #fff;
  border-top: 1px solid #333;
  padding: .5rem 1rem;
  width: 100%;
  max-width: 1268px;
  box-sizing: border-box;
}

.cpl-item{ display:flex; align-items:center; justify-content:space-between; padding:.25rem 0; border-bottom:1px dashed #333; }
.cpl-actions button{ margin-left:.5rem; }

/* Przyciski Dodaj do playlisty */
.cpl-add{
  display:block;
  width:100%;
  margin-left:0;
  margin-top:.25rem;
  background: #1e73be;
  color:#fff;
/*  border:1px solid #333;
  border-radius:.4rem; */
  padding:.4rem .6rem;
  cursor:pointer;
}
.cpl-add:hover{ background:#333; }

/* Shortcode list styles */
.cpl-shortcode #cpl-shortcode-list .cpl-item{ border-bottom:1px dashed #ccc; }


.cpl-add {
  width: 100%;
  margin-left: 0px;
}