/* Nikimix — liste d'épisodes d'une série (tokens de la maquette) */
.nk-serie{--nk-border:#232937;--nk-border2:#2f3747;--nk-surface:#171b24;--nk-muted:#9aa3b5;--nk-soft:#c3c9d5;--nk-primary:#1e8fe0;--nk-link:#4aa8ef;color:#eef1f6}
.nk-serie.is-loading .nk-serie__list{opacity:.45;transition:opacity .15s}
.nk-serie__tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}
.nk-serie__search{flex:1 1 320px;max-width:520px;background:var(--nk-surface);border:1px solid var(--nk-border2);border-radius:99px;color:#fff;padding:12px 18px;font:inherit;font-size:15px}
.nk-serie__search::placeholder{color:var(--nk-muted)}
.nk-serie__search:focus{outline:none;border-color:var(--nk-primary)}
.nk-serie__pills{display:flex;flex-wrap:wrap;gap:6px}
.nk-serie__pills button,.nk-serie__reset{background:transparent;border:1px solid var(--nk-border2);border-radius:99px;color:#eef1f6;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.nk-serie__pills button:hover{border-color:var(--nk-primary)}
.nk-serie__pills button.is-on{background:var(--nk-primary);border-color:var(--nk-primary);color:#fff}
.nk-serie__reset{color:var(--nk-muted);border-style:dashed}
.nk-serie__filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.nk-serie__label{font-family:var(--wp--preset--font-family--mono),monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--nk-muted);min-width:64px}
.nk-serie__count{font-family:var(--wp--preset--font-family--mono),monospace;font-size:12px;color:var(--nk-muted);margin:18px 0 10px}
.nk-serie__list{display:flex;flex-direction:column;gap:10px}
.nk-serie__empty{color:var(--nk-muted);padding:24px 0}
.nk-ep{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;background:var(--nk-surface);border:1px solid var(--nk-border);border-radius:14px;padding:14px}
.nk-ep.is-playing{border-color:var(--nk-primary)}
.nk-ep__cover{display:block;width:120px;height:120px;border-radius:10px;overflow:hidden;background:#1a1f2a}
.nk-ep__img{width:100%;height:100%;object-fit:cover;display:block}
.nk-ep__body{min-width:0}
.nk-ep__meta{font-family:var(--wp--preset--font-family--mono),monospace;font-size:12px;color:var(--nk-muted);margin:0 0 6px}
.nk-ep__meta b{color:var(--nk-link);font-weight:600}
.nk-ep__title{font-size:22px;font-weight:800;text-transform:none;font-stretch:85%;line-height:1.15;margin:0}
.nk-ep__title a{color:#fff;text-decoration:none}
.nk-ep__title a:hover{color:#8cc9f7}
.nk-ep__artists{color:var(--nk-soft);font-size:14px;margin:6px 0 0}
.nk-ep__actions{display:flex;flex-direction:column;align-items:center;gap:8px}
.nk-ep__play{width:52px;height:52px;border-radius:99px;border:0;background:var(--nk-primary);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.nk-ep__play:hover{background:#3aa0ec}
.nk-ep.is-playing .nk-ep__play svg path{d:path("M7 5h4v14H7zM13 5h4v14h-4z")}
.nk-ep__toggle{background:none;border:0;color:var(--nk-soft);font:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.nk-ep__toggle:hover{color:#fff}
.nk-ep__audio{grid-column:1/-1;width:100%;height:40px}
.nk-ep__tracks{grid-column:1/-1;list-style:none;margin:4px 0 0;padding:10px 0 0;border-top:1px solid var(--nk-border)}
.nk-ep__tracks li{display:grid;grid-template-columns:70px 1fr 1fr;gap:12px;padding:7px 0;font-size:14px;border-bottom:1px solid rgba(35,41,55,.6)}
.nk-ep__time{font-family:var(--wp--preset--font-family--mono),monospace;font-size:13px;color:var(--nk-link);background:none;border:0;padding:0;text-align:left;cursor:pointer}
button.nk-ep__time:hover{color:#8cc9f7;text-decoration:underline}
.nk-ep__ta{font-weight:700;color:#fff}
.nk-ep__tt{color:var(--nk-soft)}
.nk-serie__more-wrap{text-align:center;margin-top:24px}
.nk-serie__more{background:transparent;border:1px solid var(--nk-border2);border-radius:99px;color:#fff;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer}
.nk-serie__more:hover{border-color:var(--nk-primary)}
@media (max-width:640px){
	.nk-ep{grid-template-columns:84px 1fr;gap:12px}
	.nk-ep__cover{width:84px;height:84px}
	.nk-ep__actions{grid-column:1/-1;flex-direction:row;justify-content:flex-start}
	.nk-ep__play{width:44px;height:44px}
	.nk-ep__title{font-size:18px}
	.nk-ep__tracks li{grid-template-columns:58px 1fr;}
	.nk-ep__tt{grid-column:2}
}