@charset "UTF-8";
/* Wspólne produkt i content */
/* np. w pliku css/custom.css lub style.css Twojego motywu */
.custom-audio-player {
  display: flex;
  align-items: center;
  margin-bottom: 1rem; /* Odstęp między odtwarzaczami, jeśli jest ich wiele */
}

.custom-audio-play-button {
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 50%; /* Okrągły przycisk */
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px; /* Odstęp od ewentualnej wizualizacji */
}

.custom-audio-play-button:hover {
  background: #e0e0e0;
}

.waveform-container { /* Styl dla kontenera wizualizacji - patrz pytanie 2 */
  display: none; /* Ukryte do czasu wdrożenia nowej, lżejszej wizualizacji */
  flex-grow: 1;
  height: 0;
  /* background-color: #f9f9f9; */ /* Delikatne tło dla wizualizacji */
}

/*TODO - przeniesc do kontentu*/
article {
  /*Komponenty treści */
}
article .container .row .col-md-6 {
  border: 1px dotted #ccc;
  padding: 4rem;
}
article .container .row .col-md-4, article .container .row .col-md-8 {
  border: 1px dotted #ccc;
  padding: 4rem;
}
article .container .row .col-md-3, article .container .row .col-md-9 {
  border: 1px dotted #ccc;
  padding: 4rem;
}
article .container .row .col-md-5, article .container .row .col-md-7 {
  border: 1px dotted #ccc;
  padding: 4rem;
}
article .accordion-header {
  margin-bottom: 0;
  margin-top: 0;
}
article .accordion,
article table {
  /*border: 1px solid var(--bs-border-color);*/
  border: 1px solid #d1d1d1;
  /*border: var(--bs-card-border-width) solid rgba(0, 0, 0, 0.175);*/
  border-radius: 1rem;
  padding: 1rem;
}

/*# sourceMappingURL=content-nodes.css.map */