/* Accordion Playlist – adjustable widths & left alignment */
/* ------------------------------------------------------- */
:root {
  /* ==== ALIGNMENT: set to left ==== */
  /* Change this value to adjust accordion justification: */
  --sap-accordion-align-margin: 0 auto 0 0; /* <-- ALIGNMENT MARGIN (left) */

  /* ==== CONTAINER WIDTH ==== */
  --sap-accordion-container-width: 600px;

  /* ==== COVER ART WIDTH ==== */
  --sap-accordion-cover-width:     400px;

  /* ==== AUDIO PLAYER WIDTH ==== */
  --sap-accordion-audio-width:     400px;
}
/* ============================= */

/* Accordion container */
.sap-accordion {
  max-width: var(--sap-accordion-container-width) !important;
  margin: var(--sap-accordion-align-margin) !important;
  padding: 0;
  list-style: none;
}

/* Each accordion item */
.sap-accordion li {
  border-bottom: 1px solid #eee;
}

/* Toggle button */
.sap-accordion-toggle {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 10px 10px 10px 36px;  /* space for icon */
  margin: 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  position: relative;
}

/* Folder icons */
.sap-accordion-toggle::before {
  content: "\1F4C1"; /* 📁 closed */
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}
.sap-accordion li.sap-open > .sap-accordion-toggle::before {
  content: "\1F4C2"; /* 📂 open */
}

/* Hover background */
.sap-accordion-toggle:hover {
  background-color: #f5f5f5;
}

/* Hidden panel by default */
.sap-accordion-content {
  display: none;
  padding: 10px;
  background: transparent !important;
}

/* Show when open */
.sap-accordion li.sap-open > .sap-accordion-content {
  display: block;
}

/* Cover Art */
.sap-accordion-cover {
  width: var(--sap-accordion-cover-width) !important;
  height: auto;
  display: block;
  margin-bottom: 8px;
}

/* Audio Player */
.sap-accordion-content audio {
  width: var(--sap-accordion-audio-width) !important;
  max-width: 100%;
  display: block;
  margin-bottom: 8px;
}

/* Album & Artist text – left-justified */
.sap-accordion-album,
.sap-accordion-artist {
  margin: 6px 0 0 0;
  padding: 0;
  font-size: 18px;
  text-align: left !important;
}