/* rk-player.css · הנגן המשותף (TASK-podcast-rss-design). רקע כהה (night). RTL: הסרגל dir=ltr, השורה התחתונה: זמן (ימין) · כפתורים (מרכז) · עוצמה (שמאל) */
.rkp{display:grid;gap:10px;width:100%;padding:14px 16px 12px;border-radius:var(--rk-radius-md);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff}
.rkp audio{display:none}
.rkp-top{padding:0 2px}
.rkp-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px 14px}
.rkp-time{justify-self:start;font:700 15px/1 var(--rk-font-body);font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.rkp-ctl{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.rkp-vol{justify-self:end;display:flex;align-items:center;gap:8px;direction:ltr}
.rkp button{font:inherit;cursor:pointer;color:#fff;background:none;border:0;padding:0}
.rkp-play{width:64px;height:64px;border-radius:50%!important;background:var(--rk-color-sky)!important;color:var(--rk-color-night)!important;display:grid;place-items:center;transition:transform var(--rk-dur) var(--rk-ease),background var(--rk-dur)}
.rkp-play svg{width:30px;height:30px}
.rkp-play:hover{background:#fff!important;transform:scale(1.05)}
.rkp-skip{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff}
.rkp-skip svg{width:40px;height:40px}
.rkp-skip:hover{background:rgba(255,255,255,.14)}
.rkp-rate{min-height:44px;padding:0 12px!important;border-radius:var(--rk-radius-sm);border:1.5px solid rgba(255,255,255,.45)!important;font-weight:700;font-size:14px}
.rkp-rate:hover{background:rgba(255,255,255,.14)}
.rkp-mute{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.rkp-mute svg{width:24px;height:24px}
.rkp-mute:hover{background:rgba(255,255,255,.14)}
.rkp button:focus-visible,.rkp input:focus-visible{outline:3px solid var(--rk-color-sky);outline-offset:3px}
.rkp-play:focus-visible{outline-color:#fff}
/* סרגלים: input[type=range] מעוצב. --p = אחוז ההתקדמות / העוצמה */
.rkp input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;margin:0;cursor:pointer;--p:0%}
.rkp-seek{width:100%;height:40px}
.rkp-seek::-webkit-slider-runnable-track{height:40px;background:
  repeating-linear-gradient(90deg,var(--rk-color-sky) 0 2px,transparent 2px 8px) left center/var(--p) 16px no-repeat,
  repeating-linear-gradient(90deg,rgba(255,255,255,.38) 0 2px,transparent 2px 8px) left center/100% 16px no-repeat,
  repeating-linear-gradient(90deg,rgba(255,255,255,.75) 0 2px,transparent 2px 80px) left center/100% 28px no-repeat}
.rkp-seek::-moz-range-track{height:40px;background:
  repeating-linear-gradient(90deg,var(--rk-color-sky) 0 2px,transparent 2px 8px) left center/var(--p) 16px no-repeat,
  repeating-linear-gradient(90deg,rgba(255,255,255,.38) 0 2px,transparent 2px 8px) left center/100% 16px no-repeat,
  repeating-linear-gradient(90deg,rgba(255,255,255,.75) 0 2px,transparent 2px 80px) left center/100% 28px no-repeat}
.rkp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:36px;margin-top:2px;border-radius:3px;background:#fff;box-shadow:0 0 0 2px var(--rk-color-night)}
.rkp-seek::-moz-range-thumb{width:6px;height:36px;border:0;border-radius:3px;background:#fff;box-shadow:0 0 0 2px var(--rk-color-night)}
.rkp-vr{width:clamp(80px,14vw,130px);height:28px}
.rkp-vr::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--rk-color-sky) var(--p),rgba(255,255,255,.35) var(--p))}
.rkp-vr::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--rk-color-sky) var(--p),rgba(255,255,255,.35) var(--p))}
.rkp-vr::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:0}
.rkp-vr::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0}
@media (max-width:620px){
  .rkp-row{grid-template-columns:1fr 1fr;grid-template-areas:"ctl ctl" "time vol"}
  .rkp-ctl{grid-area:ctl}.rkp-time{grid-area:time}.rkp-vol{grid-area:vol}
}
@media (prefers-reduced-motion:reduce){.rkp-play{transition:none}.rkp-play:hover{transform:none}}