/* Audio Capsule styles - discrete bar visualization */
.audio-bars { margin: 0; }
.block-editor-block-list__block .audio-bars { margin: 0; }
.audio-bars .bar { margin: 0; }
.audio-capsule { position: relative; }
/* Only hide native audio when enhanced (front-end). Editor needs controls. */
.audio-capsule.audio-capsule--enhanced .audio-element audio { display: none; }

.audio-capsule .audio-timeline { display: flex; align-items: center; gap: 1rem; }
.audio-capsule .audio-timeline { justify-content: space-between; }
.audio-capsule .audio-timeline { position: relative; z-index: 1; }
.audio-capsule .audio-time-current { text-align: right; min-width: 3.5ch; }
.audio-capsule .audio-time-duration { text-align: left; min-width: 3.5ch; }
.audio-capsule .audio-time { color: var(--wp--preset--color--noir); opacity: 0.8; white-space: nowrap; }

.audio-capsule .audio-bars-container { flex: 1; width: 100%; display: flex; justify-content: center; }
.audio-capsule .audio-bars {
  position: relative;
  height: 70px;
  width: 100%;
  max-width: 720px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}
.audio-capsule .audio-bars .bar {
  width: 2.72px;
  height: 20px;
  background: #D9D9D9; /* Uncompleted */
  border-radius: 2px;
}
.audio-capsule .audio-bars .bar.completed {
  background: var(--wp--preset--color--primary-red); /* Completed */
}

/* Play button styling */
.audio-capsule .audio-controls { justify-content: center; position: relative; z-index: 2; }
.audio-capsule .audio-controls .audio-play .wp-block-button__link {
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 0; /* hide text label visually */
  width: 30.86px;
  height: 35.44px;
  position: relative;
  z-index: 3;
  cursor: pointer;
  pointer-events: auto;
}
.audio-capsule .audio-controls .audio-play .wp-block-button__link .icon-play,
.audio-capsule .audio-controls .audio-play .wp-block-button__link .icon-pause {
  display: inline-block;
  width: 30.86px; height: 35.44px;
  fill: var(--wp--preset--color--primary-red);
  pointer-events: none;
}
.audio-capsule .audio-controls .audio-play .wp-block-button__link .icon-pause { visibility: hidden; position: absolute; }
.audio-capsule .audio-controls .audio-play .wp-block-button__link.is-playing .icon-play { visibility: hidden; position: absolute; }
.audio-capsule .audio-controls .audio-play .wp-block-button__link.is-playing .icon-pause { visibility: visible; position: static; }

/* Prevent native audio from intercepting clicks only when enhanced */
.audio-capsule.audio-capsule--enhanced .wp-block-audio,
.audio-capsule.audio-capsule--enhanced .audio-element { pointer-events: none; }