/* ===== БАЗА ===== */

#podcast{
  scroll-margin-top: 60px;
}

.ff-audio{
  margin:22px 0 28px;
  padding:20px 18px 14px;
  background:#f2f3f4;
  color:#111;
  border-radius:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;

  display:flex;
  flex-direction:column;
  gap:12px;              /* равномерное расстояние между строками */
}

/* ===== СТРОКА ПЛЕЕРА ===== */

.ff-audio .ff-row{
  display:flex;
  align-items:center;
  gap:12px;
}

/* ===== PLAY ===== */

.ff-audio .ff-play{
  padding:0;
  border:none;
  background:none;
  color:#111;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  opacity:.85;
  display:flex;
  align-items:center;
}

.ff-audio .ff-play:hover{ opacity:1; }

/* Чтобы тема не рисовала фокус-рамки вокруг кнопки play */
.ff-audio .ff-play:focus,
.ff-audio .ff-play:focus-visible{
  outline:0;
  box-shadow:none;
}

/* ===== TIME ===== */

.ff-audio .ff-time{
  font-variant-numeric:tabular-nums;
  font-size:14px;
  opacity:.7;
  white-space:nowrap;
  color:#111;
}

/* ===== RANGE RESET (УБИВАЕМ НАТИВНЫЙ ВИД) ===== */

.ff-audio input.ff-progress,
.ff-audio input.ff-progress:focus,
.ff-audio input.ff-progress:focus-visible,
.ff-audio input.ff-progress:active{
  -webkit-appearance:none !important;
  appearance:none !important;

  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;

  padding:0 !important;
  margin:0 !important;

  height:14px !important;
  cursor:pointer !important;
}

.ff-audio input.ff-progress{
  flex:1;
  -webkit-tap-highlight-color:transparent;
}

/* ===== TRACK ===== */

.ff-audio input.ff-progress::-webkit-slider-runnable-track{
  -webkit-appearance:none !important;
  background:rgba(17,17,17,.25) !important;
  height:4px !important;
  border:0 !important;
  box-shadow:none !important;
}

.ff-audio input.ff-progress::-moz-range-track{
  background:rgba(17,17,17,.25) !important;
  height:4px !important;
  border:0 !important;
}

/* ===== THUMB ===== */

.ff-audio input.ff-progress::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  margin-top:-5px !important;
  width:14px !important;
  height:14px !important;
  background:#111 !important;
  border-radius:50% !important;
  border:0 !important;
  box-shadow:none !important;
}

.ff-audio input.ff-progress::-moz-range-thumb{
  width:14px !important;
  height:14px !important;
  background:#111 !important;
  border-radius:50% !important;
  border:0 !important;
}

/* firefox extra border */
.ff-audio input.ff-progress::-moz-focus-outer{
  border:0 !important;
}

/* ===== SPEED ===== */

.ff-audio .ff-speed{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:22px;            /* нормальное расстояние */
  font-size:14px;
  color:#111;
}

/* Убрали margin-right: gap уже задаёт расстояния */
.ff-audio .ff-speed-label{
  opacity:.75;
}

/* Увеличили hit area чуть сильнее, чтобы и на компе/таче было легче */
.ff-audio .ff-rate{
  padding:8px 6px;     /* увеличенная зона клика */
  border:none;
  background:none;
  color:#111;
  cursor:pointer;
  opacity:.7;
  font:inherit;
  line-height:1.2;
}

.ff-audio .ff-rate:hover{ opacity:1; }

/* Фокус без рамок: подчёркивание как у активной */
.ff-audio .ff-rate:focus,
.ff-audio .ff-rate:focus-visible{
  outline:0;
  box-shadow:none;
  text-decoration:underline;
  text-underline-offset:3px;
}

.ff-audio .ff-rate.active{
  opacity:1;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* === Kill theme global input styles ONLY inside the player === */
.ff-audio input,
.ff-audio input:focus,
.ff-audio input:focus-visible,
.ff-audio input:active{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Sometimes themes style range specifically */
.ff-audio input[type="range"],
.ff-audio input[type="range"]:focus,
.ff-audio input[type="range"]:focus-visible{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Safari/Chrome: sometimes an inset border is drawn via filter */
.ff-audio input[type="range"]{
  filter: none !important;
}