/* Shared identity. Override these variables centrally in a child theme if needed. */
.ashar-audio {
  --ashar-audio-gold: #8a6424;
  --ashar-audio-paper: #faf7f0;
  --ashar-audio-ink: #292e2b;
  --ashar-audio-muted: #64685e;
  --ashar-audio-line: #ded8cb;
  container-type: inline-size; box-sizing: border-box; width: 100%; max-width: var(--ashar-audio-width, 820px); margin: 1.5rem auto;
  padding: clamp(12px, 4vw, var(--ashar-audio-padding, 32px)); border: 1px solid var(--ashar-audio-line);
  border-radius: var(--ashar-audio-radius, 18px); background: var(--ashar-audio-paper); color: var(--ashar-audio-ink);
  box-shadow: 0 12px 32px #292e2b09; font: inherit; font-size: var(--ashar-audio-font-size, 16px); text-align: left; line-height: 1.5;
}
.ashar-audio *, .ashar-audio *::before, .ashar-audio *::after { box-sizing: border-box; }
.ashar-audio [hidden] { display: none !important; }
.ashar-audio .ashar-audio__eyebrow { display: block; color: var(--ashar-audio-gold); font-size: .7rem; font-weight: 700; letter-spacing: .2em; margin-bottom: 6px; }
.ashar-audio .ashar-audio__header h3 { color: var(--ashar-audio-ink); margin: 0 0 24px; font-size: clamp(1.25rem, 3vw, 1.65rem); line-height: 1.25; text-transform: none; letter-spacing: 0; }
.ashar-audio .ashar-audio__media { width: 100%; }
.ashar-audio button { appearance: none; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 44px; min-height: 44px; width: 44px; padding: 0; margin: 0; border: 1px solid var(--ashar-audio-line); border-radius: 50%; background: transparent; color: var(--ashar-audio-ink); font: inherit; font-size: 1.5rem; line-height: 1; letter-spacing: 0; text-transform: none; box-shadow: none; cursor: pointer; }
.ashar-audio button:hover { background: var(--ashar-audio-selected, #f0eade); }
.ashar-audio button.ashar-audio__play { width: 56px; min-height: 56px; background: var(--ashar-audio-gold); border-color: var(--ashar-audio-gold); color: var(--ashar-audio-button-text, #fff); font-size: 1.15em; }
.ashar-audio button:disabled { opacity: .4; cursor: default; }
.ashar-audio .ashar-audio__transport { display: flex; gap: 12px; align-items: center; }
.ashar-audio .ashar-audio__now { flex: 1; min-width: 0; }
.ashar-audio .ashar-audio__title-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.ashar-audio .ashar-audio__current { display: inline-block; font-size: 1em; font-weight: 600; overflow-wrap: anywhere; }
.ashar-audio .ashar-audio__badge { display: inline-flex; align-items: center; padding: 2px 8px; border: 1px solid var(--ashar-audio-gold); border-radius: 999px; font-size: .7em; font-weight: 600; line-height: 1.2; letter-spacing: .04em; color: var(--ashar-audio-gold); background: #8a642418; background: color-mix(in srgb, var(--ashar-audio-gold) 12%, transparent); white-space: nowrap; }
.ashar-audio .ashar-audio__badge[hidden] { display: none !important; }
.ashar-audio .ashar-audio__badge--list { margin-left: 6px; font-size: .65em; padding: 1px 6px; }
.ashar-audio .ashar-audio__artist { display: block; color: var(--ashar-audio-muted); font-size: .8em; margin-top: 2px; }
.ashar-audio .ashar-audio__timeline { display: flex; gap: 10px; align-items: center; margin-top: 14px; font-size: .75em; font-variant-numeric: tabular-nums; color: var(--ashar-audio-muted); }
.ashar-audio .ashar-audio__wave-wrap { position: relative; flex: 1; min-width: 0; height: 38px; display: flex; align-items: center; }
.ashar-audio .ashar-audio__waveform { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; border-radius: 4px; }
.ashar-audio input[type=range] { appearance: auto; -webkit-appearance: auto; display: block; height: 28px; min-width: 0; padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; accent-color: var(--ashar-audio-gold); cursor: pointer; }
.ashar-audio .ashar-audio__seek { flex: 1; width: 100%; }
.ashar-audio[data-waveform-ready="1"] .ashar-audio__seek { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; margin: 0; cursor: pointer; }
.ashar-audio[data-waveform-ready="1"] .ashar-audio__wave-wrap:focus-within { outline: 2px solid var(--ashar-audio-gold); outline-offset: 3px; border-radius: 6px; }
.ashar-audio.ashar-audio--single .ashar-audio__previous,
.ashar-audio.ashar-audio--single .ashar-audio__next,
.ashar-audio.ashar-audio--single .ashar-audio__tracks,
.ashar-audio.ashar-audio--single .ashar-audio__pager { display: none !important; }
.ashar-audio .ashar-audio__volume-label { display: flex; gap: 10px; align-items: center; justify-content: flex-end; margin: 8px 0 0; font-size: .75em; font-weight: 400; color: var(--ashar-audio-muted); }
.ashar-audio .ashar-audio__volume { width: 95px; }
.ashar-audio .ashar-audio__status { margin: 8px 0; color: #8c2922; font-size: .85rem; }
.ashar-audio .ashar-audio__status:empty { display: none; }
.ashar-audio .ashar-audio__tracks { list-style: none; padding: 0; margin: 20px 0 0; border-top: 1px solid var(--ashar-audio-line); }
.ashar-audio .ashar-audio__tracks li { padding: 0; margin: 0; list-style: none; border-bottom: 1px solid var(--ashar-audio-line); }
.ashar-audio a.ashar-audio__track { display: flex; gap: 14px; align-items: center; min-height: var(--ashar-audio-row-height, 58px); padding: 10px 12px; margin: 0; color: var(--ashar-audio-ink); background: transparent; font: inherit; text-decoration: none; border: 0; border-radius: 6px; box-shadow: none; }
.ashar-audio a.ashar-audio__track:hover, .ashar-audio a.ashar-audio__track[aria-current=true] { background: var(--ashar-audio-selected, #f0eade); }
.ashar-audio a.ashar-audio__track[aria-current=true] { box-shadow: inset 3px 0 var(--ashar-audio-gold); }
.ashar-audio .ashar-audio__number { font-size: .7rem; color: var(--ashar-audio-muted); font-variant-numeric: tabular-nums; }
.ashar-audio .ashar-audio__track-title { flex: 1; min-width: 0; font-size: .9em; overflow-wrap: anywhere; }
.ashar-audio .ashar-audio__track-title small { display: block; color: var(--ashar-audio-muted); font-size: .75em; }
.ashar-audio .ashar-audio__track-duration { color: var(--ashar-audio-muted); font-size: .75em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ashar-audio :is(button, a, input):focus-visible { outline: 3px solid #205f65; outline-offset: 3px; }
@media (max-width: 420px) {
  .ashar-audio .ashar-audio__transport { gap: 7px; flex-wrap: wrap; }
  .ashar-audio .ashar-audio__now { flex-basis: calc(100% - 75px); }
  .ashar-audio .ashar-audio__track { gap: 9px; padding: 10px 8px; }
}
@media (forced-colors: active) {
  .ashar-audio a.ashar-audio__track[aria-current=true] { outline: 2px solid Highlight; }
}

.ashar-audio .ashar-audio__header { background: var(--ashar-audio-header-background, var(--ashar-audio-paper)); color: var(--ashar-audio-header-text, var(--ashar-audio-ink)); margin: calc(-1 * clamp(12px, 4vw, var(--ashar-audio-padding, 32px))) calc(-1 * clamp(12px, 4vw, var(--ashar-audio-padding, 32px))) 24px; padding: clamp(12px, 4vw, var(--ashar-audio-padding, 32px)); border-radius: var(--ashar-audio-radius, 18px) var(--ashar-audio-radius, 18px) 0 0; }
.ashar-audio .ashar-audio__header h3 { color: inherit; margin-bottom: 0; }
.ashar-audio .ashar-audio__header .ashar-audio__eyebrow { color: inherit; opacity: .85; }
.ashar-audio .ashar-audio__tracks .ashar-audio__description { white-space: pre-line; line-height: 1.5; margin-top: 4px; }
.ashar-audio[data-mode=scroll] .ashar-audio__tracks { height: var(--ashar-audio-list-height, 300px); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-gutter: stable; }
.ashar-audio .ashar-audio__pager { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 16px; }
.ashar-audio .ashar-audio__page-label { font-size: .85em; font-variant-numeric: tabular-nums; }


.ashar-audio .ashar-audio__track-name { display: block; min-width: 0; overflow-wrap: anywhere; }
@container (min-width: 520px) {
  .ashar-audio[data-description-position=side] .ashar-audio__track-title--described { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: center; gap: 16px; }
  .ashar-audio[data-description-position=side] .ashar-audio__tracks .ashar-audio__description { margin-top: 0; text-align: center; min-width: 0; overflow-wrap: anywhere; }
}


.ashar-audio .ashar-audio__header { padding-top: var(--ashar-audio-header-padding, clamp(12px, 4vw, var(--ashar-audio-padding, 32px))); padding-bottom: var(--ashar-audio-header-padding, clamp(12px, 4vw, var(--ashar-audio-padding, 32px))); }
.ashar-audio[data-header-align=center] .ashar-audio__header { text-align: center; }
.ashar-audio[data-header-align=right] .ashar-audio__header { text-align: right; }
.ashar-audio .ashar-audio__header h3 { overflow-wrap: anywhere; }
